@extends('backend.layouts.app')
@section('backend_title', 'Admin Brand Create')

@section('backend_content')

    <div class="row">
        <div class="col-lg-12 col-lg-offset-5">
            <div class="card">
                <div class="card-body">
                    <form action="{{ route('bank_transaction_Update', $bankTrList->id) }}" method="POST">
                        @csrf
                        <h5 class="font-weight-bolder">Bank Transaction Update</h5>
                        <hr>
                        <div class="row">

                            <div class="col-lg-2 col-md-3 col-12 mb-2">
                                <label>Transaction Number</label>
                                <input type="text" readonly class="form-control" value="{{ $bankTrList->tr_number }}">
                            </div>

                            <div class="col-lg-1 col-md-3 col-12 mb-2">
                                <label>Date</label>
                                <input class="form-control" readonly type="text" name="tr_Date" placeholder=""
                                    value="{{ \carbon\Carbon::now()->format('Y-m-d') }}" />
                                @error('Date')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-lg-1 col-md-3 col-12 mb-2">
                                <label>Bank Name</label>
                                <select name="bank_id" class="form-control" disabled>
                                    <option value="" selected>{{$bankTrList->bank_accounts?->bank_name}}</option>
                                </select>
                                @error('bank_id')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-lg-1 col-md-3 col-12 mb-2">
                                <label>Tr. Type</label>
                                <select name="tr_type" class="form-control" id="tr_type" disabled>
                                    <option value="" selected>Select any one</option>
                                    <option value="withdraw" {{ $bankTrList->tr_type == 'withdraw' ? 'selected' : '' }}>
                                        Payment</option>
                                    <option value="deposit" {{ $bankTrList->tr_type == 'deposit' ? 'selected' : '' }}>
                                        Receive</option>
                                </select>
                                @error('tr_type')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-lg-2 col-md-3 col-12 mb-2">
                                <label>Transaction Head</label>
                                <select name="tr_id" class="form-control" id="tr_id" disabled>
                                    <option value="" selected>Select any one</option>
                                </select>
                                @error('tr_id')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-lg-2 col-md-3 col-12 mb-2">
                              <label>Cheque Number</label>
                              <input class="form-control" readonly type="text" name="chequeNumber" placeholder=""
                                  value="{{ $bankTrList->chequeNumber }}" />
                              @error('chequeNumber')
                                  <div class="form-text text-danger">{{ $message }}</div>
                              @enderror
                          </div>

                          <div class="col-lg-2 col-md-3 col-12 mb-2">
                              <label>Cheque Date</label>
                              <input class="form-control" readonly type="date" name="chequeDate" placeholder=""
                                  value="{{ $bankTrList->chequeDate }}" />
                              @error('chequeDate')
                                  <div class="form-text text-danger">{{ $message }}</div>
                              @enderror
                          </div>

                            <div class="col-lg-1 col-md-3 col-12 mb-2">
                                <label>Amount</label>
                                <input class="form-control" readonly type="text" name="amount" placeholder="0.00"
                                    value="{{ $bankTrList->tr_type == 'withdraw' ? $bankTrList->amount_out : $bankTrList->amount_in }}" />
                                @error('cash_in_amount')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-lg-2 col-md-3 col-12 mb-2 mt-3" id="bankList" style="display: {{ $bankTrList->supplier_id ? 'block' : 'none'}};">
                              <label>Supplyer Name</label>
                              <select name="supplier_id" class="form-control" disabled>
                                  <option value="" selected>Select any one</option>
                                  @isset($supplierList)
                                      @foreach ($supplierList as $item)
                                          <option value="{{ $item->id }}" {{ $item->id == $bankTrList->supplier_id ? 'selected' : ''}}>{{ $item->company_name }}</option>
                                      @endforeach
                                  @endisset
                              </select>
                              @error('supplier_id')
                                  <div class="form-text text-danger">{{ $message }}</div>
                              @enderror
                          </div>

                          <div class="col-lg-2 col-md-3 col-12 mb-2 mt-3 payment_received" style="display: {{ $bankTrList->customer_id ? 'block' : 'none'}};">
                              <label>Customer Name</label>
                              <select name="customer_id" class="form-control" disabled>
                                  <option value="" selected>Select any one</option>
                                  @isset($customerList)
                                      @foreach ($customerList as $item)
                                          <option value="{{ $item->id }}" {{ $item->id == $bankTrList->customer_id ? 'selected' : ''}}>{{ $item->name }}</option>
                                      @endforeach
                                  @endisset
                              </select>
                              @error('customer_id')
                                  <div class="form-text text-danger">{{ $message }}</div>
                              @enderror
                          </div>

                          <div class="col-lg-2 col-md-3 col-12 mt-3 mb-2 payment_received" style="display: {{ $bankTrList->employee_id ? 'block' : 'none'}};">
                              <label>Receiver Name</label>
                              <select name="employee_id" class="form-control" disabled>
                                  <option value="" selected>Select any one</option>
                                  @isset($employeeList)
                                      @foreach ($employeeList as $item)
                                          <option value="{{ $item->id }}" {{ $item->id == $bankTrList->employee_id ? 'selected' : ''}}>{{ $item->name }}
                                              ({{ $item->employee_id }})</option>
                                      @endforeach
                                  @endisset
                              </select>
                              @error('employee_id')
                                  <div class="form-text text-danger">{{ $message }}</div>
                              @enderror
                          </div>

                            <div class="col-lg-12 col-md-12 col-12 mb-2">
                                <label>Transaction Description</label>
                                <textarea name="description" readonly cols="48" rows="2" class="form-control">{{ $bankTrList->note }}</textarea>
                                @error('description')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                        </div>
                        <div class="mt-2">
                            <button type="submit" class="btn btn-primary">Update</button>
                            <a href="{{ route('bank_transactions') }}" class="btn btn-success">Return List</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var trTypeSelect = document.getElementById('tr_type');
            var trIdSelect = document.getElementById('tr_id');
            var expenseList = @json($expenseList);
            var incomeList = @json($incomeList);
            var selectedTrType =
            "{{ $bankTrList->tr_type }}"; // Fetches the selected transaction type (cash_in/cash_out)
            var selectedTrId =
                "{{ $bankTrList->expenses?->id ? 'expense_' . $bankTrList->expenses->id : 'income_' . $bankTrList->incomes?->id }}"; // Fetches the correct tr_id

            function populateTransactionHead(type) {
                trIdSelect.innerHTML =
                '<option value="" selected>Select any one</option>'; // Clear existing options

                if (type === 'withdraw') {
                    // Populate with expense list
                    expenseList.forEach(function(expense) {
                        var option = document.createElement('option');
                        option.value = 'expense_' + expense.id;
                        option.text = expense.head_of_expense;
                        if ('expense_' + expense.id === selectedTrId) {
                            option.selected = true; // Pre-select the correct expense
                        }
                        trIdSelect.appendChild(option);
                    });
                } else if (type === 'deposit') {
                    // Populate with income list
                    incomeList.forEach(function(income) {
                        var option = document.createElement('option');
                        option.value = 'income_' + income.id;
                        option.text = income.head_of_income;
                        if ('income_' + income.id === selectedTrId) {
                            option.selected = true; // Pre-select the correct income
                        }
                        trIdSelect.appendChild(option);
                    });
                }
            }

            // Initially populate the Transaction Head dropdown based on the existing transaction type and selection
            if (selectedTrType) {
                trTypeSelect.value = selectedTrType; // Set the selected type in the dropdown
                populateTransactionHead(selectedTrType); // Populate the dropdown options
            }

            // Listen for changes in Transaction Type and update the Transaction Head dropdown accordingly
            trTypeSelect.addEventListener('change', function() {
                populateTransactionHead(this.value);
            });
        });
    </script>

@endsection

@section('beackend_scripts')

@endsection