@extends('layouts.app')
@section('title','Bulk Attendance')
@section('page-title','Bulk Attendance Entry')
@section('content')
<div class="card stat-card" style="max-width:900px"><div class="card-header bg-white border-0 fw-semibold pt-3 px-3">Daily Attendance — {{ $project->name }}</div><div class="card-body">
<form method="POST" action="{{ route('attendance.bulk.store') }}">@csrf
  <input type="hidden" name="project_id" value="{{ $project->id }}">
  <div class="row g-3 mb-3">
    <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>
  <div class="table-responsive"><table class="table table-sm">
    <thead><tr><th>Name</th><th>Role</th><th>Daily Rate</th><th>Status</th><th>Time In</th><th>Time Out</th></tr></thead>
    <tbody>
      @foreach($staff as $s)
      <tr>
        <td class="fw-semibold small">{{ $s->name }}</td>
        <td class="small">{{ $s->role }}</td>
        <td><input name="attendance[{{ $s->id }}][daily_rate]" type="number" step="0.01" class="form-control form-control-sm" value="{{ $s->daily_rate }}" style="width:100px"></td>
        <td><select name="attendance[{{ $s->id }}][status]" class="form-select form-select-sm"><option value="present">Present</option><option value="absent">Absent</option><option value="half_day">Half Day</option><option value="leave">On Leave</option></select></td>
        <td><input name="attendance[{{ $s->id }}][time_in]" type="time" class="form-control form-control-sm" value="07:00"></td>
        <td><input name="attendance[{{ $s->id }}][time_out]" type="time" class="form-control form-control-sm" value="17:00"></td>
      </tr>
      @endforeach
    </tbody>
  </table></div>
  @if($staff->isEmpty())<div class="alert alert-info">No active staff assigned to this project.</div>@endif
  <div class="mt-3 d-flex gap-2"><button type="submit" class="btn btn-primary">Save Attendance</button><a href="{{ route('attendance.index') }}" class="btn btn-outline-secondary">Cancel</a></div>
</form>
</div></div>
@endsection