@extends('simaju.layouts.main')

@section('title','Rekap Absensi Siswa')
@section('page-title','Rekap Absensi Siswa')
@section('page-subtitle','Monitoring kehadiran siswa')


@section('content')

<div class="bg-white rounded-xl shadow-sm p-6">


<div class="flex justify-between items-center mb-6">

<div>
<h2 class="text-2xl font-bold text-gray-800">
Rekap Absensi Siswa
</h2>

<p class="text-gray-500 text-sm">
Laporan kehadiran siswa berdasarkan jurusan
</p>

</div>


<a href="{{ route('simaju.rekap.absensi.siswa.pdf',request()->all()) }}"
class="bg-red-500 text-white px-5 py-2 rounded-lg hover:bg-red-600">

<i class="fas fa-file-pdf"></i>
Download PDF

</a>


</div>




{{-- FILTER --}}

<form method="GET"
class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">


<div>

<label class="text-sm font-semibold">
Jurusan
</label>


<select name="jurusan_id"
class="w-full border rounded-lg p-2">

<option value="">
Semua Jurusan
</option>


@foreach($jurusans as $j)

<option value="{{ $j->id }}"
{{ request('jurusan_id')==$j->id?'selected':'' }}>

{{ $j->nama_jurusan }}

</option>

@endforeach


</select>

</div>




<div>

<label class="text-sm font-semibold">
Bulan
</label>


<select name="bulan"
class="w-full border rounded-lg p-2">

@php
$namaBulan = [
    1 => 'Januari',
    2 => 'Februari',
    3 => 'Maret',
    4 => 'April',
    5 => 'Mei',
    6 => 'Juni',
    7 => 'Juli',
    8 => 'Agustus',
    9 => 'September',
    10 => 'Oktober',
    11 => 'November',
    12 => 'Desember'
];
@endphp


@foreach($namaBulan as $angka => $nama)

<option value="{{ $angka }}"
{{ $bulan == $angka ? 'selected' : '' }}>

{{ $nama }}

</option>

@endforeach


</select>

</div>




<div>

<label class="text-sm font-semibold">
Tahun
</label>


<select name="tahun"
class="w-full border rounded-lg p-2">

<option>
{{$tahun}}
</option>

</select>


</div>




<div class="flex items-end">

<button
class="bg-blue-600 text-white px-5 py-2 rounded-lg w-full">

<i class="fas fa-filter"></i>
Tampilkan

</button>

</div>


</form>






{{-- TABLE --}}

<div class="overflow-x-auto">


<table class="w-full text-sm">


<thead>

<tr class="bg-gray-100 text-gray-700">


<th class="p-3 text-left">
No
</th>


<th class="p-3 text-left">
Nama Siswa
</th>


<th class="p-3">
Kelas
</th>


<th class="p-3">
Jurusan
</th>


<th class="p-3">
Hadir
</th>


<th class="p-3">
Sakit
</th>


<th class="p-3">
Izin
</th>


<th class="p-3">
Alfa
</th>


</tr>

</thead>



<tbody>


@foreach($data as $absensi)


<tr class="border-b hover:bg-gray-50">


<td class="p-3">
{{$loop->iteration}}
</td>


<td class="p-3 font-semibold">
{{$absensi->first()->siswa->nama}}
</td>


<td class="p-3 text-center">

{{$absensi->first()->siswa->kelas->nama_kelas}}

</td>



<td class="p-3 text-center">

{{$absensi->first()->siswa->kelas->jurusan->nama_jurusan}}

</td>



<td class="p-3 text-center">

<span class="bg-green-100 text-green-700 px-3 py-1 rounded-full">

{{$absensi->where('status','hadir')->count()}}

</span>

</td>



<td class="p-3 text-center">

<span class="bg-yellow-100 text-yellow-700 px-3 py-1 rounded-full">

{{$absensi->where('status','sakit')->count()}}

</span>

</td>



<td class="p-3 text-center">

<span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full">

{{$absensi->where('status','izin')->count()}}

</span>

</td>



<td class="p-3 text-center">

<span class="bg-red-100 text-red-700 px-3 py-1 rounded-full">

{{$absensi->where('status','alfa')->count()}}

</span>

</td>


</tr>


@endforeach


</tbody>


</table>


</div>


</div>


@endsection