@extends('layouts.app')
@section('title','New Project')
@section('page-title','New Project')
@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">Create New Project</div>
  <div class="card-body">
    <form method="POST" action="{{ route('projects.store') }}">@csrf
      <div class="row g-3">
        <div class="col-md-8"><label class="form-label">Project Name *</label><input name="name" class="form-control" required></div>
        <div class="col-md-4"><label class="form-label">Project Code *</label><input name="code" class="form-control" placeholder="BC-001" required></div>
        <div class="col-md-6"><label class="form-label">Location *</label><input name="location" class="form-control" required></div>
        <div class="col-md-6"><label class="form-label">Budget (GH₵) *</label><input name="budget" type="number" step="0.01" class="form-control" required></div>
        <div class="col-md-6"><label class="form-label">Start Date</label><input name="start_date" type="date" class="form-control"></div>
        <div class="col-md-6"><label class="form-label">Expected End Date</label><input name="expected_end_date" type="date" class="form-control"></div>
        <div class="col-md-6"><label class="form-label">Site Supervisor</label><input name="site_supervisor" class="form-control"></div>
        <div class="col-md-6"><label class="form-label">Status</label><select name="status" class="form-select"><option value="planning">Planning</option><option value="active" selected>Active</option><option value="on_hold">On Hold</option><option value="completed">Completed</option></select></div>
        <div class="col-12"><label class="form-label">Description</label><textarea name="description" class="form-control" rows="3"></textarea></div>
      </div>
      <div class="mt-3 d-flex gap-2"><button type="submit" class="btn btn-primary">Save Project</button><a href="{{ route('projects.index') }}" class="btn btn-outline-secondary">Cancel</a></div>
    </form>
  </div>
</div>
@endsection