@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Compliance dashboard'))
@section('content')
    @include('admin.disciplinary.partials.styles')
    <div class="container-fluid dm-wrap">
        <div class="row mt-3 mb-3">
            <div class="col-12">
                <div class="d-flex flex-wrap justify-content-between align-items-start mb-3">
                    <div>
                        <h4 class="page-title mb-1">{{ __('Compliance dashboard') }}</h4>
                        <p class="text-muted small mb-0">{{ __('Rolling window') }}: {{ $windowMonths }} {{ __('months') }}</p>
                    </div>
                    <a href="{{ route('dm.cases.index') }}" class="btn btn-sm btn-outline-primary">{{ __('All cases') }}</a>
                </div>

                <div class="form-row mb-3">
                    <div class="col-6 col-md-2 mb-2"><div class="dm-stat"><div class="num text-primary">{{ $caseStats['total'] }}</div><div class="lbl">{{ __('Total') }}</div></div></div>
                    <div class="col-6 col-md-2 mb-2"><div class="dm-stat"><div class="num text-info">{{ $caseStats['open'] }}</div><div class="lbl">{{ __('Open') }}</div></div></div>
                    <div class="col-6 col-md-2 mb-2"><div class="dm-stat"><div class="num text-warning">{{ $caseStats['investigation'] + $caseStats['show_cause'] + $caseStats['verdict_pending'] }}</div><div class="lbl">{{ __('Active') }}</div></div></div>
                    <div class="col-6 col-md-2 mb-2"><div class="dm-stat"><div class="num text-secondary">{{ $caseStats['closed'] }}</div><div class="lbl">{{ __('Closed') }}</div></div></div>
                    <div class="col-6 col-md-2 mb-2"><div class="dm-stat"><div class="num text-success">{{ $caseStats['dismissed'] }}</div><div class="lbl">{{ __('Dismissed') }}</div></div></div>
                    <div class="col-6 col-md-2 mb-2"><div class="dm-stat"><div class="num text-danger">{{ $pendingAppeals->count() }}</div><div class="lbl">{{ __('Appeals') }}</div></div></div>
                </div>

                <div class="row">
                    <div class="col-lg-4 mb-3">
                        <div class="card h-100">
                            <div class="card-header">{{ __('Cases by status') }}</div>
                            <div class="card-body"><canvas id="dmStatusChart" height="220"></canvas></div>
                        </div>
                    </div>
                    <div class="col-lg-4 mb-3">
                        <div class="card h-100">
                            <div class="card-header">{{ __('Incidents vs closed (6 months)') }}</div>
                            <div class="card-body"><canvas id="dmTrendChart" height="220"></canvas></div>
                        </div>
                    </div>
                    <div class="col-lg-4 mb-3">
                        <div class="card h-100">
                            <div class="card-header">{{ __('By category') }}</div>
                            <div class="card-body"><canvas id="dmCategoryChart" height="220"></canvas></div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-6 mb-3">
                        <div class="card">
                            <div class="card-header">{{ __('Highest compliance risk') }}</div>
                            <div class="card-body p-0">
                                <table class="table dm-table mb-0">
                                    <thead><tr><th>{{ __('Employee') }}</th><th>{{ __('Points') }}</th></tr></thead>
                                    <tbody>
                                    @forelse($topRisk as $r)
                                        <tr>
                                            <td>{{ $r->staff->user->name ?? ('#'.$r->staff_id) }}</td>
                                            <td class="text-danger font-weight-bold">{{ $r->total_points }}</td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="2" class="text-center text-muted py-3">{{ __('No negative scores in window.') }}</td></tr>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 mb-3">
                        <div class="card">
                            <div class="card-header">{{ __('Upcoming hearings') }}</div>
                            <div class="card-body p-0">
                                <table class="table dm-table mb-0">
                                    <thead><tr><th>{{ __('Case') }}</th><th>{{ __('Employee') }}</th><th>{{ __('When') }}</th></tr></thead>
                                    <tbody>
                                    @forelse($upcomingHearings as $h)
                                        <tr>
                                            <td><a href="{{ route('dm.cases.show', $h->id) }}">#{{ $h->id }}</a></td>
                                            <td>{{ $h->incident->staff->user->name ?? '—' }}</td>
                                            <td>{{ $h->hearing_at?->format('d M Y H:i') }}</td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="3" class="text-center text-muted py-3">{{ __('No upcoming hearings.') }}</td></tr>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-6 mb-3">
                        <div class="card">
                            <div class="card-header">{{ __('Pending appeals') }}</div>
                            <div class="card-body p-0">
                                <table class="table dm-table mb-0">
                                    <thead><tr><th>{{ __('Case') }}</th><th>{{ __('Employee') }}</th><th></th></tr></thead>
                                    <tbody>
                                    @forelse($pendingAppeals as $a)
                                        <tr>
                                            <td>#{{ $a->disciplinary_case_id }}</td>
                                            <td>{{ $a->staff->user->name ?? '—' }}</td>
                                            <td class="text-right"><a class="btn btn-sm btn-outline-primary" href="{{ route('dm.cases.show', $a->disciplinary_case_id) }}">{{ __('Review') }}</a></td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="3" class="text-center text-muted py-3">{{ __('No pending appeals.') }}</td></tr>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 mb-3">
                        <div class="card">
                            <div class="card-header">{{ __('Compliance red flags') }}</div>
                            <div class="card-body">
                                @forelse($alerts as $a)
                                    <div class="mb-2 d-flex justify-content-between">
                                        <span>{{ $a->message }}</span>
                                        <form method="post" action="{{ route('dm.alerts.read', $a->id) }}">@csrf
                                            <button class="btn btn-link btn-sm p-0" type="submit">{{ __('Mark read') }}</button>
                                        </form>
                                    </div>
                                @empty
                                    <p class="text-muted mb-0">{{ __('No unread alerts.') }}</p>
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
<script>
(function () {
    if (typeof Chart === 'undefined') return;
    var status = @json($statusChart);
    var trend = @json($trendChart);
    var cats = @json($categoryChart);
    new Chart(document.getElementById('dmStatusChart').getContext('2d'), {
        type: 'doughnut',
        data: {
            labels: status.labels,
            datasets: [{ data: status.data, backgroundColor: ['#0ea5e9','#f59e0b','#ef4444','#8b5cf6','#64748b','#22c55e'] }]
        },
        options: { legend: { position: 'bottom' }, responsive: true, maintainAspectRatio: false }
    });
    new Chart(document.getElementById('dmTrendChart').getContext('2d'), {
        type: 'line',
        data: {
            labels: trend.labels,
            datasets: [
                { label: @json(__('Incidents')), data: trend.incidents, borderColor: '#4f46a5', fill: false },
                { label: @json(__('Closed')), data: trend.closed, borderColor: '#64748b', fill: false }
            ]
        },
        options: { legend: { position: 'bottom' }, responsive: true, maintainAspectRatio: false, scales: { yAxes: [{ ticks: { beginAtZero: true, precision: 0 } }] } }
    });
    new Chart(document.getElementById('dmCategoryChart').getContext('2d'), {
        type: 'bar',
        data: {
            labels: cats.labels,
            datasets: [{ label: @json(__('Incidents')), data: cats.data, backgroundColor: '#4f46a5' }]
        },
        options: { legend: { display: false }, responsive: true, maintainAspectRatio: false, scales: { yAxes: [{ ticks: { beginAtZero: true, precision: 0 } }] } }
    });
})();
</script>
@endsection