@extends('layouts.app')
@section('title','Add Attendance')
@section('page-title','Add Attendance Entry')
@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">Single Attendance Entry</div><div class="card-body">
<form method="POST" action="{{ route('attendance.store') }}">@csrf
  <div class="row g-3">
    <div class="col-md-6"><label class="form-label">Staff *</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">Project *</label><select name="project_id" class="form-select" required><option value="">Select</option>@foreach($projects as $p)<option value="{{ $p->id }}">{{ $p->name }}</option>@endforeach</select></div>
    <div class="col-md-4"><label class="form-label">Date *</label><input name="date" type="date" class="form-control" value="{{ today()->format('Y-m-d') }}" required></div>
    <div class="col-md-4"><label class="form-label">Time In</label><input name="time_in" type="time" class="form-control" value="07:00"></div>
    <div class="col-md-4"><label class="form-label">Time Out</label><input name="time_out" type="time" class="form-control" value="17:00"></div>
    <div class="col-md-6"><label class="form-label">Status *</label><select name="status" class="form-select"><option value="present">Present</option><option value="absent">Absent</option><option value="half_day">Half Day</option><option value="leave">On Leave</option></select></div>
    <div class="col-md-6"><label class="form-label">Daily Rate (GH₵)</label><input name="daily_rate" type="number" step="0.01" class="form-control"></div>
    <div class="col-12"><label class="form-label">Remarks</label><input name="remarks" class="form-control"></div>
  </div>
  <div class="mt-3 d-flex gap-2"><button type="submit" class="btn btn-primary">Save</button><a href="{{ route('attendance.index') }}" class="btn btn-outline-secondary">Cancel</a></div>
</form>
</div></div>
@endsection