@extends('layouts.admin')
@section('title','Record Expense')
@section('page-title','Record Expense')
@section('content')
<div style="max-width:580px;">
    <div class="page-header">
        <h1>Record Expense</h1>
        <a href="{{ route('admin.accounting.expenses') }}" class="btn btn-outline btn-sm">← Back</a>
    </div>
    <div class="card">
        <div class="card-body">
            @if($errors->any())<div class="alert alert-error">{{ $errors->first() }}</div>@endif
            <form method="POST" action="{{ route('admin.accounting.expenses.store') }}">
                @csrf
                <div class="form-group">
                    <label>Title / Description *</label>
                    <input type="text" name="title" value="{{ old('title') }}" required placeholder="e.g. Hair products restocking">
                </div>
                <div class="grid-2" style="gap:1rem;">
                    <div class="form-group">
                        <label>Amount (₵) *</label>
                        <input type="number" name="amount" value="{{ old('amount') }}" required min="0.01" step="0.01">
                    </div>
                    <div class="form-group">
                        <label>Date *</label>
                        <input type="date" name="expense_date" value="{{ old('expense_date', now()->toDateString()) }}" required>
                    </div>
                </div>
                <div class="grid-2" style="gap:1rem;">
                    <div class="form-group">
                        <label>Category</label>
                        <select name="category_id">
                            <option value="">— Uncategorised —</option>
                            @foreach($categories as $cat)
                            <option value="{{ $cat->id }}" {{ old('category_id')==$cat->id?'selected':'' }}>{{ $cat->icon }} {{ $cat->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Payment Method *</label>
                        <select name="payment_method" required>
                            <option value="cash">Cash</option>
                            <option value="card">Card</option>
                            <option value="mobile_money">Mobile Money</option>
                            <option value="bank_transfer">Bank Transfer</option>
                            <option value="other">Other</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label>Vendor / Supplier <small style="color:#7A6058;">(optional)</small></label>
                    <input type="text" name="vendor" value="{{ old('vendor') }}" placeholder="e.g. Accra Beauty Supplies">
                </div>
                <div class="form-group">
                    <label>Notes</label>
                    <textarea name="description" rows="2">{{ old('description') }}</textarea>
                </div>
                <button type="submit" class="btn btn-danger" style="width:100%;background:#dc2626;">Save Expense</button>
            </form>
        </div>
    </div>
</div>
@endsection