@include('components.theme.pages.header')
<section>
    <div class="row">
        <div class="col-lg-4">
            <div class="card bg-body hoverable card-xl-stretch mb-xl-8">
                <div class="card-body">
                    <i class="ki-outline ki-notepad text-dark fs-2x ms-n1"></i>
                    <div class="text-gray-900 fw-bold fs-2 mb-2 mt-5">
                          {{ $getTotalTicket }}
                    </div>
                    <div class="fw-semibold text-gray-400">
                        Total Bimbingan
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card bg-body hoverable card-xl-stretch mb-xl-8">
                <div class="card-body">
                    <i class="ki-outline ki-file-up text-danger fs-2x ms-n1"></i>
                    <div class="text-gray-900 fw-bold fs-2 mb-2 mt-5">
                        {{ $getTotalTicketOpen }}
                    </div>
                    <div class="fw-semibold text-gray-400">
                        Total Bimbingan Terbuka
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card bg-body hoverable card-xl-stretch mb-xl-8">
                <div class="card-body">
                    <i class="ki-outline ki-tablet-ok text-primary fs-2x ms-n1"></i>
                    <div class="text-gray-900 fw-bold fs-2 mb-2 mt-5">
                          {{ $getTotalTicketClose }}
                    </div>
                    <div class="fw-semibold text-gray-400">
                        Total Bimbingan Selesai
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Bimbingan & Konseling</h3>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table align-middle table-row-bordered table-row-solid gy-4 gs-9">
                            <thead>
                                <tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
                                    <th>No</th>
                                    <th>Subjek</th>
                                    <th>Jenis</th>
                                    <th>Konselor</th>
                                    <th>Status</th>
                                    <th>Tanggal Dibuat</th>
                                    <th>Aksi</th>
                                </tr>
                            </thead>
                            <tbody class="text-gray-600 fw-semibold">
                                @if(empty($getTotalAduan))
                                    <tr>
                                        <td colspan="6" class="text-center">Tidak ada data Bimbingan & Konseling...</td>
                                    </tr>
                                @else
                                    @php
                                        $no = 1;
                                    @endphp
                                    @foreach($getTotalAduan as $rows)
                                    @php
                                        $konselor = \App\Models\User::where('id', $rows->konselor_id)->first();
                                    @endphp
                                        <tr>
                                            <td>#{{ $no++ }}</td>
                                            <td>{{ $rows->subject }}</td>
                                            <td>
                                                @if($rows->is_priority == 1)
                                                    <span class="badge badge-light-primary fs-7 fw-bold">Umum</span>
                                                @elseif($rows->is_priority == 2)
                                                    <span class="badge badge-light-warning fs-7 fw-bold">Sedang</span>
                                                @else
                                                    <span class="badge badge-light-danger fs-7 fw-bold">Parah</span>
                                                @endif
                                            </td>
                                            <td>{{ $konselor->name }}</td>
                                            <td>
                                                @if ($rows->is_status == 1)
                                                    <span class="mb-1 badge font-medium bg-light-dark text-dark py-3 px-4 fs-7 text-center">Menunggu Respon</span>
                                                @elseif($rows->is_status == 2)
                                                    <span class="mb-1 badge font-medium bg-light-warning text-warning py-3 px-4 fs-7 text-center">Telah dibalas siswa</span>
                                                @elseif($rows->is_status == 3)
                                                    <span class="mb-1 badge font-medium bg-light-primary text-primary py-3 px-4 fs-7 text-center">Telah dibalas konselor</span>
                                                @elseif($rows->is_status == 4)
                                                    <span class="mb-1 badge font-medium bg-light-danger text-danger py-3 px-4 fs-7 text-center">Kasus ditutup</span>
                                                @endif
                                            </td>
                                            <td>{{ $rows->created_at }}</td>
                                            <td>
                                                <a href="{{ site_url('siswa', 'ticket/view') . '/' . $rows->id }}" class="btn btn-sm btn-light"><i class="ki-outline ki-arrow-up-right fs-4"></i></a>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@include('components.theme.pages.footer')