@extends('layouts.app')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        <h3 class="mb-1">Lecturer Scan In / Scan Out</h3>
        <div class="text-muted">Showing generated timetable entries. Use the buttons to record attendance.</div>
    </div>
</div>

<form class="row g-2 mb-3" method="get" action="{{ route('attendance.index') }}">
    <div class="col-md-3">
        <select name="day" class="form-control">
            <option value="">All days</option>
            @foreach(['Monday','Tuesday','Wednesday','Thursday','Friday','TBA'] as $day)
                <option value="{{ $day }}" {{ request('day')===$day ? 'selected' : '' }}>{{ $day }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-4">
        <input class="form-control" name="lecturer_name" placeholder="Search lecturer" value="{{ request('lecturer_name') }}">
    </div>
    <div class="col-md-5">
        <button class="btn btn-primary">Filter</button>
        <a href="{{ route('attendance.index') }}" class="btn btn-light">Reset</a>
        <a href="{{ route('timetable.index') }}" class="btn btn-secondary">View Timetable</a>
    </div>
</form>

<div class="card p-3">
    <div class="table-responsive">
        <table class="table table-striped">
            <tr>
                <th>Day</th>
                <th>Time</th>
                <th>Lecturer</th>
                <th>Module</th>
                <th>Room</th>
                <th>Status</th>
                <th>Action</th>
            </tr>
            @forelse($entries as $e)
                @php $active = $activeLogs->has($e->id); @endphp
                <tr>
                    <td>{{ $e->day }}</td>
                    <td>{{ $e->start_time }} - {{ $e->end_time }}</td>
                    <td>{{ $e->lecturer_name }}</td>
                    <td>{{ $e->module }} <span class="badge bg-light text-dark">{{ $e->session_type }}</span></td>
                    <td>{{ $e->room }}</td>
                    <td>
                        @if($active)
                            <span class="badge bg-success">Scanned In</span>
                        @else
                            <span class="badge bg-secondary">Not Scanned In</span>
                        @endif
                    </td>
                    <td>
                        <form class="d-inline" method="post" action="{{ route('attendance.in',$e->id) }}">
                            @csrf
                            <button class="btn btn-sm btn-success" {{ $active ? 'disabled' : '' }}>Scan In</button>
                        </form>
                        <form class="d-inline" method="post" action="{{ route('attendance.out',$e->id) }}">
                            @csrf
                            <button class="btn btn-sm btn-danger" {{ !$active ? 'disabled' : '' }}>Scan Out</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="text-center text-muted py-4">
                        No timetable entries found. Please import CSV and generate timetable first.
                    </td>
                </tr>
            @endforelse
        </table>
    </div>
</div>
@endsection