@extends('master')
@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">
                    <h4>{{ __('sitelabel.BankLedgerReport') }}</h4>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <form method="post" action="{{ url('/') }}/bankledgerreport">
                        @csrf
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-3 col-sm-6 col-12">
                                        <div class="form-group">
                                            <label>{{ __('sitelabel.SeleactBank') }}<span class="text-danger">*</span></label>
                                            <select class="form-select" name="cmbBank" id="cmbBank">
                                                <option value="-1">{{ __('sitelabel.SeleactBank') }}</option>
                                                @foreach ($bankWithBranches->unique('BankId') as $bank)
                                                    <option value="{{ $bank->BankId }}">{{ $bank->BankName }}</option>
                                                @endforeach
                                            </select>
                                            <span class="text-danger">
                                                @error('cmbBank')
                                                    {{ $message }}
                                                @enderror
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-sm-6 col-12">
                                        <div class="form-group">
                                            <label>{{ __('sitelabel.SelectBranch') }}<span class="text-danger">*</span></label>
                                            <select class="form-select" name="cmbBranch" id="cmbBranch">
                                                <option value="-1">{{ __('sitelabel.SelectBranch') }}</option>
                                                {{-- Branch options will be dynamically populated --}}
                                            </select>
                                            <span class="text-danger">
                                                @error('cmbBranch')
                                                    {{ $message }}
                                                @enderror
                                            </span>
                                        </div>
                                    </div>

                                    <!-- Select Year Dropdown -->
                                    <div class="col-lg-3 col-sm-6 col-12">
                                        <div class="form-group">
                                            <label>{{ __('sitelabel.SelectYear') }}</label>
                                            <select class="form-select" name="cmbYear" id="cmbYear">
                                                <option value="">{{ __('sitelabel.SelectYear') }}</option>
                                                @for ($year = 2024; $year <= 2040; $year++)
                                                    <option value="{{ $year }}">{{ $year }}</option>
                                                @endfor
                                            </select>
                                            <span class="text-danger">
                                                @error('cmbYear')
                                                    {{ $message }}
                                                @enderror
                                            </span>
                                        </div>
                                    </div>

                                    <!-- Select Month Dropdown -->
                                    <div class="col-lg-3 col-sm-6 col-12">
                                        <div class="form-group">
                                            <label>{{ __('sitelabel.SelectMonth') }}</label>
                                            <select class="form-select" name="cmbMonth" id="cmbMonth">
                                                <option value="">{{ __('sitelabel.SelectMonth') }}</option>
                                                @foreach ([
                                                    'January', 'February', 'March', 'April', 'May', 'June',
                                                    'July', 'August', 'September', 'October', 'November', 'December'
                                                ] as $index => $month)
                                                    <option value="{{ $index + 1 }}">{{ $month }}</option>
                                                @endforeach
                                            </select>
                                            <span class="text-danger">
                                                @error('cmbMonth')
                                                    {{ $message }}
                                                @enderror
                                            </span>
                                        </div>
                                    </div>

                                    <div class="col-lg-12">
                                        <button type="submit"
                                            class="btn btn-primary">{{ __('sitelabel.ShowReport') }}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('#cmbVendor, #cmbBank, #cmbBranch, #cmbYear, #cmbMonth').select2({
                theme: "bootstrap-5"
            });

            $("#cmbBank").change(function() {
                var BanksId = $("#cmbBank").val();
                $('#cmbBranch').empty(); // Clear existing options

                if (BanksId !== "-1") { // Ensure a valid bank is selected
                    $.ajax({
                        type: "GET",
                        url: "{{ url('/') }}/getBankBranches/" + BanksId,
                        success: function(data) {
                            $('#cmbBranch').append(data); // Append returned options
                        },
                        error: function(xhr, status, error) {
                            console.error("Error fetching branches:", error);
                            alert("Failed to load branches. Please try again.");
                        }
                    });
                }
            });
        })
    </script>
@endsection