@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h4>Add Transaction - {{ $fund->name }}</h4>
                    <p class="mb-0">Current Balance: UGX {{ number_format($fund->current_balance, 2) }}</p>
                </div>
                <div class="card-body">
                    <form method="POST" class="row" action="{{ route('petty-cash.store-transaction', $fund) }}" enctype="multipart/form-data">
                        @csrf
                        
                        <div class="form-group mb-3 col-md-6">
                            <label for="type">Transaction Type</label>
                            <select class="form-control @error('type') is-invalid @enderror" 
                                    id="type" name="type" required>
                                <option value="">Select Type</option>
                                <option value="expense" {{ old('type') == 'expense' ? 'selected' : '' }}>Expense</option>
                                <option value="replenishment" {{ old('type') == 'replenishment' ? 'selected' : '' }}>Replenishment</option>
                            </select>
                            @error('type')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group mb-3 col-md-6">
                            <label for="amount">Amount</label>
                            <input type="number" step="0.01" class="form-control @error('amount') is-invalid @enderror" 
                                   id="amount" name="amount" value="{{ old('amount') }}" required>
                            @error('amount')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group mb-3">
                            <label for="description">Description</label>
                            <input type="text" class="form-control @error('description') is-invalid @enderror" 
                                   id="description" name="description" value="{{ old('description') }}" required>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group mb-3 col-md-6">
                            <label for="expense_item_id">Expense Item</label>
                            <select class="select2 form-control @error('expense_item_id') is-invalid @enderror" 
                                    id="expense_item_id" name="expense_item_id">
                                <option value="">Select Expense Item</option>
                                @foreach($expenseItems as $item)
                                    <option value="{{ $item->id }}" {{ old('expense_item_id') == $item->id ? 'selected' : '' }}>
                                        {{ $item->name }} @if($item->category)({{ $item->category }})@endif
                                    </option>
                                @endforeach
                            </select>
                            @error('expense_item_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group mb-3 col-md-6">
                            <label for="supplier_id">Supplier</label>
                            <select class="select2 form-control @error('supplier_id') is-invalid @enderror" 
                                    id="supplier_id" name="supplier_id">
                                <option value="">Select Supplier</option>
                                @foreach($suppliers as $supplier)
                                    <option value="{{ $supplier->id }}" {{ old('supplier_id') == $supplier->id ? 'selected' : '' }}>
                                        {{ $supplier->name }}
                                    </option>
                                @endforeach
                            </select>
                            @error('supplier_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group mb-3 col-md-6">
                            <label for="receipt_number">Receipt Number</label>
                            <input type="text" class="form-control @error('receipt_number') is-invalid @enderror" 
                                   id="receipt_number" name="receipt_number" value="{{ old('receipt_number') }}">
                            @error('receipt_number')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group mb-3 col-md-6">
                            <label for="transaction_date">Transaction Date</label>
                            <input type="date" class="form-control @error('transaction_date') is-invalid @enderror" 
                                   id="transaction_date" name="transaction_date" 
                                   value="{{ old('transaction_date', date('Y-m-d')) }}" required>
                            @error('transaction_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group mb-3">
                            <label for="receipt_image">Receipt Image</label>
                            <input type="file" class="form-control @error('receipt_image') is-invalid @enderror" 
                                   id="receipt_image" name="receipt_image" accept="image/*,.pdf">
                            @error('receipt_image')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group mb-3">
                            <label for="notes">Notes</label>
                            <textarea class="form-control @error('notes') is-invalid @enderror" 
                                      id="notes" name="notes" rows="3">{{ old('notes') }}</textarea>
                            @error('notes')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group d-flex justify-content-between">
                            <a href="{{ route('petty-cash.show', $fund) }}" class="btn btn-secondary">Cancel</a>
                            <button type="submit" class="btn btn-primary">Add Transaction</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection