@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="card shadow-sm border-0 rounded-3">
        <div class="card-header bg-primary text-white">
            <h4 class="mb-0"><i class="fas fa-edit me-2"></i> Take Attendance</h4>
        </div>

        <div class="card-body">
            <form id="attendanceForm" method="POST" action="{{ route('attendance.take', $class->id) }}">
                @csrf
                <div class="mb-3">
                    <label for="session_date" class="form-label">Session Date</label>
                    <input type="date" class="form-control" name="session_date" required>
                </div>

                <div class="table-responsive">
                    <table class="table table-bordered align-middle">
                        <thead class="table-dark text-center">
                            <tr>
                                <th>Student</th>
                                <th>Status</th>
                                <th>Remark</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($class->students as $student)
                                <tr>
                                    <td>{{ $student->user->username }}</td>
                                    <td>
                                        <select name="attendance[{{ $loop->index }}][status]" class="form-select">
                                            <option value="present">Present</option>
                                            <option value="absent">Absent</option>
                                            <option value="late">Late</option>
                                            <option value="excused">Excused</option>
                                        </select>
                                        <input type="hidden" name="attendance[{{ $loop->index }}][student_id]" value="{{ $student->id }}">
                                    </td>
                                    <td><input type="text" class="form-control" name="attendance[{{ $loop->index }}][remark]" placeholder="Remark"></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="text-end">
                    <button type="submit" class="btn btn-success"><i class="fas fa-check"></i> Save Attendance</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection