{{define "admin/site_pages.html"}}
{{template "admin/layout_head" .}}
<div class="cs-admin-page">
{{template "admin_pagehead" (dict "Icon" "bx-file" "Title" (T "admin.site_pages.title") "Desc" (T "admin.site_pages.desc"))}}

{{if index .Data "FlashNotice"}}
<div class="alert alert-success py-2">{{index .Data "FlashNotice"}}</div>
{{end}}
{{if index .Data "FlashError"}}
<div class="alert alert-danger py-2">{{index .Data "FlashError"}}</div>
{{end}}

{{if index .Data "ShowComplianceAdmin"}}
<section class="cs-admin-section mb-3">
  <div class="cs-admin-section__body">
    <h3 class="h6 mb-2">{{T "admin.site_pages.compliance_title"}}</h3>
    <p class="small text-muted mb-3">{{T "admin.site_pages.compliance_hint"}}</p>
    <form method="post" action="/admin/site-pages" class="mb-0 w-100">
      <input type="hidden" name="action" value="save_compliance">
      <input type="hidden" name="page" value="{{index .Data "AdminSitePageStem"}}">
      <input type="hidden" name="content_lang" value="{{index .Data "AdminSitePageLang"}}">
      <div class="form-check form-switch mb-3">
        <input class="form-check-input" type="checkbox" name="compliance_enabled" value="1" id="compliance_enabled" {{if index .Data "ComplianceEnabled"}}checked{{end}}>
        <label class="form-check-label" for="compliance_enabled">{{T "admin.site_pages.compliance_enable"}}</label>
      </div>
      <div class="mb-2"><label class="form-label small">{{T "admin.site_pages.gdpr_link"}}</label>
        <input class="form-control form-control-sm" type="text" name="compliance_gdpr_link" maxlength="80" value="{{index .Data "ComplianceGDPRLink"}}"></div>
      <div class="mb-2"><label class="form-label small">{{T "admin.site_pages.gdpr_title"}}</label>
        <input class="form-control form-control-sm" type="text" name="compliance_gdpr_title" maxlength="120" value="{{index .Data "ComplianceGDPRTitle"}}"></div>
      <div class="mb-3"><label class="form-label small">{{T "admin.site_pages.gdpr_body"}}</label>
        <textarea class="form-control form-control-sm font-monospace" name="compliance_gdpr_body" rows="4">{{index .Data "ComplianceGDPRBody"}}</textarea></div>
      <div class="mb-2"><label class="form-label small">{{T "admin.site_pages.ccpa_link"}}</label>
        <input class="form-control form-control-sm" type="text" name="compliance_ccpa_link" maxlength="80" value="{{index .Data "ComplianceCCPALink"}}"></div>
      <div class="mb-2"><label class="form-label small">{{T "admin.site_pages.ccpa_title"}}</label>
        <input class="form-control form-control-sm" type="text" name="compliance_ccpa_title" maxlength="120" value="{{index .Data "ComplianceCCPATitle"}}"></div>
      <div class="mb-3"><label class="form-label small">{{T "admin.site_pages.ccpa_body"}}</label>
        <textarea class="form-control form-control-sm font-monospace" name="compliance_ccpa_body" rows="4">{{index .Data "ComplianceCCPABody"}}</textarea></div>
      <div class="mb-2"><label class="form-label small">{{T "admin.site_pages.cookie_title"}}</label>
        <input class="form-control form-control-sm" type="text" name="compliance_cookie_title" maxlength="120" value="{{index .Data "ComplianceCookieTitle"}}"></div>
      <div class="mb-3"><label class="form-label small">{{T "admin.site_pages.cookie_body"}}</label>
        <textarea class="form-control form-control-sm" name="compliance_cookie_body" rows="3" maxlength="960">{{index .Data "ComplianceCookieBody"}}</textarea></div>
      <button type="submit" class="btn btn-primary btn-sm"><i class="bx bx-save me-1"></i>{{T "admin.site_pages.save_compliance"}}</button>
    </form>
  </div>
</section>
{{end}}

