@extends('dashlayouts.app')

@section('content')
<div class="pagetitle">
    <h1>Curricular Attendance</h1>
    <nav>
        <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li>
        <li class="breadcrumb-item">Attendance Record</li>
        <li class="breadcrumb-item active">Curricular Attendance Record</li>
        </ol>
    </nav>
</div>

<section class="section">
    <div class="row">
        <div class="container">
            <h3>Curricular Attendance Records</h3>

            <!-- Student Information -->
            <div class="card mb-4">
                <div class="card-header">
                    <h2 class="card-title">Student Information</h2>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <p><strong>Student ID:</strong> {{ $student->student_id }}</p>
                            {{-- <p><strong>MARA No.:</strong> {{ $student->account_no }}</p> --}}
                            <p><strong>Student Name:</strong> {{ $student->student_name }}</p>
                            <p><strong>School:</strong> {{ $student->nama_pusat }}</p>
                            <p><strong>Form:</strong> {{ $student->tingkatan }}</p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>Attendance Status:</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
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Daily Attendance Records -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">Daily Attendance Records</h2>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Attendance Date</th>
                                    <th>Course Code</th>
                                    <th>Course</th>
                                    <th>Time In</th>
                                    <th>Time Out</th>
                                    <th>Remark</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->desc_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