@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>ID</th>
                                    <th>Jenis</th>
                                    <th>Siswa</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 dan Konseling...</td>
                                    </tr>
                                @else
                                    @foreach($getTotalAduan as $rows)
                                        <tr>
                                            <td>{{ $rows->id }}</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>{{ $rows->user->first()->name }}</td>
                                            <td>
                                                @if ($rows->is_status == enum('isTicketPending'))
                                                    <span class="mb-1 badge font-medium bg-primary text-white py-3 px-4 fs-7 w-100 text-center">Menunggu Respon</span>
                                                @elseif($rows->is_status == 2)
                                                    <span class="mb-1 badge font-medium bg-primary text-white py-3 px-4 fs-7 w-100 text-center">Telah dibalas siswa</span>
                                                @elseif($rows->is_status == 3)
                                                    <span class="mb-1 badge font-medium bg-primary text-white py-3 px-4 fs-7 w-100 text-center">Telah dibalas admin/wali</span>
                                                @elseif($rows->is_status == 4)
                                                    <span class="mb-1 badge font-medium bg-success text-white py-3 px-4 fs-7 w-100 text-center">Kasus ditutup</span>
                                                @endif
                                            </td>
                                            <td>{{ $rows->created_at }}</td>
                                            <td>
                                                <a href="{{ site_url('wali', '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')