{{template "layout.html" .}}



{{define "content"}}

<link rel="stylesheet" href="{{asset "/template/default/assets/css/admin-site-pages.css"}}">



<div class="sd-sitepages">

    {{if .FlashNotice}}

    <div class="alert alert-success" role="status">{{T .FlashNotice}}</div>

    {{end}}

    {{if .FlashError}}

    <div class="alert alert-danger" role="alert">{{.FlashError}}</div>

    {{end}}

    {{if .ShowComplianceAdmin}}
    <div class="sd-sitepages-card mb-3">
        <div class="sd-sitepages-card-head"><h2 class="sd-sitepages-card-title">{{T "admin.compliance.card_title"}}</h2></div>
        <div class="sd-sitepages-card-body">
            <p class="sd-sitepages-hint">{{T "admin.compliance.card_hint"}}</p>
            <form method="post" action="/admin/site-pages" class="sd-sitepages-form sd-sitepages-form--compliance w-100">
                <input type="hidden" name="action" value="save_compliance">
                <input type="hidden" name="page" value="{{.AdminSitePageStem}}">
                <input type="hidden" name="content_lang" value="{{.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 .ComplianceEnabled}}checked{{end}}>
                    <label class="form-check-label" for="compliance_enabled">{{T "admin.compliance.enable_label"}}</label>
                </div>
                <label class="form-label">{{T "admin.compliance.gdpr_link_label"}}</label><input class="form-control mb-2" type="text" name="compliance_gdpr_link" maxlength="80" value="{{.ComplianceGDPRLink}}">
                <label class="form-label">{{T "admin.compliance.gdpr_section_title_label"}}</label><input class="form-control mb-2" type="text" name="compliance_gdpr_title" maxlength="120" value="{{.ComplianceGDPRTitle}}">
                <label class="form-label">{{T "admin.compliance.gdpr_section_body_label"}}</label><textarea class="form-control mb-3" name="compliance_gdpr_body" rows="4">{{.ComplianceGDPRBody}}</textarea>
                <label class="form-label">{{T "admin.compliance.ccpa_link_label"}}</label><input class="form-control mb-2" type="text" name="compliance_ccpa_link" maxlength="80" value="{{.ComplianceCCPALink}}">
                <label class="form-label">{{T "admin.compliance.ccpa_section_title_label"}}</label><input class="form-control mb-2" type="text" name="compliance_ccpa_title" maxlength="120" value="{{.ComplianceCCPATitle}}">
                <label class="form-label">{{T "admin.compliance.ccpa_section_body_label"}}</label><textarea class="form-control mb-3" name="compliance_ccpa_body" rows="4">{{.ComplianceCCPABody}}</textarea>
                <label class="form-label">{{T "admin.compliance.cookie_title_label"}}</label><input class="form-control mb-2" type="text" name="compliance_cookie_title" maxlength="120" value="{{.ComplianceCookieTitle}}">
                <label class="form-label">{{T "admin.compliance.cookie_body_label"}}</label><textarea class="form-control mb-3" name="compliance_cookie_body" rows="3" maxlength="960">{{.ComplianceCookieBody}}</textarea>
                <button type="submit" class="btn btn-primary btn-sm">{{T "admin.compliance.save_btn"}}</button>
            </form>
        </div>
    </div>
    {{end}}

    <div class="sd-sitepages-card sd-sitepages-card--nav">

        <div class="sd-sitepages-card-head">

            <h2>{{T "site_pages.nav_title"}}</h2>

            <p>{{T "site_pages.nav_lead"}}</p>

        </div>

        <form method="post" action="/admin/site-pages?page={{.AdminSitePageStem}}&amp;content_lang={{.AdminSitePageLang}}" class="sd-sitepages-nav-form">

            <input type="hidden" name="action" value="save_nav">

            <input type="hidden" name="page" value="{{.AdminSitePageStem}}">

            <input type="hidden" name="content_lang" value="{{.AdminSitePageLang}}">

            <div class="table-responsive">

                <table class="table table-sm align-middle sd-sitepages-nav-table">

                    <thead>

                        <tr>

                            <th class="sd-sitepages-nav-col-enabled">{{T "site_pages.nav_col_enabled"}}</th>

                            <th class="sd-sitepages-nav-col-stem">{{T "site_pages.nav_col_stem"}}</th>

                            <th>{{T "site_pages.nav_col_label"}}</th>

                            <th>{{T "site_pages.nav_col_url"}}</th>

                            <th class="sd-sitepages-nav-col-sort">{{T "site_pages.nav_col_sort"}}</th>

                        </tr>

                    </thead>

                    <tbody>

                        {{$defs := .AdminSitePageNavDefault}}

                        {{range .AdminSitePageNav}}

                        <tr>

                            <td>

                                <input type="checkbox" class="form-check-input" name="nav_enabled_{{.Stem}}" value="1" {{if .Enabled}}checked{{end}} aria-label="{{T "site_pages.nav_col_enabled"}} {{.Stem}}">

                            </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>

            <p class="sd-sitepages-hint">{{T "site_pages.nav_url_hint"}}</p>

            <div class="sd-sitepages-actions">

                <button type="submit" class="btn btn-primary"><i class='bx bx-save'></i> {{T "site_pages.nav_btn_save"}}</button>

            </div>

        </form>

    </div>



    <div class="sd-sitepages-card" id="sd-sitepages-public">

        <div class="sd-sitepages-card-head">

            <h2>{{T "site_pages.card_title"}}</h2>

            <p>{{T "site_pages.card_lead"}}</p>

        </div>



        <nav class="sd-sitepages-tabs" aria-label="{{T "site_pages.tab_aria"}}">

            <a href="/admin/site-pages?page=help&amp;content_lang={{.AdminSitePageLang}}#sd-sitepages-public" class="{{if eq .AdminSitePageStem "help"}}is-active{{end}}"><i class='bx bx-help-circle'></i> {{T "site_pages.tab_help"}}</a>

            <a href="/admin/site-pages?page=terms&amp;content_lang={{.AdminSitePageLang}}#sd-sitepages-public" class="{{if eq .AdminSitePageStem "terms"}}is-active{{end}}"><i class='bx bx-file'></i> {{T "site_pages.tab_terms"}}</a>

            <a href="/admin/site-pages?page=privacy&amp;content_lang={{.AdminSitePageLang}}#sd-sitepages-public" class="{{if eq .AdminSitePageStem "privacy"}}is-active{{end}}"><i class='bx bx-shield'></i> {{T "site_pages.tab_privacy"}}</a>

            <a href="/admin/site-pages?page=contact&amp;content_lang={{.AdminSitePageLang}}#sd-sitepages-public" class="{{if eq .AdminSitePageStem "contact"}}is-active{{end}}"><i class='bx bx-envelope'></i> {{T "site_pages.tab_contact"}}</a>

            <a href="/admin/site-pages?page=about&amp;content_lang={{.AdminSitePageLang}}#sd-sitepages-public" class="{{if eq .AdminSitePageStem "about"}}is-active{{end}}"><i class='bx bx-info-circle'></i> {{T "site_pages.tab_about"}}</a>

            {{range .AdminSitePageCustomTabs}}
            <a href="/admin/site-pages?page={{index . "stem"}}&amp;content_lang={{$.AdminSitePageLang}}#sd-sitepages-public" class="{{if eq $.AdminSitePageStem (index . "stem")}}is-active{{end}}"><i class='bx bx-file-blank'></i> {{index . "label"}}</a>
            {{end}}

        </nav>

        <form method="post" action="/admin/site-pages?page={{.AdminSitePageStem}}&amp;content_lang={{.AdminSitePageLang}}#sd-sitepages-public" class="sd-sitepages-create mb-3" style="display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end;padding:.75rem 0;border-bottom:1px solid #e2e8f0">
            <input type="hidden" name="action" value="create_custom">
            <input type="hidden" name="content_lang" value="{{.AdminSitePageLang}}">
            <div>
                <label class="form-label small mb-1" for="custom_stem">{{T "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>
                <label class="form-label small mb-1" for="custom_label">{{T "site_pages.custom_label"}}</label>
                <input class="form-control form-control-sm" id="custom_label" name="custom_label" maxlength="64" placeholder="{{T "site_pages.custom_label_ph"}}">
            </div>
            <button type="submit" class="btn btn-sm btn-outline-primary"><i class='bx bx-plus'></i> {{T "site_pages.custom_create"}}</button>
            <p class="form-text mb-0 w-100">{{T "site_pages.custom_hint"}}</p>
        </form>



        <div class="sd-sitepages-toolbar">

            <div class="sd-sitepages-field">

                <label for="sd-sitepages-lang">{{T "site_pages.lang"}}</label>

                <p class="sd-sitepages-hint">{{T "site_pages.lang_hint"}}</p>

                <select id="sd-sitepages-lang" class="form-select" onchange="window.location.href='/admin/site-pages?page={{.AdminSitePageStem}}&amp;content_lang='+encodeURIComponent(this.value)+'#sd-sitepages-public'">

                    {{range .AdminLangPackOptions}}

                    <option value="{{.}}"{{if eq . $.AdminSitePageLang}} selected{{end}}>{{.}}</option>

                    {{end}}

                </select>

            </div>

            <div class="sd-sitepages-field">

                <label>{{T "site_pages.status"}}</label>

                {{if .AdminSitePageHasOverlay}}

                <span class="sd-sitepages-badge"><i class='bx bx-edit'></i> {{T "site_pages.status_custom"}}</span>

                {{else}}

                <span class="sd-sitepages-badge is-muted"><i class='bx bx-book-content'></i> {{T "site_pages.status_default"}}</span>

                {{end}}

            </div>

            <div class="sd-sitepages-field">

                <label>{{T "site_pages.preview"}}</label>

                <a class="btn btn-outline-secondary btn-sm" href="{{.AdminSitePagePreviewURL}}" target="_blank" rel="noopener noreferrer"><i class='bx bx-link-external'></i> {{T "site_pages.preview_btn"}}</a>

            </div>

        </div>



        <form method="post" action="/admin/site-pages?page={{.AdminSitePageStem}}&amp;content_lang={{.AdminSitePageLang}}" class="sd-sitepages-form">

            <input type="hidden" name="page" value="{{.AdminSitePageStem}}">

            <input type="hidden" name="content_lang" value="{{.AdminSitePageLang}}">



            <div class="sd-sitepages-block">

                <label for="field_page_title">{{T "site_pages.field.page_title"}}</label>

                <input type="text" class="form-control" id="field_page_title" name="field_page_title" maxlength="120" value="{{index .AdminSitePageValues "page.title"}}">

            </div>



            <div class="sd-sitepages-block">

                <label for="field_page_body">{{T "site_pages.field.page_body"}}</label>

                <p class="sd-sitepages-hint">{{T "site_pages.field.html_hint"}}</p>

                <textarea class="form-control sd-sitepages-html" id="field_page_body" name="field_page_body" rows="18">{{index .AdminSitePageValues "page.body"}}</textarea>

            </div>



            <div class="sd-sitepages-actions">

                <button type="submit" name="action" value="save" class="btn btn-primary"><i class='bx bx-save'></i> {{T "site_pages.btn_save"}}</button>

                {{if .AdminSitePageIsCustom}}
                <button type="submit" name="action" value="delete_custom" class="btn btn-outline-danger" onclick="return confirm({{json (T "site_pages.custom_delete_confirm")}});"><i class='bx bx-trash'></i> {{T "site_pages.custom_delete"}}</button>
                {{else}}
                <button type="submit" name="action" value="reset" class="btn btn-outline-secondary" onclick="return confirm({{json (T "site_pages.reset_confirm")}});"><i class='bx bx-reset'></i> {{T "site_pages.btn_reset"}}</button>
                {{end}}

            </div>

        </form>

    </div>

</div>

<script>
(function () {
    // With ?page= (or #sd-sitepages-public), scroll the public-content card into view after load/refresh.
    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>

{{end}}