@php
    $isEdit = $expense->exists;
@endphp

<div class="space-y-5">
    <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
        <div>
            <label for="type" class="label block mb-2" style="color: var(--color-ink-70);">Expense type</label>
            <select id="type" name="type" class="input" required>
                @foreach ($types as $typeOption)
                    @if ($typeOption !== \App\Enums\ExpenseType::BottlePurchase)
                        <option
                            value="{{ $typeOption->value }}"
                            @selected(old('type', $expense->type?->value) === $typeOption->value)
                        >
                            {{ $typeOption->label() }}
                        </option>
                    @endif
                @endforeach
            </select>
            <p class="mt-1 text-xs" style="color: var(--color-ink-40);">
                Bottle purchases are auto-logged from the bottle intake screen.
            </p>
            @error('type')
                <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
            @enderror
        </div>

        <div>
            <label for="amount" class="label block mb-2" style="color: var(--color-ink-70);">Amount</label>
            <input
                id="amount"
                name="amount"
                type="number"
                step="0.01"
                min="0"
                value="{{ old('amount', $expense->amount) }}"
                class="input"
                required
                placeholder="e.g. 1500"
            >
            @error('amount')
                <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
            @enderror
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
        <div>
            <label for="spent_at" class="label block mb-2" style="color: var(--color-ink-70);">When</label>
            <input
                id="spent_at"
                name="spent_at"
                type="date"
                value="{{ old('spent_at', optional($expense->spent_at)->format('Y-m-d') ?? now()->toDateString()) }}"
                class="input"
                required
            >
            @error('spent_at')
                <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
            @enderror
        </div>

        <div>
            <label for="spent_by_user_id" class="label block mb-2" style="color: var(--color-ink-70);">Spent by</label>
            <select id="spent_by_user_id" name="spent_by_user_id" class="input">
                @foreach ($users as $user)
                    <option
                        value="{{ $user->id }}"
                        @selected(old('spent_by_user_id', $expense->spent_by_user_id ?? auth()->id()) == $user->id)
                    >
                        {{ $user->name }}
                    </option>
                @endforeach
            </select>
            @error('spent_by_user_id')
                <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
            @enderror
        </div>
    </div>

    <div>
        <label for="description" class="label block mb-2" style="color: var(--color-ink-70);">Description (optional)</label>
        <textarea
            id="description"
            name="description"
            rows="3"
            class="input"
            placeholder="What was this for?"
        >{{ old('description', $expense->description) }}</textarea>
        @error('description')
            <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
        @enderror
    </div>

    <div class="flex items-center gap-3 pt-2">
        <button type="submit" class="btn btn-primary">
            {{ $isEdit ? 'Update Expense' : 'Record Expense' }}
        </button>
        <a href="{{ route('admin.expenses.index') }}" class="btn btn-ghost">Cancel</a>
    </div>
</div>