{{-- resources/views/accounting/ar/payments/edit.blade.php --}}
@extends('admin.admin_dashboard')
@section('admin')

{{-- jQuery & Select2 --}}
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link
  href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css"
  rel="stylesheet"
/>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<div class="page-content">
  <div class="page-breadcrumb 
              d-flex justify-content-between align-items-center 
              mb-3 p-3 bg-primary text-white rounded shadow-sm">
    <h5 class="mb-0">Edit Cash Receipt</h5>
    <a href="{{ route('payments.index') }}" class="btn btn-light">
      <i class="bx bx-arrow-back"></i> Back
    </a>
  </div>

  <div class="card shadow-sm rounded-lg border-0">
    <div class="card-body p-4">
      @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('payments.update', $payment->id) }}">
        @csrf
        @method('PUT')

        <div class="row g-3 mb-4">
          {{-- Invoice selector --}}
          <div class="col-md-4">
            <label class="form-label">Invoice</label>
            <select name="invoice_id" class="form-select invoice-select" required>
              <option value="">Select invoice…</option>
              @foreach($invoices as $inv)
                <option
                  value="{{ $inv->id }}"
                  @selected(old('invoice_id', $payment->invoice_id) == $inv->id)
                >
                  #{{ $inv->reference }} —
                  {{ optional($inv->buyer)->name
                     ?? optional($inv->customer)->name
                     ?? '—' }}
                </option>
              @endforeach
            </select>
            @error('invoice_id')<div class="text-danger small">{{ $message }}</div>@enderror
          </div>

          {{-- Payment date --}}
          <div class="col-md-4">
            <label class="form-label">Date</label>
            <input
              type="date"
              name="payment_date"
              class="form-control"
              value="{{ old('payment_date', \Carbon\Carbon::parse($payment->payment_date)->format('Y-m-d')) }}"
              required
            >
            @error('payment_date')<div class="text-danger small">{{ $message }}</div>@enderror
          </div>

          {{-- Amount --}}
          <div class="col-md-4">
            <label class="form-label">Amount</label>
            <input
              type="number"
              step="0.01"
              name="amount"
              class="form-control text-end"
              value="{{ old('amount', number_format($payment->amount,2,'.','')) }}"
              required
            >
            @error('amount')<div class="text-danger small">{{ $message }}</div>@enderror
          </div>

          {{-- Method --}}
          <div class="col-md-4">
            <label class="form-label">Method</label>
            <input
              type="text"
              name="payment_method"
              class="form-control"
              value="{{ old('payment_method', $payment->payment_method) }}"
              required
            >
            @error('payment_method')<div class="text-danger small">{{ $message }}</div>@enderror
          </div>

          {{-- Notes --}}
          <div class="col-md-12">
            <label class="form-label">Notes</label>
            <textarea name="notes" class="form-control">{{ old('notes', $payment->notes) }}</textarea>
          </div>
        </div>

        <div class="text-end">
          <button class="btn btn-primary px-4">
            <i class="bx bx-save me-1"></i> Update Receipt
          </button>
        </div>
      </form>
    </div>
  </div>
</div>

<script>
  $(function(){
    $('.invoice-select').select2({
      theme: 'bootstrap-5',
      width: '100%'
    });
  });
</script>
@endsection