@extends('layouts.app')

@section('title', 'Edit Expense')

@section('content')

<div class="container-fluid">

    {{-- Page Header --}}
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h3 class="mb-1">Edit Expense</h3>
            <p class="text-muted mb-0">
                Update the business expense details.
            </p>
        </div>

        <a href="{{ route('expenses.index') }}"
           class="btn btn-outline-secondary">
            ← Back
        </a>
    </div>

    {{-- Mandatory Fields Note --}}
    <div class="alert alert-light border mb-4">
        Fields marked with <span class="text-danger">*</span> are mandatory.
    </div>

    {{-- Validation Errors --}}
    @if($errors->any())
        <div class="alert alert-danger">
            <strong>Please fix the following errors:</strong>

            <ul class="mb-0 mt-2">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    {{-- Success Message --}}
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            {{ session('success') }}

            <button type="button"
                    class="btn-close"
                    data-bs-dismiss="alert">
            </button>
        </div>
    @endif

    {{-- Expense Form --}}
    <div class="card shadow-sm border-0">

        <div class="card-header bg-white py-3">
            <h5 class="mb-0">Expense Details</h5>
        </div>

        <div class="card-body">

            <form action="{{ route('expenses.update', $expense) }}"
                  method="POST">

                @csrf
                @method('PUT')

                <div class="row g-3">

                    {{-- Expense Number --}}
                    <div class="col-md-4">

                        <label class="form-label">
                            Expense No.
                        </label>

                        <input type="text"
                               class="form-control bg-light"
                               value="{{ $expense->expense_no }}"
                               readonly>

                    </div>

                    {{-- Expense Date --}}
                    <div class="col-md-4">

                        <label for="expense_date" class="form-label">
                            Expense Date
                            <span class="text-danger">*</span>
                        </label>

                        <input type="date"
                               name="expense_date"
                               id="expense_date"
                               class="form-control @error('expense_date') is-invalid @enderror"
                               value="{{ old('expense_date', $expense->expense_date->format('Y-m-d')) }}"
                               required>

                        @error('expense_date')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror

                    </div>

                    {{-- Category --}}
                    <div class="col-md-4">

                        <label for="expense_category_id" class="form-label">
                            Expense Category
                            <span class="text-danger">*</span>
                        </label>

                        <select name="expense_category_id"
                                id="expense_category_id"
                                class="form-select @error('expense_category_id') is-invalid @enderror"
                                required>

                            <option value="">
                                Select Category
                            </option>

                            @foreach($categories as $category)

                                <option value="{{ $category->id }}"
                                    {{ old('expense_category_id', $expense->expense_category_id) == $category->id ? 'selected' : '' }}>

                                    {{ $category->name }}

                                    @if(!$category->status)
                                        (Inactive)
                                    @endif

                                </option>

                            @endforeach

                        </select>

                        @error('expense_category_id')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror

                    </div>

                    {{-- Amount --}}
                    <div class="col-md-4">

                        <label for="amount" class="form-label">
                            Amount
                            <span class="text-danger">*</span>
                        </label>

                        <div class="input-group">

                            <span class="input-group-text">
                                ₹
                            </span>

                            <input type="number"
                                   name="amount"
                                   id="amount"
                                   class="form-control @error('amount') is-invalid @enderror"
                                   value="{{ old('amount', $expense->amount) }}"
                                   min="0.01"
                                   step="0.01"
                                   placeholder="0.00"
                                   required>

                        </div>

                        @error('amount')
                            <div class="text-danger small mt-1">
                                {{ $message }}
                            </div>
                        @enderror

                    </div>

                    {{-- Payment Method --}}
                    <div class="col-md-4">

                        <label for="payment_method" class="form-label">
                            Payment Method
                            <span class="text-danger">*</span>
                        </label>

                        <select name="payment_method"
                                id="payment_method"
                                class="form-select @error('payment_method') is-invalid @enderror"
                                required>

                            <option value="">
                                Select Payment Method
                            </option>

                            <option value="Cash"
                                {{ old('payment_method', $expense->payment_method) === 'Cash' ? 'selected' : '' }}>
                                Cash
                            </option>

                            <option value="UPI"
                                {{ old('payment_method', $expense->payment_method) === 'UPI' ? 'selected' : '' }}>
                                UPI
                            </option>

                            <option value="Bank"
                                {{ old('payment_method', $expense->payment_method) === 'Bank' ? 'selected' : '' }}>
                                Bank
                            </option>

                            <option value="Card"
                                {{ old('payment_method', $expense->payment_method) === 'Card' ? 'selected' : '' }}>
                                Card
                            </option>

                            <option value="Other"
                                {{ old('payment_method', $expense->payment_method) === 'Other' ? 'selected' : '' }}>
                                Other
                            </option>

                        </select>

                        @error('payment_method')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror

                    </div>

                    {{-- Reference Number --}}
                    <div class="col-md-4">

                        <label for="reference_no" class="form-label">
                            Reference No.
                        </label>

                        <input type="text"
                               name="reference_no"
                               id="reference_no"
                               class="form-control @error('reference_no') is-invalid @enderror"
                               value="{{ old('reference_no', $expense->reference_no) }}"
                               maxlength="255"
                               placeholder="Transaction / bill reference">

                        @error('reference_no')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror

                    </div>

                    {{-- Description --}}
                    <div class="col-md-12">

                        <label for="description" class="form-label">
                            Description
                        </label>

                        <textarea name="description"
                                  id="description"
                                  rows="3"
                                  class="form-control @error('description') is-invalid @enderror"
                                  placeholder="What was this expense for?">{{ old('description', $expense->description) }}</textarea>

                        @error('description')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror

                    </div>

                    {{-- Notes --}}
                    <div class="col-md-12">

                        <label for="notes" class="form-label">
                            Notes
                        </label>

                        <textarea name="notes"
                                  id="notes"
                                  rows="3"
                                  class="form-control @error('notes') is-invalid @enderror"
                                  placeholder="Additional notes (optional)">{{ old('notes', $expense->notes) }}</textarea>

                        @error('notes')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror

                    </div>

                </div>

                {{-- Form Actions --}}
                <div class="d-flex gap-2 mt-4">

                    <button type="submit"
                            class="btn btn-primary">
                        Update Expense
                    </button>

                    <a href="{{ route('expenses.index') }}"
                       class="btn btn-outline-secondary">
                        Cancel
                    </a>

                </div>

            </form>

        </div>

    </div>

</div>

@endsection