{{/* org-profile-modal is the htmx fragment swapped into #org-profile-modal. It
     posts via htmx so a server validation error re-renders this fragment in place
     (modal stays open, entered values preserved); on success the handler sends
     HX-Redirect to reload the org page. The plain action= is the no-JS fallback. */}}
{{define "org-profile-modal"}}
<div class="modal-header">
  <h2 class="modal-title">Edit profile</h2>
  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
  {{if .Error}}<div class="alert alert-danger">{{.Error}}</div>{{end}}
  <form method="post" action="/orgs/{{.OrgSlug}}/edit" id="org-profile-form"
        hx-post="/orgs/{{.OrgSlug}}/edit" hx-target="#org-profile-modal-content" hx-swap="innerHTML">
    <div class="mb-3">
      <label class="form-label" for="org_name">Name</label>
      <input type="text" class="form-control" id="org_name" name="name" value="{{.Name}}" maxlength="80" required>
    </div>
    <div class="mb-3">
      <label class="form-label" for="org_slug">URL slug</label>
      <div class="input-group">
        <span class="input-group-text">/orgs/</span>
        <input type="text" class="form-control font-monospace" id="org_slug" name="slug" value="{{.Slug}}"
               pattern="[a-z0-9]+(-[a-z0-9]+)*" minlength="3" maxlength="40" required>
      </div>
      <small class="form-hint">Lowercase letters, numbers, and hyphens. Changing this changes the organization's URL.</small>
    </div>
    <div class="mb-3">
      <label class="form-label" for="org_region">Region <span class="text-secondary">(optional)</span></label>
      <input type="text" class="form-control" id="org_region" name="region" value="{{.Region}}" maxlength="120" placeholder="e.g. Buffalo, NY">
    </div>
    <div class="mb-0">
      <label class="form-label" for="org_description">Description</label>
      <textarea class="form-control" id="org_description" name="description" rows="4" maxlength="2000" placeholder="What this organization is about, where it operates, etc.">{{.Description}}</textarea>
      <small class="form-hint">Markdown supported — headings, lists, links, and emphasis.</small>
    </div>
  </form>
</div>
<div class="modal-footer">
  <button type="button" class="btn btn-link link-secondary" data-bs-dismiss="modal">Cancel</button>
  <button type="submit" form="org-profile-form" class="btn btn-primary">Save profile</button>
</div>
{{end}}