{{template "layout.html" .}}

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


{{template "admin-hero-styles" .}}

<div class="audit-page">

    <details class="admin-hero">

        <summary class="admin-hero-bar">

            <span class="admin-hero-icon" aria-hidden="true"><i class='bx bx-check-shield'></i></span>

            <span class="admin-hero-intro">{{T "admin_audit_page_hint"}}</span>

            <span class="admin-hero-toggle">

                <span class="admin-hero-toggle-label"><i class='bx bx-info-circle' aria-hidden="true"></i> {{T "admin_usage_title"}}</span>

                {{template "admin-hero-help-meta" .}}

            </span>

        </summary>

        <div class="admin-hero-body">

                <ul class="admin-hero-field-grid">

                    <li class="admin-hero-field-item"><strong>{{T "admin_audit_usage_tabs"}}</strong>{{T "admin_audit_usage_tabs_desc"}}</li>

                    <li class="admin-hero-field-item"><strong>{{T "admin_audit_usage_bulk"}}</strong>{{T "admin_audit_usage_bulk_desc"}}</li>

                    <li class="admin-hero-field-item"><strong>{{T "admin_audit_usage_reject"}}</strong>{{T "admin_audit_usage_reject_desc"}}</li>

                </ul>

        </div>

    </details>

    <div class="audit-toolbar-card">

        <div class="card-body">

            <form method="get" action="/admin/audit" class="row g-2 align-items-end">

                {{if eq .Data.AuditType "projects"}}<input type="hidden" name="type" value="projects">{{end}}

                <div class="col-md-2">

                    <label class="form-label">{{T "admin_col_status"}}</label>

                    <select name="status" class="form-select form-select-sm">

                        <option value="0" {{if eq .Data.QStatus "0"}}selected{{end}}>{{T "admin_status_pending"}}</option>

                        <option value="1" {{if eq .Data.QStatus "1"}}selected{{end}}>{{T "admin_status_approved"}}</option>

                        <option value="2" {{if eq .Data.QStatus "2"}}selected{{end}}>{{T "admin_status_rejected"}}</option>

                        <option value="-1" {{if eq .Data.QStatus "-1"}}selected{{end}}>{{T "admin_status_all"}}</option>

                    </select>

                </div>

                <div class="col-md-5">

                    <label class="form-label">{{T "admin_col_title"}}</label>

                    <input type="text" name="q" class="form-control form-control-sm" value="{{.Data.QQ}}" placeholder="{{T "admin_audit_search_title"}}">

                </div>

                <div class="col-md-2">

                    <button type="submit" class="btn btn-primary btn-sm w-100"><i class='bx bx-filter-alt'></i> {{T "admin_btn_filter"}}</button>

                </div>

            </form>

        </div>

    </div>

    <form method="post" action="/admin/audit" id="auditBulkForm">

        {{if eq .Data.AuditType "projects"}}<input type="hidden" name="type" value="projects">{{end}}

        <div class="audit-table-card">

            <div class="table-responsive">

                <table class="table align-middle mb-0" id="auditTable">

                    <thead>

                        <tr>

                            <th width="44"><input type="checkbox" class="form-check-input" id="selAll" title="{{T "admin_documents_select_all"}}"></th>

                            {{if ne .Data.AuditType "projects"}}
                            <th width="60">{{T "admin_documents_col_id"}}</th>
                            {{end}}

                            <th>{{T "admin_col_title"}}</th>

                            {{if eq .Data.AuditType "projects"}}

                            <th>{{T "admin_audit_col_public_category"}}</th>

                            <th>{{T "admin_audit_col_slug"}}</th>

                            {{else}}

                            <th>{{T "admin_audit_col_project"}}</th>

                            {{end}}

                            <th>{{T "admin_audit_col_author"}}</th>

                            <th class="text-center">{{T "admin_col_status"}}</th>

                            <th>{{T "admin_col_updated"}}</th>

                            {{if ne .Data.AuditType "projects"}}<th width="100" class="text-center">{{T "admin_col_actions"}}</th>{{end}}

                        </tr>

                    </thead>

                    <tbody>

                    {{if .Data.Rows}}

                        {{range .Data.Rows}}

                        <tr>

                            <td><input type="checkbox" class="form-check-input audit-row-check" name="ids" value="{{index . "id"}}"></td>

                            {{if eq $.Data.AuditType "projects"}}

                            <td><strong>{{index . "name"}}</strong></td>

                            <td>{{index . "directory_name"}}</td>

                            <td><code>{{index . "slug"}}</code></td>

                            {{else}}

                            <td class="text-muted">{{index . "id"}}</td>

                            <td>
                                <div{{if index . "slug"}} title="{{index . "slug"}}"{{end}}>
                                    {{if index . "url"}}
                                    <a href="{{index . "url"}}" target="_blank" rel="noopener noreferrer" class="text-decoration-none">
                                        <i class='bx bx-file me-1 text-muted'></i>
                                        <strong class="text-dark">{{index . "title"}}</strong>
                                    </a>
                                    {{else}}
                                    <strong>{{index . "title"}}</strong>
                                    {{end}}
                                </div>
                            </td>

                            <td><span class="badge bg-light text-dark border">{{index . "project_name"}}</span></td>

                            {{end}}

                            <td>{{index . "submitter"}}</td>

                            <td class="text-center">

                                {{$s := index . "audit_status"}}

                                {{if eq $s 0}}<span class="badge bg-warning text-dark audit-status-badge">{{T "admin_status_pending"}}</span>

                                {{else if eq $s 2}}<span class="badge bg-danger audit-status-badge">{{T "admin_status_rejected"}}</span>

                                {{else}}<span class="badge bg-success audit-status-badge">{{T "admin_status_approved"}}</span>{{end}}

                            </td>

                            <td class="small text-muted">{{if index . "updated_at_str"}}{{index . "updated_at_str"}}{{else}}-{{end}}</td>

                            {{if ne $.Data.AuditType "projects"}}

                            <td class="text-center">

                                <a href="/admin/audit-detail?id={{index . "id"}}" class="btn btn-sm btn-outline-primary"><i class='bx bx-edit-alt'></i> {{T "admin_audit_review"}}</a>

                            </td>

                            {{end}}

                        </tr>

                        {{end}}

                    {{else}}

                        <tr>

                            <td colspan="{{if eq .Data.AuditType "projects"}}7{{else}}8{{end}}">

                                <div class="audit-empty">

                                    <i class='bx bx-inbox'></i>

                                    <div>{{T "admin_audit_no_items"}}</div>

                                </div>

                            </td>

                        </tr>

                    {{end}}

                    </tbody>

                </table>

            </div>

            {{if .Data.Rows}}

            <div class="audit-bulk-bar">

                <span class="selected-hint"><i class='bx bx-checkbox-checked'></i> {{T "admin_audit_selected"}} <strong id="selectedCount">0</strong> {{T "admin_audit_selected_unit"}}</span>

                <input type="text" name="reject_reason" class="form-control form-control-sm" placeholder="{{T "admin_audit_reject_reason_bulk"}}">

                <button type="submit" name="action" value="bulk_approve" class="btn btn-success btn-sm" id="btnBulkApprove" disabled>

                    <i class='bx bx-check'></i> {{T "admin_audit_bulk_approve"}}

                </button>

                <button type="submit" name="action" value="bulk_reject" class="btn btn-danger btn-sm" id="btnBulkReject" disabled>

                    <i class='bx bx-x'></i> {{T "admin_audit_bulk_reject"}}

                </button>

            </div>

            {{end}}

        </div>

    </form>

