@extends('layouts.app')
@section('title', $expense?->exists ? 'Edit expense' : 'Record expense')

@section('content')
    <div class="page-head">
        <div>
            <h1>{{ $expense?->exists ? 'Edit expense' : 'Record expense' }}</h1>
            <p>Costs are only counted on the P&amp;L once they have been approved and posted.</p>
        </div>
        <div class="page-actions">
            <a href="{{ route('expenses.index') }}" class="btn secondary">Back</a>
        </div>
    </div>

    <form method="POST"
          action="{{ $expense?->exists ? route('expenses.update', $expense) : route('expenses.store') }}">
        @csrf
        @if ($expense?->exists) @method('PUT') @endif

        <div class="grid grid-2">
            <div class="card">
                <div class="card-head"><h3>Expense</h3></div>
                <div class="card-body">
                    <div class="field">
                        <label>Description <span class="req">*</span></label>
                        <input type="text" name="description" maxlength="255" required
                               value="{{ old('description', $expense?->description) }}"
                               placeholder="Diesel for the Tema generator, week 37">
                        @error('description')<span class="err">{{ $message }}</span>@enderror
                    </div>

                    <div class="grid grid-2">
                        <div class="field">
                            <label>Amount <span class="req">*</span></label>
                            <input type="number" name="amount" step="0.01" min="0.01" required
                                   value="{{ old('amount', $expense?->amount) }}">
                            @error('amount')<span class="err">{{ $message }}</span>@enderror
                        </div>
                        <div class="field">
                            <label>Date <span class="req">*</span></label>
                            <input type="date" name="expense_date" required
                                   value="{{ old('expense_date', $expense?->expense_date?->format('Y-m-d') ?? now()->toDateString()) }}">
                            @error('expense_date')<span class="err">{{ $message }}</span>@enderror
                        </div>
                    </div>

                    <div class="grid grid-2">
                        <div class="field">
                            <label>Category <span class="req">*</span></label>
                            <input type="text" name="category" maxlength="60" required list="category-list"
                                   value="{{ old('category', $expense?->category) }}"
                                   placeholder="fuel">
                            <datalist id="category-list">
                                @foreach (['bandwidth', 'fuel', 'rent', 'salaries', 'maintenance', 'marketing',
                                          'hardware', 'transport', 'bank_charges', 'sundry'] as $c)
                                    <option value="{{ $c }}"></option>
                                @endforeach
                            </datalist>
                            @error('category')<span class="err">{{ $message }}</span>@enderror
                        </div>
                        <div class="field">
                            <label>Vendor</label>
                            <input type="text" name="vendor" maxlength="140"
                                   value="{{ old('vendor', $expense?->vendor) }}">
                        </div>
                    </div>

                    <div class="grid grid-2">
                        <div class="field">
                            <label>Reference</label>
                            <input type="text" name="reference" class="mono" maxlength="60"
                                   value="{{ old('reference', $expense?->reference) }}"
                                   placeholder="INV-88231">
                        </div>
                        <div class="field">
                            <label>Receipt path</label>
                            <input type="text" name="receipt_path" maxlength="255"
                                   value="{{ old('receipt_path', $expense?->receipt_path) }}"
                                   placeholder="/storage/receipts/INV-88231.pdf">
                        </div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-head"><h3>Accounting</h3></div>
                <div class="card-body">
                    <div class="field">
                        <label>Ledger account <span class="req">*</span></label>
                        <select name="account_id" required>
                            <option value="">Select account…</option>
                            @foreach ($accounts as $a)
                                <option value="{{ $a->id }}" @selected(old('account_id', $expense?->account_id) == $a->id)>
                                    {{ $a->code }} — {{ $a->name }}
                                </option>
                            @endforeach
                        </select>
                        <span class="hint">Expense accounts only. Approval debits this account.</span>
                        @error('account_id')<span class="err">{{ $message }}</span>@enderror
                    </div>

                    <div class="field">
                        <label>Settled by</label>
                        <select name="payment_method">
                            @foreach ($methods as $m)
                                <option value="{{ $m }}" @selected(old('payment_method', $expense?->payment_method ?? 'cash') === $m)>
                                    {{ title_case_words($m) }}
                                </option>
                            @endforeach
                        </select>
                        <span class="hint">Approval credits cash, the mobile money float, or accounts payable
                            for <em>on credit</em>.</span>
                    </div>

                    <div class="field">
                        <label>Branch</label>
                        <select name="branch_id">
                            <option value="">Organisation-wide</option>
                            @foreach (\App\Models\Branch::when(! auth()->user()->is_super_admin,
                                      fn ($q) => $q->where('organization_id', auth()->user()->organization_id))
                                      ->orderBy('name')->get() as $b)
                                <option value="{{ $b->id }}" @selected(old('branch_id', $expense?->branch_id) == $b->id)>{{ $b->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    @if (! $expense?->exists)
                        <label class="check">
                            <input type="checkbox" name="submit" value="1" @checked(old('submit'))>
                            <span>Submit straight for approval instead of saving as a draft</span>
                        </label>
                    @endif
                </div>
                <div class="card-foot">
                    <button type="submit" class="btn">{{ $expense?->exists ? 'Save changes' : 'Record expense' }}</button>
                    <a href="{{ route('expenses.index') }}" class="btn secondary">Cancel</a>
                </div>
            </div>
        </div>
    </form>
@endsection