@extends('layouts.app')
@php($editing = $bill->exists)
@section('title', $editing ? 'Edit bill' : 'New vendor bill')

@section('content')
<x-page-header :title="$editing ? 'Edit vendor bill' : 'New vendor bill'" subtitle="Record what a vendor has billed you" />

<form method="POST" action="{{ $editing ? route('vendor-bills.update', $bill) : route('vendor-bills.store') }}" data-validate novalidate>
    @csrf
    @if ($editing) @method('PUT') @endif
    @include('partials.error-summary')

    <div class="row g-3">
        <div class="col-xl-8">
            <x-form-section title="Bill details" icon="receipt">
                <x-select name="vendor_id" label="Vendor" required ts placeholder="Search vendors…" quickAdd="vendor">
                    <option value="">Select vendor…</option>
                    @foreach ($vendors as $v)<option value="{{ $v->id }}" @selected(old('vendor_id', $bill->vendor_id) == $v->id)>{{ $v->name }}</option>@endforeach
                </x-select>
                <x-select name="order_id" label="For order (optional)" ts placeholder="Search orders…" hint="Link the cost to a client order to see its margin.">
                    <option value="">General purchase — not tied to an order</option>
                    @foreach ($orders as $o)<option value="{{ $o->id }}" @selected(old('order_id', $bill->order_id) == $o->id)>{{ $o->order_no }} — {{ $o->client->name }}</option>@endforeach
                </x-select>
                <x-field name="bill_no" data-live data-live-depends="vendor_id" label="Vendor's bill / invoice no." :value="$bill->bill_no" col="4" maxlength="100" />
                <x-field name="bill_date" type="date" label="Bill date" :value="$bill->bill_date?->format('Y-m-d')" col="4" required />
                <x-field name="due_date" type="date" label="Due date" :value="$bill->due_date?->format('Y-m-d')" col="4" data-not-before="#bill_date" data-not-before-message="Due date cannot be earlier than the bill date." />
                <x-field name="description" label="Description" :value="$bill->description" placeholder="e.g. Wool yarn 200 kg, weaving charges" col="12" maxlength="255" />
            </x-form-section>
        </div>
        <div class="col-xl-4">
            <x-form-section title="Amount" icon="cash-stack">
                <x-field name="amount" label="Bill amount" money min="0.01" :value="$bill->amount" col="12" required />
            </x-form-section>
            <x-form-section title="Notes" icon="journal-text">
                <x-textarea name="notes" label="Internal notes" :value="$bill->notes" rows="3" maxlength="2000" col="12" />
            @include('partials.assign-to', ['value' => $bill->assigned_to])
            </x-form-section>
        </div>
    </div>

    <div class="form-actions">
        <a href="{{ $editing ? route('vendor-bills.show', $bill) : route('vendor-bills.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 btn-primary">{{ $editing ? 'Save changes' : 'Save bill' }}</button>
    </div>
</form>
@endsection

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