@extends('admin.layout.app')

@section('body')
<div class="card card-page p-4">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <div>
      <h4 class="mb-0">Record Payment</h4>
      <small class="text-muted">Pay a laborer</small>
    </div>
    <a href="{{ route('payments.index') }}" class="btn btn-outline-primary">Back</a>
  </div>

  <form action="{{ route('payments.store') }}" method="POST">
    @csrf
    <div class="row g-3">
      <div class="col-md-6">
        <div class="form-outline">
          <select name="laborer_id" class="form-control" required>
            <option value="">Select Laborer</option>
            @foreach($laborers as $l)
              <option value="{{ $l->id }}" {{ old('laborer_id') == $l->id ? 'selected' : '' }}>{{ $l->name }}</option>
            @endforeach
          </select>
          <label class="form-label">Laborer</label>
        </div>
      </div>



      <div class="col-md-6">
        <div class="form-outline">
          <input name="amount" type="number" step="0.01" class="form-control" value="{{ old('amount') }}" required />
          <label class="form-label">Amount</label>
        </div>
      </div>

      <div class="col-md-6">
        <div class="form-outline">
          <input name="method" class="form-control" value="{{ old('method') }}" />
          <label class="form-label">Method</label>
        </div>
      </div>

      <div class="col-md-6">
        <div class="form-outline">
          <input name="paid_at" type="date" class="form-control" value="{{ old('paid_at') }}" />
          <label class="form-label">Paid At</label>
        </div>
      </div>

      <div class="col-12">
        <div class="form-outline">
          <textarea name="notes" class="form-control" rows="3">{{ old('notes') }}</textarea>
          <label class="form-label">Notes</label>
        </div>
      </div>
    </div>

    <div class="mt-4">
      <button class="btn btn-primary"><i class="fas fa-save me-2"></i> Record</button>
      <a href="{{ route('payments.index') }}" class="btn btn-outline-secondary ms-2">Cancel</a>
    </div>
  </form>
</div>
@endsection