@extends('layouts.app')
@php
    $editing = $payment->exists;
    $received = old('direction', $payment->direction) === 'received';
    $title = ($editing ? 'Edit ' : 'New ').($received ? 'payment received' : 'vendor payment');
    $formData = [
        'direction' => $received ? 'received' : 'paid',
        'isEdit' => $editing,
        'originalParty' => $editing ? ($received ? $payment->client_id : $payment->vendor_id) : null,
        'originalTarget' => $editing ? ($received ? $payment->order_id : $payment->vendor_bill_id) : null,
        'originalKey' => $editing && ! $received ? ($payment->vendor_assignment_item_id ? 'item:'.$payment->vendor_assignment_item_id : ($payment->vendor_assignment_id ? 'assignment:'.$payment->vendor_assignment_id : ($payment->vendor_bill_id ? 'bill:'.$payment->vendor_bill_id : ''))) : '',
        'originalAmount' => $editing ? (float) $payment->amount : 0,
        'overpayError' => $errors->has('confirm_overpay'),
    ];
@endphp
@section('title', $title)

@section('content')
<x-page-header :title="$title" :subtitle="$received ? 'Money coming in from a client' : 'Money going out to a vendor'">
    @can('payments.delete')
    @if ($editing)<x-delete-button :action="route('payments.destroy', $payment)" title="Delete this payment?" :confirm="'This removes '.money($payment->amount).' from the books and changes the balance.'" />@endif
    @endcan
</x-page-header>

