@extends('master')
@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">
                    <h4>{{ __('sitelabel.UpdatePOSBankCashDeposit') }}</h4>
                </div>
            </div>
            <form method="POST" action="{{ url('/') }}/editposbankcashdepositprocess" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="hdid" value="{{ $posbankcashdeposit->Id }}">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3 col-12 d-flex">
                                <div class="form-group w-50 pe-2">
                                    <label><strong>{{ __('sitelabel.Bank') }}</strong></label>
                                    <input type="radio" class="form-check-input" id="rdoBank" name="rdoBankCash" value="Bank"
                                        {{ $posbankcashdeposit->DepositMethod == 'Bank' ? 'checked' : '' }}>
                                </div>
                                <div class="form-group w-50 ps-2">
                                    <label><strong>{{ __('sitelabel.Cash') }}</strong></label>
                                    <input type="radio" class="form-check-input" id="rdoCash" name="rdoBankCash" value="Cash"
                                        {{ $posbankcashdeposit->DepositMethod == 'Cash' ? 'checked' : '' }}>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SeleactPaymentType') }}<span class="text-danger">*</span></label>
                                    <select class="form-select" name="cmbPaymentType" id="cmbPaymentType" onchange="togglePaymentFields()">
                                        <option value="-1">{{ __('sitelabel.SeleactPaymentType') }}</option>
                                        @foreach ($paymenttype as $payment)
                                            <option value="{{ $payment->Id }}"
                                                {{ $posbankcashdeposit->PaymentTypeId == $payment->Id ? 'selected' : '' }}>
                                                {{ $payment->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger">@error('cmbPaymentType') {{ $message }} @enderror</span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.BankTransactionNo') }}</label>
                                    <input type="text" class="form-control" id="txtBankTransactionNo" name="txtBankTransactionNo"
                                        value="{{ $posbankcashdeposit->BankTransactionNo }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Amount') }}<span class="text-danger">*</span></label>
                                    <input type="number" class="form-control" id="txtAmount" name="txtAmount"
                                        value="{{ $posbankcashdeposit->Amount }}">
                                    <span class="text-danger">@error('txtAmount') {{ $message }} @enderror</span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.DepositDate') }}<span class="text-danger">*</span></label>
                                    <input type="date" class="form-control" id="txtDepositDate" name="txtDepositDate"
                                        value="{{ \Carbon\Carbon::parse($posbankcashdeposit->BankCashDepositDate)->format('Y-m-d') }}">
                                    <span class="text-danger">@error('txtDepositDate') {{ $message }} @enderror</span>
                                </div>
                            </div>
                            <div class="col-lg-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.BankReceipt') }}</label>
                                    <input type="file" class="form-control" id="txtBankReceipt" name="txtBankReceipt"
                                        accept=".jpg, .jpeg, .png, .pdf, .heic">
                                    <input type="hidden" name="existingBankReceipt" value="{{ $posbankcashdeposit->BankReceipt }}">
                                    @if($posbankcashdeposit->BankReceipt)
                                        <small>Current file: <a href="{{ url($posbankcashdeposit->BankReceipt) }}" target="_blank">View</a></small>
                                    @endif
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Status') }}</label>
                                    <input class="form-check-input" type="checkbox" id="chkStatus" name="chkStatus"
                                        {{ $posbankcashdeposit->Status == 1 ? 'checked' : '' }}>
                                </div>
                            </div>
                            <div id="bankFields" style="display: none;" class="row">
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.SeleactBank') }}</label>
                                        <select class="form-select" name="cmbBank" id="cmbBank">
                                            <option value="-1">{{ __('sitelabel.SeleactBank') }}</option>
                                            @foreach ($bank as $b)
                                                <option value="{{ $b->Id }}"
                                                    {{ $posbankcashdeposit->BankId == $b->Id ? 'selected' : '' }}>
                                                    {{ $b->Name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.SelectBranch') }}</label>
                                        <select class="form-select" name="cmbBranch" id="cmbBranch">
                                            <!-- Branches will be populated via AJAX -->
                                        </select>
                                        <input type="hidden" name="hdBankChartOfAccountId" id="hdBankChartOfAccountId"
                                            value="{{ $posbankcashdeposit->BankBranchId }}">
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.ChequeNO') }}</label>
                                        <input type="text" class="form-control" id="txtChequeNO" name="txtChequeNO"
                                            value="{{ $posbankcashdeposit->ChequeNo }}">
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.ChequeDate') }}</label>
                                        <input type="date" class="form-control" id="txtChequeDate" name="txtChequeDate"
                                            value="{{ $posbankcashdeposit->ChequeDate }}">
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.ChequeCashDate') }}</label>
                                        <input type="date" class="form-control" id="txtChequeCashDate" name="txtChequeCashDate"
                                            value="{{ $posbankcashdeposit->ChequeCashDate }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Note') }}</label>
                                    <textarea class="form-control" id="txtNote" name="txtNote">{{ $posbankcashdeposit->Notes }}</textarea>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">{{ __('sitelabel.Save') }}</button>
                                <button type="button" class="btn btn-dark"
                                    onclick="javascript:window.location='{{ url('/posbankcashdeposit') }}';">
                                    {{ __('sitelabel.Back') }}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $(document).ready(function() {
            $('#cmbBranch, #cmbPaymentType, #cmbBank').select2({
                theme: "bootstrap-5",
            });

            // Load initial branches based on selected bank
            var initialBankId = $("#cmbBank").val();
            if (initialBankId !== "-1") {
                $.ajax({
                    type: "GET",
                    url: "{{ url('/') }}/api/getBankBranches/" + initialBankId,
                    success: function(data) {
                        $('#cmbBranch').append(data);
                        $('#cmbBranch').val("{{ $posbankcashdeposit->BankBranchId }}").trigger('change');
                    },
                    error: function(xhr, status, error) {
                        console.error("Error fetching branches:", error);
                    }
                });
            }

            $("#cmbBank").change(function() {
                var BanksId = $("#cmbBank").val();
                $('#cmbBranch').empty();
                if (BanksId !== "-1") {
                    $.ajax({
                        type: "GET",
                        url: "{{ url('/') }}/api/getBankBranches/" + BanksId,
                        success: function(data) {
                            $('#cmbBranch').append(data);
                        },
                        error: function(xhr, status, error) {
                            console.error("Error fetching branches:", error);
                            alert("Failed to load branches. Please try again.");
                        }
                    });
                }
            });

            $("#cmbBranch").change(function() {
                var BankBranchId = $("#cmbBranch").val();
                if (BankBranchId !== "-1") {
                    $.ajax({
                        type: "GET",
                        url: "{{ url('/') }}/api/GetBankBranchById/" + BankBranchId,
                        success: function(data) {
                            if (data && data.length > 0) {
                                $("#hdBankChartOfAccountId").val(data[0].ChartOfAccountId);
                            }
                        },
                        error: function(xhr, status, error) {
                            console.error("Error fetching branch data:", error);
                        }
                    });
                }
            });

            togglePaymentFields();
        });

        function togglePaymentFields() {
            const paymentType = document.getElementById('cmbPaymentType').value;
            const bankFields = document.getElementById('bankFields');
            bankFields.style.display = (paymentType == 4 || paymentType == 5 || paymentType == 6) ? 'flex' : 'none';
        }

        document.addEventListener('DOMContentLoaded', togglePaymentFields);
    </script>
@endsection