@extends('layouts.adminlte')

@section('title', 'SETTING RETENSI HISTORY ATTENDANCE')
@section('page_title', 'SETTING RETENSI HISTORY ATTENDANCE')

@section('content')
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="card-title mb-0">Retensi Data History Attendance Review</h3>
            <div class="d-flex gap-2 flex-wrap">
                <a href="{{ route('attendance_review.index') }}" class="btn btn-outline-secondary btn-sm">
                    <i class="fas fa-arrow-left me-1"></i>Attendance Review
                </a>
                <a href="{{ route('attendance_review_v2.index') }}" class="btn btn-outline-primary btn-sm">
                    <i class="fas fa-layer-group me-1"></i>Attendance Review V2
                </a>
            </div>
        </div>
        <div class="card-body">
            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif

            @if($errors->any())
                <div class="alert alert-danger mb-3">
                    <ul class="mb-0 ps-3">
                        @foreach($errors->all() as $err)
                            <li>{{ $err }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <div class="alert alert-info">
                <div class="fw-semibold mb-1">Cara kerja retensi</div>
                <div class="small mb-1"><strong>Full:</strong> detail before/after masih lengkap.</div>
                <div class="small mb-1"><strong>Compact:</strong> baris histori tetap ada, tetapi kolom <code>before_data</code> dan <code>after_data</code> dikosongkan.</div>
                <div class="small mb-0"><strong>Delete:</strong> histori lama dihapus total. Jadwal auto prune berjalan harian jam <code>{{ $settings['schedule_time'] }}</code> server time jika fitur aktif.</div>
            </div>

            <form method="POST" action="{{ route('attendance_history_retention_settings.update') }}" id="retentionSettingsForm">
                @csrf
                <div class="row g-3">
                    <div class="col-12">
                        <div class="form-check form-switch mt-1">
                            <input class="form-check-input" type="checkbox" id="retentionEnabled" name="enabled" value="1" {{ old('enabled', $settings['enabled'] ? '1' : '0') === '1' ? 'checked' : '' }}>
                            <label class="form-check-label fw-semibold" for="retentionEnabled">Aktifkan auto prune history attendance review</label>
                        </div>
                        <small class="text-muted">Jika OFF, scheduler harian akan melewati proses prune. Anda tetap bisa menjalankan manual dari halaman ini.</small>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Compact setelah (hari)</label>
                        <input type="number" class="form-control" name="compact_days" min="30" max="3650"
                               value="{{ old('compact_days', $settings['compact_days']) }}">
                        <small class="text-muted">Setelah lewat batas ini, detail JSON lama dikosongkan tetapi row histori tetap ada.</small>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Hapus total setelah (hari)</label>
                        <input type="number" class="form-control" name="delete_days" min="31" max="3650"
                               value="{{ old('delete_days', $settings['delete_days']) }}">
                        <small class="text-muted">Harus lebih besar daripada batas compact.</small>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Jadwal Auto Prune</label>
                        <input type="text" class="form-control" value="Setiap hari {{ $settings['schedule_time'] }}" readonly>
                        <small class="text-muted">Jadwal sistem saat ini. Cocok untuk maintenance dini hari.</small>
                    </div>
                </div>

                <div class="d-flex gap-2 flex-wrap mt-3">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save me-1"></i>Simpan Setting
                    </button>
                    <button type="button" class="btn btn-outline-info" id="btnRetentionPreview">
                        <i class="fas fa-chart-column me-1"></i>Dry Run
                    </button>
                    <button type="button" class="btn btn-outline-danger" id="btnRetentionRunNow">
                        <i class="fas fa-play me-1"></i>Run Now
                    </button>
                </div>
            </form>

            <hr class="my-4">

            <div class="row g-3">
                <div class="col-md-3">
                    <div class="border rounded p-3 h-100 bg-light">
                        <div class="text-muted small">Total Row History</div>
                        <div class="fs-4 fw-bold" id="retentionTotalRows">{{ number_format((int) ($summary['total_rows'] ?? 0)) }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="border rounded p-3 h-100 bg-light">
                        <div class="text-muted small">Siap Compact</div>
                        <div class="fs-4 fw-bold text-warning" id="retentionCompactCount">{{ number_format((int) ($summary['compact_count'] ?? 0)) }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="border rounded p-3 h-100 bg-light">
                        <div class="text-muted small">Siap Delete</div>
                        <div class="fs-4 fw-bold text-danger" id="retentionDeleteCount">{{ number_format((int) ($summary['delete_count'] ?? 0)) }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="border rounded p-3 h-100 bg-light">
                        <div class="text-muted small">Status Terakhir</div>
                        <div class="fw-semibold" id="retentionLastStatus">{{ $lastRun['last_status'] !== '' ? strtoupper($lastRun['last_status']) : '-' }}</div>
                        <div class="small text-muted" id="retentionLastRunAt">{{ $lastRun['last_run_at'] !== '' ? $lastRun['last_run_at'] : 'Belum pernah' }}</div>
                    </div>
                </div>
            </div>

            <div class="card mt-4">
                <div class="card-header">
                    <strong>Ringkasan & Hasil Terakhir</strong>
                </div>
                <div class="card-body">
                    <div class="row g-3 small">
                        <div class="col-md-6">
                            <div><strong>Compact before:</strong> <span id="retentionCompactBefore">{{ $summary['compact_before'] ?: '-' }}</span></div>
                            <div><strong>Delete before:</strong> <span id="retentionDeleteBefore">{{ $summary['delete_before'] ?: '-' }}</span></div>
                        </div>
                        <div class="col-md-6">
                            <div><strong>Compacted terakhir:</strong> <span id="retentionLastCompacted">{{ number_format((int) ($lastRun['last_compacted'] ?? 0)) }}</span></div>
                            <div><strong>Deleted terakhir:</strong> <span id="retentionLastDeleted">{{ number_format((int) ($lastRun['last_deleted'] ?? 0)) }}</span></div>
                        </div>
                    </div>
                    <label class="form-label mt-3">Output</label>
                    <textarea class="form-control" id="retentionOutput" rows="10" readonly>{{ $lastRun['last_output'] ?: 'Belum ada output.' }}</textarea>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script>
    (function () {
        const form = document.getElementById('retentionSettingsForm');
        const btnPreview = document.getElementById('btnRetentionPreview');
        const btnRunNow = document.getElementById('btnRetentionRunNow');
        const outputEl = document.getElementById('retentionOutput');

        if (!form || !btnPreview || !btnRunNow || !window.$) {
            return;
        }

        const csrf = form.querySelector('input[name="_token"]').value;

        function formPayload() {
            const fd = new FormData(form);
            if (!document.getElementById('retentionEnabled').checked) {
                fd.delete('enabled');
            }
            return fd;
        }

        function setSummary(summary, lastRun = null) {
            if (!summary) return;
            document.getElementById('retentionTotalRows').textContent = Number(summary.total_rows || 0).toLocaleString('id-ID');
            document.getElementById('retentionCompactCount').textContent = Number(summary.compact_count || 0).toLocaleString('id-ID');
            document.getElementById('retentionDeleteCount').textContent = Number(summary.delete_count || 0).toLocaleString('id-ID');
            document.getElementById('retentionCompactBefore').textContent = summary.compact_before || '-';
            document.getElementById('retentionDeleteBefore').textContent = summary.delete_before || '-';
            if (lastRun) {
                document.getElementById('retentionLastStatus').textContent = (lastRun.last_status || '-').toUpperCase();
                document.getElementById('retentionLastRunAt').textContent = lastRun.last_run_at || 'Belum pernah';
                document.getElementById('retentionLastCompacted').textContent = Number(lastRun.last_compacted || 0).toLocaleString('id-ID');
                document.getElementById('retentionLastDeleted').textContent = Number(lastRun.last_deleted || 0).toLocaleString('id-ID');
            }
        }

        function postAction(url, button, successTitle) {
            const payload = formPayload();
            button.disabled = true;
            const originalHtml = button.innerHTML;
            button.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>Processing...';

            $.ajax({
                url,
                method: 'POST',
                data: payload,
                headers: { 'X-CSRF-TOKEN': csrf },
                processData: false,
                contentType: false,
            }).done(function (resp) {
                setSummary(resp.summary, resp.last_run || null);
                outputEl.value = resp.output || 'Selesai.';
                Swal.fire(successTitle, resp.output || 'Selesai.', 'success');
            }).fail(function (xhr) {
                const msg = xhr?.responseJSON?.message || xhr?.responseJSON?.errors?.delete_days?.[0] || xhr?.responseJSON?.errors?.compact_days?.[0] || 'Request gagal diproses.';
                outputEl.value = msg;
                Swal.fire('Gagal', msg, 'error');
            }).always(function () {
                button.disabled = false;
                button.innerHTML = originalHtml;
            });
        }

        btnPreview.addEventListener('click', function () {
            postAction('{{ route('attendance_history_retention_settings.preview') }}', btnPreview, 'Dry Run Selesai');
        });

        btnRunNow.addEventListener('click', function () {
            Swal.fire({
                title: 'Jalankan prune sekarang?',
                text: 'Compact dan delete akan langsung dieksekusi sesuai setting di form ini.',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Ya, jalankan',
                cancelButtonText: 'Batal',
            }).then(function (result) {
                if (!result.isConfirmed) return;
                postAction('{{ route('attendance_history_retention_settings.run_now') }}', btnRunNow, 'Prune Berhasil Dijalankan');
            });
        });
    })();
</script>
@endpush