<section class="cs-admin-section mb-3">
  <div class="cs-admin-section__body">
    <h3 class="h6 mb-2">{{T "admin.site_pages.nav_title"}}</h3>
    <p class="small text-muted mb-3">{{T "admin.site_pages.nav_hint"}}</p>
    <form method="post" action="/admin/site-pages" class="mb-4">
      <input type="hidden" name="action" value="save_nav">
      <input type="hidden" name="page" value="{{index .Data "AdminSitePageStem"}}">
      <input type="hidden" name="content_lang" value="{{index .Data "AdminSitePageLang"}}">
      <div class="table-responsive">
        <table class="table table-sm align-middle">
          <thead>
            <tr>
              <th style="width:4rem;">{{T "admin.site_pages.col_show"}}</th>
              <th style="width:7rem;">{{T "admin.site_pages.col_page"}}</th>
              <th>{{T "admin.site_pages.col_label"}}</th>
              <th>{{T "admin.site_pages.col_url"}}</th>
              <th style="width:5rem;">{{T "admin.site_pages.col_sort"}}</th>
            </tr>
          </thead>
          <tbody>
            {{$defs := index .Data "AdminSitePageNavDefault"}}
            {{range index .Data "AdminSitePageNav"}}
            <tr>
              <td>
                <input type="checkbox" class="form-check-input" name="nav_enabled_{{.Stem}}" value="1" {{if .Enabled}}checked{{end}}>
              </td>
              <td><code>{{.Stem}}</code></td>
              <td>
                <input class="form-control form-control-sm" type="text" name="nav_label_{{.Stem}}" maxlength="64" value="{{.Label}}" placeholder="{{index $defs .Stem}}">
              </td>
              <td>
                <input class="form-control form-control-sm font-monospace" type="text" name="nav_url_{{.Stem}}" maxlength="500" value="{{.URL}}" placeholder="/{{.Stem}}">
              </td>
              <td>
                <input class="form-control form-control-sm" type="number" name="nav_sort_{{.Stem}}" value="{{.Sort}}">
              </td>
            </tr>
            {{end}}
          </tbody>
        </table>
      </div>
      <div class="form-text mb-2">{{T "admin.site_pages.nav_url_hint"}}</div>
      <button type="submit" class="btn btn-primary btn-sm"><i class="bx bx-save me-1"></i>{{T "admin.site_pages.save_nav"}}</button>
    </form>

    <hr class="my-4">

    <div id="sd-sitepages-public" style="scroll-margin-top:1.25rem">
    <h3 class="h6 mb-2">{{T "admin.site_pages.body_title"}}</h3>
    <div class="d-flex flex-wrap gap-2 mb-3" role="tablist">
      {{$stem := index .Data "AdminSitePageStem"}}
      {{$lang := index .Data "AdminSitePageLang"}}
      <a class="btn btn-sm {{if eq $stem "help"}}btn-primary{{else}}btn-outline-secondary{{end}}" href="/admin/site-pages?page=help&amp;content_lang={{$lang}}#sd-sitepages-public">{{T "admin.site_pages.tab_help"}}</a>
      <a class="btn btn-sm {{if eq $stem "terms"}}btn-primary{{else}}btn-outline-secondary{{end}}" href="/admin/site-pages?page=terms&amp;content_lang={{$lang}}#sd-sitepages-public">{{T "admin.site_pages.tab_terms"}}</a>
      <a class="btn btn-sm {{if eq $stem "privacy"}}btn-primary{{else}}btn-outline-secondary{{end}}" href="/admin/site-pages?page=privacy&amp;content_lang={{$lang}}#sd-sitepages-public">{{T "admin.site_pages.tab_privacy"}}</a>
      <a class="btn btn-sm {{if eq $stem "contact"}}btn-primary{{else}}btn-outline-secondary{{end}}" href="/admin/site-pages?page=contact&amp;content_lang={{$lang}}#sd-sitepages-public">{{T "admin.site_pages.tab_contact"}}</a>
      <a class="btn btn-sm {{if eq $stem "about"}}btn-primary{{else}}btn-outline-secondary{{end}}" href="/admin/site-pages?page=about&amp;content_lang={{$lang}}#sd-sitepages-public">{{T "admin.site_pages.tab_about"}}</a>
      {{range index .Data "AdminSitePageCustomTabs"}}
      <a class="btn btn-sm {{if eq $stem (index . "stem")}}btn-primary{{else}}btn-outline-secondary{{end}}" href="/admin/site-pages?page={{index . "stem"}}&amp;content_lang={{$lang}}#sd-sitepages-public">{{index . "label"}}</a>
      {{end}}
    </div>

    <form method="post" action="/admin/site-pages?page={{$stem}}&amp;content_lang={{$lang}}#sd-sitepages-public" class="row g-2 align-items-end mb-3 pb-3 border-bottom">
      <input type="hidden" name="action" value="create_custom">
      <input type="hidden" name="content_lang" value="{{$lang}}">
      <div class="col-auto">
        <label class="form-label mb-1 small text-muted" for="custom_stem">{{T "admin.site_pages.custom_stem"}}</label>
        <input class="form-control form-control-sm" id="custom_stem" name="custom_stem" maxlength="32" pattern="[a-z][a-z0-9-]{1,31}" placeholder="refund" required>
      </div>
      <div class="col-auto">
        <label class="form-label mb-1 small text-muted" for="custom_label">{{T "admin.site_pages.custom_label"}}</label>
        <input class="form-control form-control-sm" id="custom_label" name="custom_label" maxlength="64" placeholder="{{T "admin.site_pages.custom_label_ph"}}">
      </div>
      <div class="col-auto align-self-end">
        <button type="submit" class="btn btn-sm btn-outline-primary"><i class="bx bx-plus me-1"></i>{{T "admin.site_pages.custom_create"}}</button>
      </div>
      <div class="col-12"><div class="form-text mb-0">{{T "admin.site_pages.custom_hint"}}</div></div>
    </form>

    <div class="row g-2 align-items-end mb-3">
      <div class="col-auto">
        <label class="form-label mb-1 small text-muted">{{T "admin.site_pages.content_lang"}}</label>
        <select class="form-select form-select-sm" id="nc-sitepages-lang" onchange="window.location.href='/admin/site-pages?page={{$stem}}&amp;content_lang='+encodeURIComponent(this.value)+'#sd-sitepages-public'">
          {{range index .Data "AdminLocales"}}
          <option value="{{.}}" {{if eq . $lang}}selected{{end}}>{{.}}</option>
          {{end}}
        </select>
      </div>
      <div class="col-auto small text-muted pb-1">
        {{if index .Data "AdminSitePageHasOverlay"}}<span class="badge text-bg-success">{{T "admin.site_pages.overlay_on"}}</span>{{else}}<span class="badge text-bg-secondary">{{T "admin.site_pages.overlay_off"}}</span>{{end}}
      </div>
    </div>

    <form method="post" action="/admin/site-pages" id="site-pages-form">
      <input type="hidden" name="page" value="{{$stem}}">
      <input type="hidden" name="content_lang" value="{{$lang}}">
      <input type="hidden" name="action" value="save">
      <div class="mb-3">
        <label class="form-label" for="field_page_title">{{T "admin.site_pages.page_title"}}</label>
        <input class="form-control form-control-sm" id="field_page_title" name="field_page_title" type="text" maxlength="120" value="{{index .Data "AdminSitePageTitle"}}">
      </div>
      <div class="mb-3">
        <label class="form-label" for="field_page_body">{{T "admin.site_pages.page_body"}}</label>
        <textarea class="form-control form-control-sm font-monospace" id="field_page_body" name="field_page_body" rows="18" maxlength="32000" placeholder="<p>…</p>">{{index .Data "AdminSitePageBody"}}</textarea>
        <div class="form-text">{{T "admin.site_pages.body_hint"}}</div>
      </div>
      <div class="cs-admin-savebar">
        <a class="btn btn-outline-secondary btn-sm" href="{{index .Data "AdminSitePagePreviewURL"}}" target="_blank" rel="noopener noreferrer"><i class="bx bx-link-external me-1"></i>{{T "admin.site_pages.preview"}}</a>
        <div class="d-flex gap-2 ms-auto">
          {{if index .Data "AdminSitePageIsCustom"}}
          <button type="submit" name="action" value="delete_custom" class="btn btn-outline-danger btn-sm" onclick="return confirm('{{T "admin.site_pages.custom_delete_confirm"}}');">{{T "admin.site_pages.custom_delete"}}</button>
          {{else}}
          <button type="submit" name="action" value="reset" class="btn btn-outline-danger btn-sm" onclick="return confirm('{{T "admin.site_pages.reset_confirm"}}');">{{T "admin.site_pages.reset"}}</button>
          {{end}}
          <button type="submit" class="btn btn-primary btn-sm"><i class="bx bx-save me-1"></i>{{T "admin.site_pages.save_body"}}</button>
        </div>
      </div>
    </form>
    </div>
  </div>
</section>
</div>
<script>
(function () {
  var params = new URLSearchParams(window.location.search || '');
  var want = params.has('page') || (window.location.hash || '') === '#sd-sitepages-public';
  if (!want) return;
  function scrollPublicBlock() {
    var el = document.getElementById('sd-sitepages-public');
    if (!el || typeof el.scrollIntoView !== 'function') return;
    el.scrollIntoView({ behavior: 'smooth', block: 'start' });
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function () { setTimeout(scrollPublicBlock, 0); });
  } else {
    setTimeout(scrollPublicBlock, 0);
  }
})();
</script>
{{template "admin/layout_foot" .}}
{{end}}