@extends('layouts.app')
@section('title','Add Subcontractor')
@section('page-title','Add Subcontractor')
@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">Add Subcontractor</div><div class="card-body">
<form method="POST" action="{{ route('subcontractors.store') }}">@csrf
  <div class="row g-3">
    <div class="col-md-6"><label class="form-label">Name *</label><input name="name" class="form-control" required></div>
    <div class="col-md-6"><label class="form-label">Trade *</label><input name="trade" class="form-control" list="tradeList" required><datalist id="tradeList"><option>Plumber</option><option>Electrician</option><option>Carpenter</option><option>Tiler</option><option>Welder</option><option>Painter</option><option>Steel Bender</option><option>Backhoe Operator</option><option>Mason</option></datalist></div>
    <div class="col-md-6"><label class="form-label">Phone</label><input name="phone" class="form-control"></div>
    <div class="col-md-6"><label class="form-label">Ghana Card</label><input name="ghana_card" class="form-control"></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-6"><label class="form-label">Agreed Amount (GH₵) *</label><input name="agreed_amount" type="number" step="0.01" class="form-control" required></div>
    <div class="col-md-4"><label class="form-label">Start Date</label><input name="start_date" type="date" class="form-control"></div>
    <div class="col-md-4"><label class="form-label">End Date</label><input name="end_date" type="date" class="form-control"></div>
    <div class="col-md-4"><label class="form-label">Status</label><select name="status" class="form-select"><option value="active">Active</option><option value="completed">Completed</option><option value="on_hold">On Hold</option></select></div>
    <div class="col-12"><label class="form-label">Scope of Work</label><textarea name="scope_of_work" class="form-control" rows="3"></textarea></div>
    <div class="col-12"><label class="form-label">Notes</label><textarea name="notes" class="form-control" rows="2"></textarea></div>
  </div>
  <div class="mt-3 d-flex gap-2"><button type="submit" class="btn btn-primary">Save</button><a href="{{ route('subcontractors.index') }}" class="btn btn-outline-secondary">Cancel</a></div>
</form>
</div></div>
@endsection