@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>Edit Transaction - {{ $transaction->fund->name }}</h4>
                    <p class="mb-0">
                        Current Status: 
                        <span class="badge badge-{{ $transaction->status === 'pending' ? 'warning' : ($transaction->status === 'approved' ? 'success' : 'danger') }}">
                            {{ ucfirst($transaction->status) }}
                        </span>
                    </p>
                </div>
                <div class="card-body">
                    @if($transaction->status === 'approved')
                        <div class="alert alert-warning">
                            <strong>Note:</strong> This transaction has been approved. Editing will reset its status to pending.
                        </div>
                    @endif

                    <form method="POST" class="row" action="{{ route('petty-cash.update-transaction', $transaction) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        
                        <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', $transaction->type) == 'expense' ? 'selected' : '' }}>Expense</option>
                                <option value="replenishment" {{ old('type', $transaction->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', $transaction->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', $transaction->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', $transaction->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', $transaction->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', $transaction->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', $transaction->transaction_date->format('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>
                            @if($transaction->receipt_image)
                                <div class="mb-2">
                                    <small class="text-muted">Current image: {{ basename($transaction->receipt_image) }}</small>
                                    <a href="{{ Storage::url($transaction->receipt_image) }}" target="_blank" class="btn btn-sm btn-outline-info">View</a>
                                </div>
                            @endif
                            <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', $transaction->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', $transaction->fund) }}" class="btn btn-secondary">Cancel</a>
                            <button type="submit" class="btn btn-primary">Update Transaction</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection