@extends('layouts.app')

@section('title')
Application
@endsection

@section('css')
<link href="{{ asset('build/libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
<!-- Sweet Alert-->
<link href="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('content')

@component('components.breadcrumb')
@slot('li_1') Application @endslot
@slot('title') Create Application @endslot
@endcomponent

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">

                <h4 class="card-title">Bank Details</h4>
                <p class="card-title-desc">
                    Please provide the applicant’s bank account information accurately.
                    These details are required for verifying banking relationships, facilitating disbursements,
                    and ensuring smooth financial transactions related to the loan application.
                </p>

                <div class="row">
                    <div class="col-lg-3 mb-4">
                        <div class="step-sidebar">
                            <a href="{{ route('application.edit', ['section' => 'init', 'leadSN' => $leadSN]) }}">
                                <div class="step-item">
                                    <div class="step-number">1</div>
                                    <div class="step-label">Create Application</div>
                                </div>
                            </a>
                            <a href="{{ route('application.edit', ['section' => 'applicant', 'leadSN' => $leadSN]) }}">
                                <div class="step-item">
                                    <div class="step-number">2</div>
                                    <div class="step-label">Applicant Information</div>
                                </div>
                            </a>
                            <div class="step-item active">
                                <div class="step-number">3</div>
                                <div class="step-label">Bank Details</div>
                            </div>
                            <div class="step-item">
                                <div class="step-number">4</div>
                                <div class="step-label">Contract(s)</div>
                            </div>
                            <div class="step-item">
                                <div class="step-number">5</div>
                                <div class="step-label">Pre-Factoring Payee(s)</div>
                            </div>
                            <div class="step-item">
                                <div class="step-number">6</div>
                                <div class="step-label">Documents</div>
                            </div>
                            <div class="step-item">
                                <div class="step-number">7</div>
                                <div class="step-label">Declarations</div>
                            </div>
                            <div class="step-item">
                                <div class="step-number">8</div>
                                <div class="step-label">Pay Application Fee</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        @if (session('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <i class="mdi mdi-check-all me-2"></i>
                            {{ session('success') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        @endif

                        @if (session('error'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <i class="mdi mdi-block-helper me-2"></i>
                            {{ session('error') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        @endif

                        @php
                        $banksLoop = old('banks') ?? ($banksData ?? []);
                        @endphp
                        <form class="form repeater" method="POST" action="{{ route('application.save', ['section' => 'bank', 'leadSN' => $leadSN ?? null]) }}">
                            @csrf
                            <div data-repeater-list="banks">
                                {{-- Existing Bank Records --}}
                                {{-- @if (!empty($banksData) && $banksData->count() > 0)
                                @foreach ($banksData as $bankInfo)
                                <div data-repeater-item class="row border-bottom mb-3">
                                    <input type="hidden" name="id" value="{{ $bankInfo->serial_no }}" />
                                <div class="col-lg-6 mb-3">
                                    <label for="bank_code">Bank <span class="text-danger">*</span></label>
                                    <select name="bank_code" class="form-select" required>
                                        <option value="">Please select</option>
                                        @foreach ($banks as $bank)
                                        <option value="{{ $bank->bank_code }}" {{ $bankInfo->bank_code == $bank->bank_code ? 'selected' : '' }}>
                                            {{ $bank->bank_name }}
                                        </option>
                                        @endforeach
                                    </select>
                                    @error('banks.*.bank_code')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="acc_no">Account No. <span class="text-danger">*</span></label>
                                    <input type="number" name="acc_no" class="form-control" value="{{ $bankInfo->acc_no }}" required>
                                    @error('banks.*.acc_no')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="facility">Facility</label>
                                    <input type="text" name="facility" class="form-control" value="{{ $bankInfo->facility }}" required>
                                    @error('banks.*.facility')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="limit_amount">Limit</label>
                                    <div class="input-group">
                                        <span class="input-group-text">RM</span>
                                        <input type="number" name="limit_amount" class="form-control" value="{{ $bankInfo->limit_amount }}" inputmode="numeric" step="1" min="1000" required>
                                    </div>
                                    @error('banks.*.limit_amount')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-lg-1 align-self-center mb-3">
                                    <button data-repeater-delete type="button" class="btn btn-danger">
                                        Delete
                                    </button>
                                </div>
                            </div>
                            @endforeach
                            @endif --}}

                            @if (!empty($banksLoop) && count($banksLoop) > 0)
                            @foreach ($banksLoop as $i => $bankInfo)
                            <div data-repeater-item class="row border-bottom mb-3">
                                <input type="hidden" name="serial_no" value="{{ $bankInfo['serial_no'] ?? ($bankInfo->serial_no ?? '') }}" />
                                <div class="col-lg-6 mb-3">
                                    <label>Bank <span class="text-danger">*</span></label>
                                    <select name="bank_code" class="form-select" required>
                                        <option value="">Please select</option>
                                        @foreach ($banks as $bank)
                                        <option value="{{ $bank->bank_code }}" {{ (old('banks.'.$i.'.bank_code', $bankInfo['bank_code'] ?? ($bankInfo->bank_code ?? '')) == $bank->bank_code) ? 'selected' : '' }}>
                                            {{ $bank->bank_name }}
                                        </option>
                                        @endforeach
                                    </select>
                                    @error('banks.'.$i.'.bank_code')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label>Account No. <span class="text-danger">*</span></label>
                                    <input type="number" name="acc_no" class="form-control" value="{{ old('banks.'.$i.'.acc_no', $bankInfo['acc_no'] ?? ($bankInfo->acc_no ?? '')) }}" required>
                                    @error('banks.'.$i.'.acc_no')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label>Facility</label>
                                    <input type="text" name="facility" class="form-control" value="{{ old('banks.'.$i.'.facility', $bankInfo['facility'] ?? ($bankInfo->facility ?? '')) }}">
                                    @error('banks.'.$i.'.facility')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label>Limit</label>
                                    <div class="input-group">
                                        <span class="input-group-text">RM</span>
                                        <input type="number" name="limit_amount" class="form-control" value="{{ old('banks.'.$i.'.limit_amount', $bankInfo['limit_amount'] ?? ($bankInfo->limit_amount ?? '')) }}" inputmode="numeric" step="0.01" min="1000">
                                    </div>
                                    @error('banks.'.$i.'.limit_amount')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-lg-1 align-self-center mb-3">
                                    <button data-repeater-delete type="button" class="btn btn-danger">
                                        Delete
                                    </button>
                                </div>
                            </div>
                            @endforeach
                            @endif

                            {{-- Empty Repeater Item for Adding New Bank Info --}}
                            {{-- @if (empty($banksData) || $banksData->count() == 0) --}}
                            @if (empty($banksLoop) || count($banksLoop) == 0)
                            <div data-repeater-item class="row border-bottom my-3">
                                <input type="hidden" name="id" value="" />
                                <div class="col-lg-6 mb-3">
                                    <label for="bank_code">Bank <span class="text-danger">*</span></label>
                                    <select name="bank_code" class="form-select" required>
                                        <option value="">Please select</option>
                                        @foreach ($banks as $bank)
                                        <option value="{{ $bank->bank_code }}">{{ $bank->bank_name }}</option>
                                        @endforeach
                                    </select>
                                    @error('banks.*.bank_code')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="acc_no">Account No. <span class="text-danger">*</span></label>
                                    <input type="number" name="acc_no" class="form-control" required>
                                    @error('banks.*.acc_no')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="facility">Facility</label>
                                    <input type="text" name="facility" class="form-control">
                                    @error('banks.*.facility')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <label for="limit_amount">Limit</label>
                                    <div class="input-group">
                                        <span class="input-group-text">RM</span>
                                        <input type="number" name="limit_amount" class="form-control" inputmode="numeric" step="0.01" min="1000">
                                    </div>
                                    @error('banks.*.limit_amount')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-lg-1 align-self-center mb-3">
                                    <button data-repeater-delete type="button" class="btn btn-danger">
                                        Delete
                                    </button>
                                </div>
                            </div>
                            @endif

                    </div>

                    <input data-repeater-create type="button" class="btn btn-success mt-3" value="Add Bank" />
                    {{-- <div class="row">
                                <div class="col-lg-6 mb-3">
                                    <label for="bank_code" class="form-label">Bank <span class="text-danger">*</span></label>
                                    <select name="bank_code" id="bank_code" class="form-select select2" required>
                                        <option value="">Please select</option>
                                        @foreach ($banks as $bank)
                                        <option value="{{ $bank->bank_code }}" {{ old('bank_code', optional($lead)->bank_code) == $bank->bank_code ? 'selected' : '' }}>
                    {{ $bank->bank_name }}
                    </option>
                    @endforeach
                    </select>
                    @error('bank_code')
                    <small class="text-danger">{{ $message }}</small>
                    @enderror
                </div>
                <div class="col-lg-6 mb-3">
                    <label for="acc_no" class="form-label">Account No. <span class="text-danger">*</span></label>
                    <input type="number" name="acc_no" id="acc_no" class="form-control" value="{{ old('acc_no', optional($lead)->acc_no) }}" required>
                    @error('acc_no')
                    <small class="text-danger">{{ $message }}</small>
                    @enderror
                </div>
                <div class="col-lg-6 mb-3">
                    <label for="facility" class="form-label">Facility</label>
                    <input type="text" name="facility" id="facility" class="form-control" value="{{ old('facility', optional($lead)->facility) }}" required>
                    @error('facility')
                    <small class="text-danger">{{ $message }}</small>
                    @enderror
                </div>
                <div class="col-lg-6 mb-3">
                    <label for="limit_amount" class="form-label">Limit</label>
                    <div class="input-group">
                        <span class="input-group-text">RM</span>
                        <input type="number" id="limit_amount" name="limit_amount" class="form-control" value="{{ old('limit_amount', $lead->limit_amount ?? '') }}" inputmode="numeric" step="1" min="1000" required>
                        @error('limit_amount')
                        <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                </div>
            </div> --}}
            <div class="text-end">
                <a class="btn btn-light me-2" href="{{ route('application.edit', ['section' => 'applicant', 'leadSN' => $leadSN]) }}">Previous</a>
                <button type="submit" class="btn btn-primary">Save & Continue</button>
            </div>

            </form>
        </div>
    </div>
</div>
</div>
</div> <!-- end col -->
</div>
<!-- end row -->

@endsection
@section('script')

{{-- select2 --}}
<script src="{{ asset('build/libs/select2/js/select2.min.js') }}"></script>
<script src="{{ asset('build/js/pages/form-advanced.init.js') }}"></script>

<!-- Sweet Alerts js -->
<script src="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.js') }}"></script>

<!-- form repeater js -->
<script src="{{ URL::asset('build/libs/jquery.repeater/jquery.repeater.min.js') }}"></script>
<script src="{{ URL::asset('build/js/pages/form-repeater.int.js') }}"></script>

@endsection