{{template "layout.html" .}}

{{define "content"}}
<link rel="stylesheet" href="{{asset "/template/default/assets/css/admin-audit-detail.css"}}">


<div class="audit-detail-page">
    <div class="audit-detail-toolbar">
        <a href="/admin/audit" class="audit-detail-back">
            <i class='bx bx-arrow-back'></i> {{T "admin_audit_back"}}
        </a>
    </div>

    <div class="card audit-detail-card mb-3">
        <div class="audit-detail-header">
            <div class="audit-detail-header__main">
                <h1 class="audit-detail-title">{{index .Data.Document "title"}}</h1>
                {{$s := index .Data.Document "audit_status"}}
                {{if eq $s 0}}
                <span class="badge bg-warning text-dark audit-detail-status">{{T "admin_audit_pending_review"}}</span>
                {{else if eq $s 2}}
                <span class="badge bg-danger audit-detail-status">{{T "admin_status_rejected"}}</span>
                {{else}}
                <span class="badge bg-success audit-detail-status">{{T "admin_status_approved"}}</span>
                {{end}}
            </div>
            <div class="audit-detail-meta">
                <div class="audit-detail-meta__item">
                    <i class='bx bx-folder'></i>
                    <div>
                        <span class="audit-detail-meta__label">{{T "admin_audit_label_project"}}</span>
                        <span class="audit-detail-meta__value">{{index .Data.Document "project_name"}}</span>
                    </div>
                </div>
                <div class="audit-detail-meta__item">
                    <i class='bx bx-user'></i>
                    <div>
                        <span class="audit-detail-meta__label">{{T "admin_audit_label_author"}}</span>
                        <span class="audit-detail-meta__value">{{index .Data.Document "submitter"}}</span>
                    </div>
                </div>
                <div class="audit-detail-meta__item">
                    <i class='bx bx-link'></i>
                    <div>
                        <span class="audit-detail-meta__label">{{T "admin_audit_label_path"}}</span>
                        <span class="audit-detail-meta__value">
                            {{if index .Data.Document "url"}}
                            <a href="{{index .Data.Document "url"}}" target="_blank" rel="noopener noreferrer"><code>{{index .Data.Document "url"}}</code></a>
                            {{else}}
                            <code>-</code>
                            {{end}}
                        </span>
                    </div>
                </div>
            </div>
        </div>

        <div class="card-body audit-detail-body">
            {{if index .Data.Document "reject_reason"}}
            <div class="alert alert-danger small mb-3">
                <i class='bx bx-error-circle me-1'></i>
                <strong>{{T "admin_audit_reject_reason_label"}}:</strong> {{index .Data.Document "reject_reason"}}
            </div>
            {{end}}

            {{if index .Data.Document "description"}}
            <section class="audit-detail-section">
                <h2 class="audit-detail-section__title">
                    <i class='bx bx-notepad'></i> {{T "admin_audit_description"}}
                </h2>
                <p class="audit-detail-desc">{{index .Data.Document "description"}}</p>
            </section>
            {{end}}

            <section class="audit-detail-section">
                <h2 class="audit-detail-section__title">
                    <i class='bx bx-file-blank'></i> {{T "admin_audit_content_preview"}}
                </h2>
                <div class="audit-detail-content">
                    <div class="audit-detail-content__head">
                        <i class='bx bx-code-alt'></i> Markdown
                    </div>
                    <pre class="audit-detail-content__body">{{index .Data.Document "content"}}</pre>
                </div>
            </section>
        </div>

        {{if eq (index .Data.Document "audit_status") 0}}
        <div class="audit-detail-actions">
            <form method="post" action="/admin/audit-detail?id={{index .Data.Document "id"}}" class="audit-detail-actions__approve">
                <input type="hidden" name="action" value="approve">
                <button type="submit" class="btn btn-success">
                    <i class='bx bx-check-circle'></i> {{T "admin_audit_approve_publish"}}
                </button>
            </form>
            <div class="audit-detail-actions__divider" aria-hidden="true"></div>
            <form method="post" action="/admin/audit-detail?id={{index .Data.Document "id"}}" class="audit-detail-actions__reject">
                <input type="hidden" name="action" value="reject">
                <input type="text" name="reject_reason" class="form-control" placeholder="{{T "admin_audit_reject_reason"}}" required autocomplete="off">
                <button type="submit" class="btn btn-danger">
                    <i class='bx bx-x-circle'></i> {{T "admin_audit_reject"}}
                </button>
            </form>
        </div>
        {{end}}
    </div>
</div>
{{end}}

{{define "scripts"}}
<script>
function showAuditFlashToast(msg, type) {
    if (!msg || typeof BootstrapModal === 'undefined') return;
    BootstrapModal.flash(msg, type, 4500);
}

$(document).ready(function() {
    {{if .Data.Flash}}
    showAuditFlashToast({{json .Data.Flash}}, {{json .Data.FlashType}});
    if (window.location.search.indexOf('flash=') !== -1) {
        var cleanUrl = new URL(window.location.href);
        cleanUrl.searchParams.delete('flash');
        window.history.replaceState({}, '', cleanUrl.pathname + cleanUrl.search + cleanUrl.hash);
    }
    {{end}}
});
</script>
{{end}}