@extends('layouts.app')
@section('title','Night Watch Log')
@section('page-title','Record Night Watch Log')
@section('content')
<div class="card stat-card" style="max-width:700px"><div class="card-header bg-white border-0 fw-semibold pt-3 px-3">Night Watch Log Entry</div><div class="card-body">
<form method="POST" action="{{ route('night-watch.store') }}">@csrf
  <div class="row g-3">
    <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-6"><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">Officer on Duty *</label><input name="officer_on_duty" class="form-control" required></div>
    <div class="col-md-4"><label class="form-label">Duty Start *</label><input name="duty_start" type="time" class="form-control" value="18:00" required></div>
    <div class="col-md-4"><label class="form-label">Duty End *</label><input name="duty_end" type="time" class="form-control" value="06:00" required></div>
    <div class="col-12"><label class="form-label">Observations</label><textarea name="observations" class="form-control" rows="3"></textarea></div>
    <div class="col-12"><div class="form-check"><input class="form-check-input" type="checkbox" name="any_incident" value="1" id="hasIncident" onchange="document.getElementById('incDiv').classList.toggle('d-none',!this.checked)"><label class="form-check-label" for="hasIncident">Any Incident During Watch?</label></div></div>
    <div class="col-12 d-none" id="incDiv"><label class="form-label">Incident Details</label><textarea name="incident_details" class="form-control" rows="3"></textarea></div>
  </div>
  <div class="mt-3 d-flex gap-2"><button type="submit" class="btn btn-primary">Save Log</button><a href="{{ route('night-watch.index') }}" class="btn btn-outline-secondary">Cancel</a></div>
</form>
</div></div>
@endsection