@extends('layouts.admin')
@section('title', 'Apply for Leave')
@section('content')
<x-page-header title="Apply for Leave"/>
<div class="hp-card"><div class="hp-card-body"><form method="POST" action="{{ route('admin.leave.applications.store') }}">@csrf
<div class="row g-3">
<div class="col-md-6"><label class="form-label">Employee</label><select name="employee_id" class="form-select" required><option value="">—</option>@foreach($employees as $e)<option value="{{ $e->id }}" @selected(old('employee_id')==$e->id)>{{ $e->full_name }}</option>@endforeach</select></div>
<div class="col-md-6"><label class="form-label">Leave Type</label><select name="leave_type_id" class="form-select" required><option value="">—</option>@foreach($leaveTypes as $t)<option value="{{ $t->id }}" @selected(old('leave_type_id')==$t->id)>{{ $t->name }}</option>@endforeach</select></div>
<div class="col-md-6"><label class="form-label">Start Date</label><input type="date" name="start_date" class="form-control" value="{{ old('start_date') }}" required></div>
<div class="col-md-6"><label class="form-label">End Date</label><input type="date" name="end_date" class="form-control" value="{{ old('end_date') }}" required></div>
<div class="col-12"><label class="form-label">Reason</label><textarea name="reason" class="form-control" rows="3">{{ old('reason') }}</textarea></div>
</div>
<div class="mt-4 d-flex gap-2"><a href="{{ route('admin.leave.applications.index') }}" class="btn btn-hp-outline">Cancel</a><button class="btn btn-hp-primary">Submit Application</button></div>
</form></div></div>
@endsection