@extends('dashlayouts.app')

@section('content')

<div class="pagetitle">
    <h1>Kehadiran Kokurikulum</h1>
    <nav>
        <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url()->previous() }}">Back</a></li>
        <li class="breadcrumb-item active">Rekod Kehadiran Kokurikulum</li>
        </ol>
    </nav>
</div>

<section class="section">
    <div class="row">
        <div class="container">
            <h3>Rekod Kehadiran Kokurikulum</h3>
            <!-- Parent Information -->
            {{-- <div class="card mb-4">
                <div class="card-header">
                    <h2 class="card-title">Maklumat Penjaga</h2>
                </div>
                <div class="card-body">
                    <p><strong>Nama Penjaga:</strong> {{ $user->name }}</p>
                </div>
            </div> --}}
            <!-- Student Information -->
            <div class="card mb-4">
                <div class="card-header">
                    <h2 class="card-title">Maklumat Murid</h2>
                </div>
                <div class="card-body">
                    <p><strong>ID Murid:</strong> {{ $student->student_id }}</p>
                    {{-- <p><strong>MARA No.:</strong> {{ $student->account_no }}</p> --}}
                    <p><strong>Nama Murid:</strong> {{ $student->student_name }}</p>
                    <p><strong>Sekolah:</strong> {{ $student->nama_pusat }}</p>
                    {{-- <p><strong>Form:</strong> {{ $student->tingkatan }}</p> --}}
                    <p><strong>Status Kehadiran:</strong> @if ($student->attendance_status == 0)
                                                <span class="badge bg-success">Active</span>
                                                @elseif ($student->attendance_status == 1)
                                                    <span class="badge bg-warning">1/3</span>
                                                @elseif ($student->attendance_status == 2)
                                                    <span class="badge bg-warning">2/3</span>
                                                @elseif ($student->attendance_status == 3)
                                                    <span class="badge bg-danger">3/3 - WARNING </span>
                                                @endif</td></p>
                </div>
            </div>
            <!-- Daily Attendance Records -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">Rekod Kehadiran</h2>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Tarikh Kedatangan</th>
                                    <th>Subjek</th>
                                    <th>Masa Masuk</th>
                                    <th>Masa Keluar</th>
                                    <th>Nota</th>
                                    {{-- <th>Status In</th>
                                    <th>Status Out</th> --}}
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($attendance as $record)
                                <tr>
                                    <td>{{ $record->att_startdate }}</td>
                                    <td>{{ $record->kod_sub }}</td>
                                    <td>{{ $record->att_in }}</td>
                                    <td>{{ $record->att_out }}</td>
                                    <td>{{ $record->sys_msg ?? '' }}</td>
                                    {{-- <td>{{ $record->status_in == 1 ? 'Active' : 'Inactive' }}</td>
                                    <td>{{ $record->status_out == 1 ? 'Active' : 'Inactive' }}</td> --}}
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    {{ $attendance->links() }} {{-- Pagination links --}}
                </div>
            </div>
        </div>
    </div>
</section>
@endsection