@extends('layouts.adminlte')
@section('title','Jadwal Audit')

@section('content')
<div class="mb-2">
    <a href="{{ route('jadwal.create') }}" class="btn btn-primary">Buat Audit</a>
    <button class="btn btn-info" id="btnBelumAudit">Cek Belum Audit</button>
    <button class="btn btn-success" id="btnExportAuditXlsx">Export XLSX</button>
    <button class="btn btn-secondary" id="btnExportAuditPdf">Export PDF</button>
</div>

<div class="card mb-3" id="belumAuditCard" style="display:none;">
    <div class="card-body">
        <h6 class="mb-2">User Belum Audit (<span id="belumAuditPeriode"></span>)</h6>
        <form id="belumAuditForm">
            <div class="table-responsive">
                <table class="table table-sm table-bordered" id="tableBelumAudit">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Pilih</th>
                            <th>User</th>
                        </tr>
                    </thead>
                    <tbody id="belumAuditBody"></tbody>
                </table>
            </div>
            <button class="btn btn-success btn-sm" type="submit">Buat Form Audit</button>
        </form>
    </div>
</div>

<table class="table table-bordered" id="tableAudit" width="100%">
    <thead>
        <tr>
            <th>User</th>
            <th>Periode</th>
            <th>Tanggal Pelaksanaan</th>
            <th>Tim Checking</th>
            <th>Validasi</th>
            <th>Aksi</th>
        </tr>
    </thead>
</table>
@endsection

@push('scripts')
<script>
$(function () {
    $('#tableAudit').DataTable({
        ajax: {
            url: "{{ route('jadwal.data') }}",
            dataSrc: 'data'
        },
        order: [[2, 'desc']],
        columns: [
            {
                data: 'user',
                render: function (data, type, row) {
                    if (!data) return '';
                    let label = `${data.nmr_finger ?? ''} - ${data.nama_orang ?? ''}`.trim();
                    let badge = (row.pending_repair_count && row.pending_repair_count > 0)
                        ? ` <span class="badge badge-danger" title="Belum direspon">${row.pending_repair_count}</span>`
                        : '';
                    return `${label}${badge}`;
                }
            },
            { data: 'periode' },
            { data: 'tanggal_pelaksanaan' },
            { data: 'tim_checking' },
            { data: 'validasi' },
            {
                data: 'id_audit_jadwal',
                render: function (data) {
                    return `<a class="btn btn-info btn-sm" href="{{ url('audit/jadwal') }}/${data}">Detail</a>`;
                }
            }
        ]
    });

    $('#btnBelumAudit').click(function () {
        let periode = prompt('Masukkan periode (YYYY-MM):', '{{ date('Y-m') }}');
        if (!periode) return;
        $.get("{{ route('jadwal.belum-audit') }}", { periode: periode }, function (res) {
            let rows = (res.data || []).map((d, i) => {
                return `<tr>
                    <td>${i + 1}</td>
                    <td><input type="checkbox" class="belum-audit-check" value="${d.id_user}"></td>
                    <td>${d.label}</td>
                </tr>`;
            }).join('');
            if (!rows) {
                rows = `<tr><td colspan="3" class="text-muted text-center">Semua user sudah audit.</td></tr>`;
            }
            $('#belumAuditPeriode').text(res.periode || periode);
            $('#belumAuditBody').html(rows);
            $('#belumAuditCard').show();
        });
    });

    $('#btnExportAuditXlsx').click(function () {
        let periode = prompt('Masukkan periode (YYYY-MM):', '{{ date('Y-m') }}');
        if (!periode) return;
        window.location.href = "{{ route('jadwal.export') }}" + '?periode=' + encodeURIComponent(periode);
    });
    $('#btnExportAuditPdf').click(function () {
        let periode = prompt('Masukkan periode (YYYY-MM):', '{{ date('Y-m') }}');
        if (!periode) return;
        window.location.href = "{{ route('jadwal.export-pdf') }}" + '?periode=' + encodeURIComponent(periode);
    });

    $('#belumAuditForm').on('submit', function (e) {
        e.preventDefault();
        let periode = $('#belumAuditPeriode').text().trim();
        let users = $('.belum-audit-check:checked').map(function () {
            return $(this).val();
        }).get();
        if (!users.length) {
            alert('Pilih minimal 1 user.');
            return;
        }
        let params = new URLSearchParams();
        if (periode) params.set('periode', periode);
        users.forEach(u => params.append('users[]', u));
        window.location.href = "{{ route('jadwal.create') }}" + '?' + params.toString();
    });
});
</script>
@endpush