@extends('layouts.admin')
@section('title', 'Attendance')
@section('content')
<x-page-header title="Attendance"><x-slot:actions><a href="{{ route('admin.attendance.create') }}" class="btn btn-hp-primary btn-sm"><i class="bi bi-plus-lg"></i> Record</a></x-slot:actions></x-page-header>
<form class="row g-2 mb-3" method="GET">
<div class="col-md-3"><select name="employee_id" class="form-select"><option value="">All employees</option>@foreach($employees as $e)<option value="{{ $e->id }}" @selected(request('employee_id')==$e->id)>{{ $e->full_name }}</option>@endforeach</select></div>
<div class="col-md-2"><select name="status" class="form-select"><option value="">All statuses</option>@foreach(['pending','approved'] as $s)<option value="{{ $s }}" @selected(request('status')===$s)>{{ ucfirst($s) }}</option>@endforeach</select></div>
<div class="col-md-2"><input type="date" name="from" class="form-control" value="{{ request('from') }}" placeholder="From"></div>
<div class="col-md-2"><input type="date" name="to" class="form-control" value="{{ request('to') }}" placeholder="To"></div>
<div class="col-auto"><button class="btn btn-hp-primary">Filter</button></div>
</form>
<div class="hp-card mb-3"><div class="hp-card-body"><form class="row g-2" method="POST" action="{{ route('admin.attendance.clock-in') }}">@csrf
<div class="col-md-4"><select name="employee_id" class="form-select" required><option value="">Clock in — select employee</option>@foreach($employees as $e)<option value="{{ $e->id }}">{{ $e->full_name }}</option>@endforeach</select></div>
<div class="col-auto"><button class="btn btn-hp-outline">Clock In</button></div>
</form><form class="row g-2 mt-2" method="POST" action="{{ route('admin.attendance.clock-out') }}">@csrf
<div class="col-md-4"><select name="employee_id" class="form-select" required><option value="">Clock out — select employee</option>@foreach($employees as $e)<option value="{{ $e->id }}">{{ $e->full_name }}</option>@endforeach</select></div>
<div class="col-auto"><button class="btn btn-hp-outline">Clock Out</button></div>
</form></div></div>
<div class="hp-card"><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>Date</th><th>Employee</th><th>Clock In</th><th>Clock Out</th><th>Hours</th><th>Status</th><th></th></tr></thead>
<tbody>@forelse($attendances as $a)<tr><td>{{ \Carbon\Carbon::parse($a->work_date)->format('M j, Y') }}</td><td>{{ $a->full_name }} <small class="text-muted">({{ $a->employee_number }})</small></td>
<td>{{ $a->clock_in ? \Carbon\Carbon::parse($a->clock_in)->format('H:i') : '—' }}</td><td>{{ $a->clock_out ? \Carbon\Carbon::parse($a->clock_out)->format('H:i') : '—' }}</td>
<td>{{ $a->hours_worked ?? '—' }}</td><td><x-status-badge :status="$a->status"/></td>
<td>@if($a->status==='pending')<form action="{{ route('admin.attendance.approve', $a->id) }}" method="POST" class="d-inline">@csrf<button class="btn btn-sm btn-hp-outline">Approve</button></form>@endif</td></tr>@empty<tr><td colspan="7" class="text-muted">No attendance records</td></tr>@endforelse</tbody></table></div><div class="p-3">{{ $attendances->links() }}</div></div>
@endsection