<form method="POST" action="{{ $editing ? route('payments.update', $payment) : route('payments.store') }}" id="payment-form" data-validate novalidate>
    @csrf
    @if ($editing) @method('PUT') @endif
    <input type="hidden" name="direction" value="{{ $received ? 'received' : 'paid' }}">
    @include('partials.error-summary')

    <div class="row g-3">
        <div class="col-xl-8">
            <x-form-section :title="$received ? 'Who paid' : 'Who you paid'" :icon="$received ? 'arrow-down-left-circle' : 'arrow-up-right-circle'">
                @if ($received)
                    <x-select name="client_id" id="party" label="Received from (client)" required ts placeholder="Search clients…" quickAdd="client">
                        <option value="">Select client…</option>
                        @foreach ($clients as $c)<option value="{{ $c->id }}" data-balance="{{ round($c->balance(), 2) }}" @selected(old('client_id', $payment->client_id) == $c->id)>{{ $c->name }}</option>@endforeach
                    </x-select>
                    <x-select name="order_id" id="target" label="Against order (optional)" ts placeholder="Search orders…">
                        <option value="">On account — not tied to an order</option>
                        @foreach ($orders as $o)<option value="{{ $o->id }}" data-party="{{ $o->client_id }}" data-due="{{ round($o->due(), 2) }}" @selected(old('order_id', $payment->order_id) == $o->id)>{{ $o->order_no }} — {{ money($o->total) }} (due {{ money($o->due()) }})</option>@endforeach
                    </x-select>
                @else
                    <x-select name="vendor_id" id="party" label="Paid to (vendor)" required ts placeholder="Search vendors…" quickAdd="vendor">
                        <option value="">Select vendor…</option>
                        @foreach ($vendors as $v)<option value="{{ $v->id }}" data-balance="{{ round($v->balance(), 2) }}" @selected(old('vendor_id', $payment->vendor_id) == $v->id)>{{ $v->name }}</option>@endforeach
                    </x-select>
                    <x-select name="vendor_assignment_id" id="assignment" label="For assignment / order (optional)" ts placeholder="Search assignments…" hint="Leave empty for a general payment to the vendor — you can allocate it to orders later.">
                        <option value="">General — not tied to an assignment</option>
                        @foreach ($assignments as $a)<option value="{{ $a->id }}" data-party="{{ $a->vendor_id }}" data-due="{{ round($a->due(), 2) }}" @selected(old('vendor_assignment_id', $payment->vendor_assignment_id) == $a->id)>{{ $a->number() }} · {{ $a->order->order_no }}{{ $a->description ? ' — '.$a->description : '' }} (due {{ money($a->due()) }})</option>@endforeach
                    </x-select>
                    <div class="col-12 col-md-6 field" id="item-wrap" hidden>
                        <label for="item" class="form-label">For one product only (optional)</label>
                        <select id="item" name="vendor_assignment_item_id" class="form-select" data-label="product">
                            <option value="">Whole assignment</option>
                            @foreach ($assignments as $a)@foreach ($a->items as $it)<option value="{{ $it->id }}" data-assignment="{{ $a->id }}" data-due="{{ round($it->due(), 2) }}" @selected(old('vendor_assignment_item_id', $payment->vendor_assignment_item_id) == $it->id)>{{ $it->label() }} (due {{ money($it->due()) }})</option>@endforeach @endforeach
                        </select>
                    </div>
                    <x-select name="vendor_bill_id" id="target" label="Against bill (optional)" ts placeholder="Search bills…">
                        <option value="">On account — not tied to a bill</option>
                        @foreach ($bills as $b)<option value="{{ $b->id }}" data-party="{{ $b->vendor_id }}" data-due="{{ round($b->due(), 2) }}" @selected(old('vendor_bill_id', $payment->vendor_bill_id) == $b->id)>{{ $b->bill_no ?: '#'.$b->id }}{{ $b->description ? ' — '.$b->description : '' }} (due {{ money($b->due()) }})</option>@endforeach
                    </x-select>
                @endif
                <div class="col-12"><div class="small text-muted" id="due-hint" aria-live="polite"></div></div>
            </x-form-section>

            <x-form-section title="Payment details" icon="cash-coin">
                <x-field name="amount" id="amount" label="Amount" money min="0.01" :value="$payment->amount" col="4" required />
                <x-field name="paid_on" type="date" label="Date" :value="$payment->paid_on?->format('Y-m-d')" col="4" required />
                <x-select name="method" label="Method" col="4" required>
                    @foreach (\App\Models\Payment::METHODS as $key => $label)<option value="{{ $key }}" @selected(old('method', $payment->method) === $key)>{{ $label }}</option>@endforeach
                </x-select>
                <x-field name="reference" label="Reference (cheque / UTR / receipt no.)" :value="$payment->reference" maxlength="100" />
                <x-textarea name="notes" label="Notes" :value="$payment->notes" rows="2" maxlength="2000" />

                <div class="col-12" id="overpay-box" hidden>
                    <div class="confirm-box d-flex gap-3 align-items-start">
                        <i class="bi bi-exclamation-triangle-fill text-warning fs-5" aria-hidden="true"></i>
                        <div class="flex-grow-1">
                            <div class="fw-semibold">More than is due</div>
                            <div class="small mb-2" id="overpay-text">{{ $errors->first('confirm_overpay') }}</div>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="confirm_overpay" name="confirm_overpay" value="1" @checked(old('confirm_overpay'))>
                                <label class="form-check-label" for="confirm_overpay">Record it anyway</label>
                            </div>
                        </div>
                    </div>
                </div>
            @include('partials.assign-to', ['value' => $payment->assigned_to])
            </x-form-section>
        </div>
        <div class="col-xl-4">
            <div class="card card-body" style="background: var(--app-primary-soft); border-color: transparent">
                <div class="d-flex gap-2"><i class="bi bi-lightbulb text-primary mt-1" aria-hidden="true"></i>
                    <div class="small">
                        @if ($received)
                            <strong>How this works</strong>
                            <ul class="ps-3 mb-0 mt-1">
                                <li>Pick an order to settle it exactly, or leave it <em>on account</em> to reduce the client's overall balance.</li>
                                <li>The amount fills in with what is still due on the order.</li>
                                <li>Paying more than is due needs a confirmation — it is kept as an advance.</li>
                            </ul>
                        @else
                            <strong>How this works</strong>
                            <ul class="ps-3 mb-0 mt-1">
                                <li>Pick an <em>assignment</em> (or one of its products) to pay for that order, or a bill. Leave both empty for a <em>general</em> payment that reduces what you owe the vendor overall.</li>
                                <li>A general payment can be allocated to assignments later, from the assignment page or Ledger › Matching.</li>
                                <li>The amount fills in with what is still due on the bill.</li>
                                <li>Paying more than is due needs a confirmation — it is kept as an advance.</li>
                            </ul>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="form-actions">
        <a href="{{ route('payments.index') }}" class="btn btn-ghost">Cancel</a>
        <span class="dirty-note"><i class="bi bi-circle-fill text-warning" style="font-size:.5rem"></i> Unsaved changes</span>
        <span class="spacer"></span>
        <button class="btn {{ $received ? 'btn-success' : 'btn-danger' }}">{{ $editing ? 'Save changes' : 'Record payment' }}</button>
    </div>
</form>
<script type="application/json" id="payment-data">@json($formData)</script>
@endsection

@push('modals') @include('partials.quick-add', ['type' => $received ? 'client' : 'vendor']) @endpush