{{define "content"}}
<div class="bg-white rounded shadow p-4">
  <h1 class="text-2xl font-bold">SMB Shares</h1>
  <div class="mt-4">
    <button class="px-3 py-2 bg-blue-500 text-white rounded" hx-get="/hx/shares/smb" hx-swap="outerHTML" hx-target="#smb-shares">Refresh</button>
  </div>
  <div id="smb-shares" class="mt-4">
    {{template "hx_smb_shares" .}}
  </div>
  <div class="mt-6">
    <h2 class="text-lg font-semibold">Create SMB Share</h2>
    <form hx-post="/shares/smb/create" hx-swap="afterbegin" class="mt-2">
      <div class="flex space-x-2">
        <input name="name" placeholder="share name" class="border rounded p-1" />
        <input name="path" placeholder="dataset (e.g. tank/ds)" class="border rounded p-1" />
        <input name="allowed_users" placeholder="user1,user2" class="border rounded p-1" />
        <label class="text-sm">Read only <input type="checkbox" name="read_only" value="1" /></label>
        <button class="px-3 py-1 bg-green-500 text-white rounded" type="submit">Create</button>
      </div>
    </form>
  </div>
</div>
{{end}}