@extends('layouts.app')
@section('page-title', 'Bulk Attendance Entry')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-list-check" style="color:#0097c4"></i> Bulk Attendance Entry</h1>
    <a href="{{ route('attendance.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Back</a>
</div>

<!-- Date Selector -->
<form method="GET" style="margin-bottom:16px;">
    <div style="background:white;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px;display:flex;gap:12px;align-items:flex-end;max-width:400px;">
        <div style="flex:1;">
            <label style="font-size:0.8rem;font-weight:500;display:block;margin-bottom:5px;">Select Date</label>
            <input type="date" name="date" class="form-control" value="{{ $date }}">
        </div>
        <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> Load</button>
    </div>
</form>

<div class="card">
    <div class="card-header">
        <i class="fas fa-calendar"></i>
        Attendance for: {{ \Carbon\Carbon::parse($date)->format('d F Y, l') }}
    </div>
    <div class="card-body" style="padding:0;">
        <form method="POST" action="{{ route('attendance.bulk.store') }}">
            @csrf
            <input type="hidden" name="date" value="{{ $date }}">

            <div class="table-wrap">
                <table>
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Employee</th>
                            <th>Department</th>
                            <th>Designation</th>
                            <th style="min-width:160px;">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($employees as $i => $emp)
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td>
                                <div style="font-weight:600;">{{ $emp->name }}</div>
                                <div style="font-size:0.75rem;color:#64748b;">{{ $emp->rg_id }}</div>
                            </td>
                            <td>{{ $emp->department?->name ?? '—' }}</td>
                            <td>{{ $emp->designation ?? '—' }}</td>
                            <td>
                                <select name="statuses[{{ $emp->id }}]" class="form-control" style="padding:6px 8px;font-size:0.82rem;">
                                    @foreach(['P','A','Late','CL','ML','SPWP','SPWOP','Weekend','Holiday'] as $s)
                                        <option value="{{ $s }}" {{ ($recorded[$emp->id] ?? 'P') === $s ? 'selected' : '' }}>{{ $s }}</option>
                                    @endforeach
                                </select>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div style="padding:16px;border-top:1px solid #e2e8f0;">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i> Save All Attendance
                </button>
            </div>
        </form>
    </div>
</div>
@endsection