</div>

{{end}}

{{define "scripts"}}

<script>

var AuditPageI18n = {

    selectFirst: {{json (T "admin_audit_select_first")}}

};

function showAuditFlashToast(msg, type) {

    if (!msg || typeof BootstrapModal === 'undefined') return;

    BootstrapModal.flash(msg, type, 4500);

}

</script>

<script>

$(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}}

    var $selAll = $('#selAll');

    var $rowChecks = $('.audit-row-check');

    var $selectedCount = $('#selectedCount');

    var $btnApprove = $('#btnBulkApprove');

    var $btnReject = $('#btnBulkReject');

    function updateBulkState() {

        var total = $rowChecks.length;

        var checked = $rowChecks.filter(':checked').length;

        $selectedCount.text(checked);

        $btnApprove.prop('disabled', checked === 0);

        $btnReject.prop('disabled', checked === 0);

        if ($selAll.length) {

            $selAll.prop('checked', total > 0 && checked === total);

            $selAll.prop('indeterminate', checked > 0 && checked < total);

        }

        $rowChecks.each(function() {

            $(this).closest('tr').toggleClass('row-selected', this.checked);

        });

    }

    $selAll.on('change', function() {

        var checked = this.checked;

        $rowChecks.prop('checked', checked);

        updateBulkState();

    });

    $(document).on('change', '.audit-row-check', updateBulkState);

    $('#auditBulkForm').on('submit', function(e) {

        var checked = $rowChecks.filter(':checked').length;

        if (checked === 0) {

            e.preventDefault();

            showAuditFlashToast(AuditPageI18n.selectFirst, 'warning');

            return false;

        }

    });

    updateBulkState();

});

</script>

{{end}}