@extends('layouts.app')
@section('title','New Leave Request')
@section('page-title','New Leave Request')
@section('content')
<div class="card stat-card" style="max-width:600px"><div class="card-header bg-white border-0 fw-semibold pt-3 px-3">Submit Leave Request</div><div class="card-body">
<form method="POST" action="{{ route('leave-requests.store') }}">@csrf
  <div class="row g-3">
    <div class="col-12"><label class="form-label">Staff Member *</label><select name="staff_id" class="form-select" required><option value="">Select</option>@foreach($staff as $s)<option value="{{ $s->id }}">{{ $s->name }} ({{ $s->role }})</option>@endforeach</select></div>
    <div class="col-md-6"><label class="form-label">Leave Type *</label><select name="type" class="form-select" required><option value="annual">Annual</option><option value="sick">Sick</option><option value="emergency">Emergency</option><option value="unpaid">Unpaid</option><option value="maternity">Maternity</option><option value="study">Study</option></select></div>
    <div class="col-md-3"><label class="form-label">From *</label><input name="start_date" type="date" class="form-control" required></div>
    <div class="col-md-3"><label class="form-label">To *</label><input name="end_date" type="date" class="form-control" required></div>
    <div class="col-12"><label class="form-label">Reason *</label><textarea name="reason" class="form-control" rows="3" required></textarea></div>
  </div>
  <div class="mt-3 d-flex gap-2"><button type="submit" class="btn btn-primary">Submit</button><a href="{{ route('leave-requests.index') }}" class="btn btn-outline-secondary">Cancel</a></div>
</form>
</div></div>
@endsection