@extends('admin.admin_dashboard')
@section('admin')

<div class="container my-4">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h1>New Advance Payment</h1>
    <a href="{{ route('advances.index') }}" class="btn btn-secondary">
      <i class="bx bx-arrow-back me-1"></i> Back
    </a>
  </div>

  @if($errors->any())
    <div class="alert alert-danger"><ul class="mb-0">
      @foreach($errors->all() as $err)<li>{{ $err }}</li>@endforeach
    </ul></div>
  @endif

  <form method="POST" action="{{ route('advances.store') }}" enctype="multipart/form-data">
    @csrf
    <div class="row g-3">
      <div class="col-md-4">
        <label class="form-label">Advance Ref</label>
        <select name="id_advance" class="form-select">
          <option value="">Select Advance…</option>
          @foreach($advances as $id=>$ref)
            <option value="{{ $id }}" @selected(old('id_advance')==$id)>
              #{{ $id }} — {{ $ref }}
            </option>
          @endforeach
        </select>
      </div>
      <div class="col-md-4">
        <label class="form-label">Amount</label>
        <input type="number" step="0.01" name="payment_amount" class="form-control text-end"
               value="{{ old('payment_amount') }}">
      </div>
      <div class="col-md-4">
        <label class="form-label">Date</label>
        <input type="date" name="payment_date" class="form-control" value="{{ old('payment_date') }}">
      </div>
      <div class="col-md-4">
        <label class="form-label">Method</label>
        <input type="text" name="payment_method" class="form-control" value="{{ old('payment_method') }}">
      </div>
      <div class="col-md-4">
        <label class="form-label">Paid By</label>
        <select name="paid_by" class="form-select">
          <option value="">Select User…</option>
          @foreach($users as $id=>$name)
            <option value="{{ $id }}" @selected(old('paid_by')==$id)>{{ $name }}</option>
          @endforeach
        </select>
      </div>
      <div class="col-md-12">
        <label class="form-label">Proof</label>
        <input type="file" name="payment_proof" class="form-control">
      </div>
    </div>

    <div class="mt-4 text-end">
      <button class="btn btn-success">
        <i class="bx bx-save me-1"></i> Save Payment
      </button>
    </div>
  </form>
</div>
@endsection