@extends('admin.layout.app')
@section('title', __('admin.attendance'))
@section('body')
<div class="d-flex justify-content-between align-items-center flex-wrap gap-3 mb-4">
    <div>
        <h4 class="mb-1">{{ __('admin.attendance') }}</h4>
        <p class="text-muted mb-0">{{ __('admin.view') }} / {{ __('admin.filter') }} / {{ __('admin.reports') }}</p>
    </div>
    <a href="{{ route('admin.attendance.create') }}" class="btn btn-primary">{{ __('admin.mark_attendance') }}</a>
</div>
<div class="card border-0 shadow-sm lms-card mb-4">
    <div class="card-body">
        <form class="row g-3">
            <div class="col-md-4">
                <label class="form-label">{{ __('admin.courses') }}</label>
                <select name="course_id" class="form-select">
                    <option value="">{{ __('admin.all_2') }}</option>
                    @foreach($courses as $course)
                        <option value="{{ $course->id }}" @selected(request('course_id') == $course->id)>{{ $course->title }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">{{ __('admin.date') }}</label>
                <input type="date" name="date" value="{{ request('date') }}" class="form-control">
            </div>
            <div class="col-md-4 d-flex align-items-end gap-2">
                <button class="btn btn-primary">{{ __('admin.filter') }}</button>
                <a href="{{ route('admin.attendance.index') }}" class="btn btn-outline-secondary">{{ __('admin.reset') }}</a>
            </div>
        </form>
    </div>
</div>
<div class="card border-0 shadow-sm lms-card">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table align-middle table-hover">
                <thead class="table-light">
                    <tr>
                        <th>{{ __('admin.student') }}</th>
                        <th>{{ __('admin.courses') }}</th>
                        <th>{{ __('admin.date') }}</th>
                        <th>{{ __('admin.status') }}</th>
                        <th>{{ __('admin.remarks') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($attendances as $attendance)
                        <tr>
                            <td>{{ $attendance->student?->name ?? '-' }}</td>
                            <td>{{ $attendance->course?->title ?? '-' }}</td>
                            <td>{{ optional($attendance->date)->format('Y-m-d') }}</td>
                            <td><span class="status-pill status-{{ $attendance->status }}">{{ __('labels.' . $attendance->status) }}</span></td>
                            <td>{{ $attendance->remarks ?: '-' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-center text-muted py-4">{{ __('admin.no_records_found') }}</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        {{ $attendances->links('pagination::bootstrap-4') }}
    </div>
</div>
@endsection