@extends('layout.app')
@section('content')

<script src="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone-min.js"></script>
<link href="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone.css" rel="stylesheet" type="text/css" />

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="breadcrumb-main">
                <h4 class="text-capitalize breadcrumb-title">{{ trans('menu.form-validation') }}</h4>
                <div class="breadcrumb-action justify-content-center flex-wrap">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#"><i class="las la-home"></i> Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{ trans('menu.form-validation') }}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <div class="form-element">
        <div class="row">
            <div class="col-lg-12">
                <div class="card card-default card-md mb-4">
                    <div class="card-header">
                        <h6>Update Income Record</h6>
                    </div>

                    <div class="card-body pb-md-50">
                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif

                        <form method="POST" action="{{ route('expense.update', $expense->id) }}" enctype="multipart/form-data">
                            @csrf
                            @method('PATCH') {{-- Using PATCH for partial updates --}}

                            <div class="row mx-n15">
                                {{-- Date --}}
                                <div class="col-md-4 mb-20 px-15">
                                    <label for="date">Date</label>
                                    <input type="date" value="{{ \Carbon\Carbon::parse($expense->created_at)->format('Y-m-d') }}" name="created_at" class="form-control ih-medium radius-xs b-light shadow-none" required>
                                    @error('date')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                {{-- Amount --}}
                                <div class="col-md-4 mb-20 px-15">
                                    <label for="amount">Amount</label>
                                    <input type="number" step="0.01" value="{{ $expense->amount }}" name="amount" class="form-control ih-medium radius-xs b-light shadow-none" placeholder="Enter Amount" required>
                                    @error('amount')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                    <div class="col-md-4 mb-20 px-15">
                                        <label for="account_heading">Account Heading</label>
                                        <select name="account_heading" class="form-control ih-medium radius-xs b-light shadow-none">
                                            {{-- Default Selected (Existing Value from `income` table) --}}
                                            <option value="{{ $expense->account_heading }}" selected>{{ $expense->account_heading }}</option>

                                            {{-- Other options from `Headings` model --}}
                                            @foreach ($Headings as $heading)
                                                @if ($heading->headings !== $expense->account_heading) 
                                                    <option value="{{ $heading->headings }}">{{ $heading->headings }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        @error('account_heading')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>





                            <div class="row mx-n15">
                                {{-- Description --}}
                                <div class="col-md-4 mb-20 px-15">
                                    <label for="description">Description</label>
                                    <textarea name="description" class="form-control ih-medium radius-xs b-light shadow-none" placeholder="Enter Description">{{ $expense->description }}</textarea>
                                    @error('description')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                {{-- Reference --}}
                                <div class="col-md-4 mb-20 px-15">
                                    <label for="reference">Reference</label>
                                    <input type="text" value="{{ $expense->reference }}" name="reference" class="form-control ih-medium radius-xs b-light shadow-none" placeholder="Enter Reference">
                                    @error('reference')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                    <div class="col-md-4 mb-20 px-15">
                                        <label for="payment_mode">Payment Mode</label>
                                        <select name="payment_mode" class="form-control ih-medium radius-xs b-light shadow-none">
                                            {{-- Default Selected (Existing Value from `income` table) --}}
                                            <option value="{{ $expense->payment_mode }}" selected>{{ $expense->payment_mode }}</option>

                                            {{-- Other options from `PaymentMode` --}}
                                            @foreach ($PaymentModes as $mode)
                                                @if ($mode->payment_mode !== $expense->payment_mode) 
                                                    <option value="{{ $mode->payment_mode }}">{{ $mode->payment_mode }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        @error('payment_mode')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>




                           
                                
                            </div>

                            <button class="btn btn-primary px-30 mt-3" type="submit">Update Income</button>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@if(session('success'))
    <script>
        Swal.fire({
            icon: 'success',
            title: 'Success!',
            text: '{{ session('success') }}',
            showConfirmButton: false,
            timer: 2000 // Auto close after 2 seconds
        });
    </script>
@endif

@if(session('error'))
    <script>
        Swal.fire({
            icon: 'error',
            title: 'Error!',
            text: '{{ session('error') }}',
            showConfirmButton: true
        });
    </script>
@endif

@endsection