@extends('layouts.app')
@section('title', 'Time Off')
@section('content')
<div class="page-head"><div><div class="eyebrow">Employee self-service</div><h1>Time off</h1><p>Submit leave and review request history.</p></div><details class="panel details-panel"><summary class="btn primary">＋ Request time off</summary><div class="details-body"><form method="post" action="{{ route('time-off.store') }}" class="form-grid">@csrf<div class="field"><label>Leave type</label><select class="select" name="type"><option>Annual leave</option><option>Sick leave</option><option>Remote work</option><option>Unpaid leave</option></select></div><div class="field"><label>Start date</label><input class="input" type="date" name="start_date" required></div><div class="field"><label>End date</label><input class="input" type="date" name="end_date" required></div><div class="field"><label>Note</label><input class="input" name="note"></div><button class="btn primary" type="submit">Submit request</button></form></div></details></div>
<section class="panel"><div class="table-wrap"><table class="data-table"><thead><tr><th>Employee</th><th>Type</th><th>Dates</th><th>Days</th><th>Status</th><th>Note</th></tr></thead><tbody>@foreach($requests as $leave)<tr><td><strong>{{ $leave->employee->name }}</strong></td><td>{{ $leave->type }}</td><td>{{ $leave->start_date->format('d M') }} – {{ $leave->end_date->format('d M Y') }}</td><td>{{ number_format($leave->days,0) }}</td><td><span class="badge {{ $leave->status === 'approved' ? 'green' : 'amber' }}">{{ $leave->status }}</span></td><td class="muted">{{ $leave->note ?: '—' }}</td></tr>@endforeach</tbody></table></div></section>
@endsection