@extends('admin.layouts.app')
@section('title', 'Laporan Hasil Klasifikasi')

@section('content')
<div class="main-panel">
    <div class="content-wrapper" style="padding: 2.5rem">

        {{-- CARD LAPORAN --}}
        <div class="card">
            <div class="card-body">

                {{-- HEADER --}}
                <div class="d-flex justify-content-between align-items-center mb-4 border-bottom pb-3">
                    <div>
                        <h4 class="card-title mb-1">Laporan Hasil Klasifikasi Naive Bayes</h4>
                        <p class="card-description mb-0 text-muted">
                            Rekapitulasi probabilitas dan hasil Klasifikasi kelulusan calon santri.
                        </p>
                    </div>
                </div>

                {{-- FILTER TANGGAL --}}
                <form action="{{ route('naive-bayes.report') }}" method="GET" class="mb-4">
                    <div class="row align-items-end g-3">
                        <div class="col-md-3">
                            <label class="mb-1" style="font-size: 15px">Dari Tanggal:</label>
                            <input type="date" name="start_date" class="form-control" value="{{ $startDate }}">
                        </div>
                        <div class="col-md-3">
                            <label class="mb-1" style="font-size: 15px">Sampai Tanggal:</label>
                            <input type="date" name="end_date" class="form-control" value="{{ $endDate }}">
                        </div>
                        <div class="col-md-6 d-flex gap-2">
                            <button type="submit" class="btn btn-primary">
                                <i class="mdi mdi-filter"></i> Filter
                            </button>
                            <a href="{{ route('naive-bayes.report') }}" class="btn btn-secondary">
                                Reset
                            </a>
                            <button type="submit" formaction="{{ route('naive-bayes.report-export') }}" class="btn btn-warning">
                                Export
                            </button>
                        </div>
                    </div>
                </form>

                {{-- TABEL DATA --}}
                <div class="table-responsive">
                    <table class="table table-hover" id="myTable">
                        <thead class="table-light">
                            <tr>
                                <th>No</th>
                                <th>Tanggal</th>
                                <th>Nama Peserta</th>
                                <th>Umur</th>
                                <th>Kondisi Keluarga</th>
                                <th>Tes IQ</th>
                                <th>Tes Kepribadian</th>
                                <th>Hasil Klasifikasi</th>
                                {{-- <th>Aksi</th> --}}
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($laporan as $index => $row)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $row['created_at'] }}</td>
                                <td class="text-capitalize font-weight-bold">
                                    {{ ucwords(strtolower($row['nama'])) }}
                                </td>
                                <td class="text-capitalize font-weight-bold">
                                    {{ ucwords(strtolower($row['age_cat'])) }}
                                </td>
                                <td class="text-capitalize font-weight-bold">
                                    {{ str_replace('-', ' ', $row['family_cat']) }}
                                </td>
                                <td class="text-capitalize font-weight-bold">
                                    {{ ucwords(strtolower($row['iq_cat'])) }}
                                </td>
                                <td class="text-capitalize font-weight-bold">
                                    {{ ucwords(strtolower($row['personal_cat'])) }}
                                </td>
                                <td>
                                    @if($row['hasil_akhir'] === 'lolos')
                                        <span class="badge badge-success px-3 py-2">
                                            <i class="mdi mdi-check-circle me-1"></i> LOLOS
                                        </span>
                                    @else
                                        <span class="badge badge-danger px-3 py-2">
                                            <i class="mdi mdi-close-circle me-1"></i> TIDAK LOLOS
                                        </span>
                                    @endif
                                </td>
                                {{-- <td>
                                    <a href="#mymodal"
                                        data-remote="{{ route('laporan.show', $row['user_id']) }}"
                                        data-toggle="modal"
                                        data-target="#mymodal"
                                        data-title="Detail Laporan"
                                        class="btn btn-primary btn-icon-text p-2 text-white"
                                        title="Lihat Detail Laporan">
                                        <i class="mdi mdi-eye btn-icon-prepend"></i> Detail
                                    </a>
                                </td> --}}
                            </tr>
                            @empty
                            <tr>
                                <td colspan="12" class="text-center text-muted py-4">
                                    <i class="mdi mdi-alert-circle-outline display-4 d-block mb-2"></i>
                                    Tidak ada data laporan pada periode ini.
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>
</div>
@endsection