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

@section('content')
<x-page-header :title="$editing ? 'Edit expense' : 'New expense'" subtitle="Rent, wages, utilities and other running costs" />

<form method="POST" action="{{ $editing ? route('expenses.update', $expense) : route('expenses.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="Expense details" icon="wallet2">
                <x-select name="expense_category_id" label="Category" col="4" required ts placeholder="Pick a category…">
                    <option value="">Select category…</option>
                    @foreach ($categories as $c)<option value="{{ $c->id }}" @selected(old('expense_category_id', $expense->expense_category_id) == $c->id)>{{ $c->name }}</option>@endforeach
                </x-select>
                <x-field name="expense_date" type="date" label="Date" col="4" :value="$expense->expense_date?->format('Y-m-d')" required />
                <x-field name="amount" label="Amount" money min="0.01" col="4" :value="$expense->amount" required />
                <x-field name="paid_to" label="Paid to" col="4" :value="$expense->paid_to" maxlength="255" placeholder="Landlord, staff, shop…" />
                <x-select name="method" label="Method" col="4" required>
                    @foreach (\App\Models\Payment::METHODS as $key => $label)<option value="{{ $key }}" @selected(old('method', $expense->method) === $key)>{{ $label }}</option>@endforeach
                </x-select>
                <x-field name="reference" label="Reference / receipt no." col="4" :value="$expense->reference" maxlength="100" />
                <x-textarea name="description" label="Description" col="12" rows="2" :value="$expense->description" maxlength="1000" />
            @include('partials.assign-to', ['value' => $expense->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" aria-hidden="true"></i>
                    <div class="small">Buying from a vendor (yarn, weaving, dyeing)? Record a <a href="{{ route('vendor-bills.create') }}">vendor bill</a> instead, so that vendor's balance stays correct.</div>
                </div>
            </div>
        </div>
    </div>

    <div class="form-actions">
        <a href="{{ route('expenses.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>
        @unless ($editing)<button class="btn btn-ghost" name="again" value="1">Save &amp; add another</button>@endunless
        <button class="btn btn-primary">{{ $editing ? 'Save changes' : 'Save expense' }}</button>
    </div>
</form>
@endsection