@extends('layouts.app')

@section('title', 'Edit Lead')

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

@section('content')

@component('components.breadcrumb')
@slot('li_1') Lead Applications @endslot
@slot('title') Edit Lead @endslot
@endcomponent

@php
    use App\Models\Info\FactoringCategory;

    $factoring = $factoringCategories->where('code', FactoringCategory::CODE_FACTORING)->first();
    $pre_factoring = $factoringCategories->where('code', FactoringCategory::CODE_PRE_FACTORING)->first();
@endphp

{{-- Alert Messages --}}
@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-alert-circle-outline me-2"></i> {{ session('error') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if ($errors->any())
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <i class="mdi mdi-alert-circle-outline me-2"></i> Please fix the errors below.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<ul class="list-group mb-3">
    @foreach ($errors->all() as $error)
    <li class="list-group-item list-group-item-danger">{{ $error }}</li>
    @endforeach
</ul>
@endif

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                @if (session('init_success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-check-all me-2"></i> {{ session('init_success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

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

                @php
                    $leadRemarks = [];

                    if ($lead->verify_status_1 === 'rejected' && !empty($lead->verify_remarks_1)) {
                        $leadRemarks[] = $lead->verify_remarks_1;
                    }

                    if ($lead->verify_status_2 === 'rejected' && !empty($lead->verify_remarks_2)) {
                        $leadRemarks[] = $lead->verify_remarks_2;
                    }
                @endphp

                @if(count($leadRemarks))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-alert-circle-outline me-2"></i>
                        <strong>Rejected Reason(s):</strong>

                        <ul class="mb-0 mt-2">
                            @foreach($leadRemarks as $remark)
                                <li>{{ $remark }}</li>
                            @endforeach
                        </ul>

                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                @endif

                <h4 class="card-title">Lead Information</h4>
                <p class="card-title-desc">Edit lead details below.</p>
                {{-- Lead information form --}}
                @include('components.forms.lead-information')
            </div>
        </div>
    </div>
    <div class="col-lg-12 mt-4" id="applicant">
        <div class="card">
            <div class="card-body">
                {{-- Applicant Alert Messages --}}
                @if (session('applicant_success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-check-all me-2"></i> {{ session('applicant_success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

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

                @php
                    $applicantRemarks = [];

                    if ($lead->applicant) {
                        
                        if ($lead->applicant->verify_status_1 === 'rejected' && !empty($lead->applicant->verify_remarks_1)) {
                            $applicantRemarks[] = $lead->applicant->verify_remarks_1;
                        }

                        if ($lead->applicant->verify_status_2 === 'rejected' && !empty($lead->applicant->verify_remarks_2)) {
                            $applicantRemarks[] = $lead->applicant->verify_remarks_2;
                        }
                    }

                @endphp

                @if(count($applicantRemarks))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-alert-circle-outline me-2"></i>
                        <strong>Rejected Reason(s):</strong>

                        <ul class="mb-0 mt-2">
                            @foreach($applicantRemarks as $remark)
                                <li>{{ $remark }}</li>
                            @endforeach
                        </ul>

                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                @endif

                <h4 class="card-title">Applicant Detail</h4>
                <p class="card-title-desc">Edit applicant information below.</p>
                {{-- Lead applicant detail form --}}
                @include('components.forms.lead-applicant')
            </div>
        </div>
    </div>
    <div class="col-lg-12 mt-4" id="shareholder">
        <div class="card">
            <div class="card-body">
                @php
                    $shareholderRemarks = [];

                    foreach ($lead->shareholders as $shareholderR) {
                        if ($shareholderR->verify_status_1 === 'rejected' && !empty($shareholderR->verify_remarks_1)) {
                            $shareholderRemarks[] = $shareholderR->verify_remarks_1;
                        }

                        if ($shareholderR->verify_status_2 === 'rejected' && !empty($shareholderR->verify_remarks_2)) {
                            $shareholderRemarks[] = $shareholderR->verify_remarks_2;
                        }
                    }
                @endphp

                @if(count($shareholderRemarks))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-alert-circle-outline me-2"></i>
                        <strong>Rejected Reason(s):</strong>

                        <ul class="mb-0 mt-2">
                            @foreach($shareholderRemarks as $remark)
                                <li>{{ $remark }}</li>
                            @endforeach
                        </ul>

                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                @endif
                <h4 class="card-title">Shareholders / Directors / Partners / Proprietor</h4>
                <p class="card-title-desc">
                    Please provide details of the shareholders, directors, partners, or proprietor of the applicant.
                    This information is used to verify ownership structure and management of the applicant.
                </p>
                @if (session('shareholder_success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-check-all me-2"></i>
                    {{ session('shareholder_success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

                @if (session('shareholder_error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-block-helper me-2"></i>
                    {{ session('shareholder_error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif
                <form autocomplete="off" class="repeater" method="POST" action="{{ route('lead.update', ['section' => 'shareholder', 'serial_no' => $lead->serial_no]) }}">
                    @csrf
                    <div data-repeater-list="shareholders">
                        @if (!empty($shareholders) && $shareholders->count() > 0)
                        @foreach ($shareholders as $shareholder)
                        <div data-repeater-item class="row border-bottom mb-3">
                            <input type="hidden" name="serial_no" value="{{ $shareholder->serial_no }}" />
                            <div class="mb-3 col-lg-5">
                                <label for="name">Name <span class="text-danger">*</span></label>
                                <input type="text" id="name" name="name" class="form-control" placeholder="Enter Name" value="{{ $shareholder->name }}" required />
                                @error('shareholders.*.name')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-4">
                                <label for="designation">Designation</label>
                                <input type="text" id="designation" name="designation" class="form-control" placeholder="e.g. Director, Shareholder, Partner, Proprietor" value="{{ $shareholder->designation }}" />
                                @error('shareholders.*.designation')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-2">
                                <label for="shareholding_percent">Shareholding (%)</label>
                                <input type="number" id="shareholding_percent" name="shareholding_percent" class="form-control" placeholder="0.00" value="{{ $shareholder->shareholding_percent }}" min="0" max="100" step="0.01" />
                                @error('shareholders.*.shareholding_percent')
                                <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($shareholders) || $shareholders->count() == 0)
                        <div data-repeater-item class="row border-bottom mb-3">
                            <input type="hidden" name="serial_no" value="" />
                            <div class="mb-3 col-lg-5">
                                <label for="name">Name <span class="text-danger">*</span></label>
                                <input type="text" id="name" name="name" class="form-control" placeholder="Enter Name" required />
                                @error('shareholders.*.name')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-4">
                                <label for="designation">Designation</label>
                                <input type="text" id="designation" name="designation" class="form-control" placeholder="e.g. Director, Shareholder, Partner, Proprietor" />
                                @error('shareholders.*.designation')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-2">
                                <label for="shareholding_percent">Shareholding (%)</label>
                                <input type="number" id="shareholding_percent" name="shareholding_percent" class="form-control" placeholder="0.00" min="0" max="100" step="0.01" />
                                @error('shareholders.*.shareholding_percent')
                                <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 Shareholder" />
                    <div class="text-end mt-3">
                        <button type="submit" class="btn btn-primary">Save Shareholder Details</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-lg-12 mt-4" id="bank">
        <div class="card">
            <div class="card-body">
                @php
                    $bankRemarks = [];

                    foreach ($lead->banks as $bank) {
                        if ($bank->verify_status_1 === 'rejected' && !empty($bank->verify_remarks_1)) {
                            $bankRemarks[] = $bank->verify_remarks_1;
                        }

                        if ($bank->verify_status_2 === 'rejected' && !empty($bank->verify_remarks_2)) {
                            $bankRemarks[] = $bank->verify_remarks_2;
                        }
                    }
                @endphp

                @if(count($bankRemarks))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-alert-circle-outline me-2"></i>
                        <strong>Rejected Reason(s):</strong>

                        <ul class="mb-0 mt-2">
                            @foreach($bankRemarks as $remark)
                                <li>{{ $remark }}</li>
                            @endforeach
                        </ul>

                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                @endif
                <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>
                @if (session('bank_success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-check-all me-2"></i>
                    {{ session('bank_success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

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

                @php
                $banksLoop = old('banks') ?? ($banksData ?? []);
                @endphp
                <form  autocomplete="off" class="repeater" method="POST" action="{{ route('lead.update', ['section' => 'bank', 'serial_no' => $lead->serial_no]) }}">
                    @csrf
                    <div data-repeater-list="banks">
                        @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> --}}
                                <input type="text" name="acc_no" class="form-control digits-only" 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

                        @if (empty($banksLoop) || count($banksLoop) == 0)
                        <div data-repeater-item class="row border-bottom my-3">
                            <input type="hidden" name="serial_no" value="" />
                            <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 }}">{{ $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>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>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>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="text-end mt-3">
                        <button type="submit" class="btn btn-primary">Save Bank Details</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-lg-12 mt-4" id="contract">
        <div class="card">
            <div class="card-body">
                @php
                    $contractRemarks = [];

                    foreach ($lead->contracts as $contractR) {
                        if ($contractR->verify_status_1 === 'rejected' && !empty($contractR->verify_remarks_1)) {
                            $contractRemarks[] = $contractR->verify_remarks_1;
                        }

                        if ($contractR->verify_status_2 === 'rejected' && !empty($contractR->verify_remarks_2)) {
                            $contractRemarks[] = $contractR->verify_remarks_2;
                        }
                    }
                @endphp

                @if(count($contractRemarks))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-alert-circle-outline me-2"></i>
                        <strong>Rejected Reason(s):</strong>

                        <ul class="mb-0 mt-2">
                            @foreach($contractRemarks as $remark)
                                <li>{{ $remark }}</li>
                            @endforeach
                        </ul>

                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                @endif
                <h4 class="card-title">Contract Information</h4>
                <p class="card-title-desc">
                    Please provide details of the applicant’s active or awarded contracts.
                    This information is used to assess the applicant’s financial obligations, verify contract legitimacy,
                    and determine eligibility for contract-based financing or factoring facilities.
                </p>
                @if (session('contract_success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-check-all me-2"></i>
                    {{ session('contract_success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

                @if (session('contract_error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-block-helper me-2"></i>
                    {{ session('contract_error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif
                <form autocomplete="off" class="repeater" method="POST" action="{{ route('lead.update', ['section' => 'contract', 'serial_no' => $lead->serial_no]) }}">
                    @csrf
                    <div data-repeater-list="contracts">
                        @if (!empty($contracts) && $contracts->count() > 0)
                        @foreach ($contracts as $contract)
                        <div data-repeater-item class="row border-bottom mb-3">
                            <input type="hidden" name="id" value="{{ $contract->id }}" />
                            <div class="mb-3 col-lg-12">
                                <label for="contract_title">Contract Title <span class="text-danger">*</span></label>
                                <textarea id="contract_title" name="contract_title" class="form-control" placeholder="Enter Contract Title" rows="4" required>{{ $contract->contract_title }}</textarea>
                                @error('contracts.*.contract_title')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-6">
                                <label for="awarder_type">Awarder Type <span class="text-danger">*</span></label>
                                <select id="awarder_type" name="awarder_type" class="form-select" required>
                                    <option value="">Select Awarder Type</option>
                                    @foreach ($awarder_types as $type)
                                    <option value="{{ $type->code }}" {{ $contract->awarder_type == $type->code ? 'selected' : '' }}>
                                        {{ $type->description }}
                                    </option>
                                    @endforeach
                                </select>
                                @error('contracts.*.awarder_type')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-6">
                                <label for="awarder_name">Awarder Name <span class="text-danger">*</span></label>
                                <input type="text" id="awarder_name" name="awarder_name" class="form-control" placeholder="Enter Awarder Name" value="{{ $contract->awarder_name }}" required />
                                @error('contracts.*.awarder_name')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-4">
                                <label for="contract_value">Contract Amount <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <span class="input-group-text">RM</span>
                                    <input type="number" id="contract_value" name="contract_value" class="form-control" placeholder="Enter Amount" value="{{ $contract->contract_value }}" min="0" step="0.01" required />
                                </div>
                                @error('contracts.*.contract_value')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-3">
                                <label for="tenure_period">Tenure <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <input type="number" id="tenure_period" name="tenure_period" class="form-control" placeholder="Enter Tenure" value="{{ $contract->tenure_period }}" min="1" step="1" required />
                                    <span class="input-group-text">month(s)</span>
                                </div>
                                @error('contracts.*.tenure_period')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-4">
                                <label for="payment_method">Payment Method <span class="text-danger">*</span></label>
                                <select id="payment_method" name="payment_method" class="form-select" required>
                                    <option value="">Select Payment Method</option>
                                    @foreach ($payment_methods as $method)
                                    <option value="{{ $method->code }}" {{ $contract->payment_method == $method->code ? 'selected' : '' }}>
                                        {{ $method->description }}
                                    </option>
                                    @endforeach
                                </select>
                                @error('contracts.*.payment_method')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-lg-1 align-self-center">
                                <button data-repeater-delete type="button" class="btn btn-danger">
                                    Delete
                                </button>
                            </div>
                        </div>
                        @endforeach
                        @else
                        <div data-repeater-item class="row border-bottom mb-3">
                            <input type="hidden" name="id" value="" />
                            <div class="mb-3 col-lg-12">
                                <label for="contract_title">Contract Title <span class="text-danger">*</span></label>
                                <textarea id="contract_title" name="contract_title" class="form-control" placeholder="Enter Contract Title" rows="4" required></textarea>
                                @error('contracts.*.contract_title')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-6">
                                <label for="awarder_type">Awarder Type <span class="text-danger">*</span></label>
                                <select id="awarder_type" name="awarder_type" class="form-select" required>
                                    <option value="">Select Awarder Type</option>
                                    @foreach ($awarder_types as $type)
                                    <option value="{{ $type->code }}">{{ $type->description }}</option>
                                    @endforeach
                                </select>
                                @error('contracts.*.awarder_type')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-6">
                                <label for="awarder_name">Awarder Name <span class="text-danger">*</span></label>
                                <input type="text" id="awarder_name" name="awarder_name" class="form-control" placeholder="Enter Awarder Name" required />
                                @error('contracts.*.awarder_name')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-4">
                                <label for="contract_value">Contract Amount <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <span class="input-group-text">RM</span>
                                    <input type="number" id="contract_value" name="contract_value" class="form-control" placeholder="Enter Amount" min="0" step="0.01" required />
                                </div>
                                @error('contracts.*.contract_value')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-3">
                                <label for="tenure_period">Tenure <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <input type="number" id="tenure_period" name="tenure_period" class="form-control" placeholder="Enter Tenure" min="1" step="1" required />
                                    <span class="input-group-text">month(s)</span>
                                </div>
                                @error('contracts.*.tenure_period')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-4">
                                <label for="payment_method">Payment Method <span class="text-danger">*</span></label>
                                <select id="payment_method" name="payment_method" class="form-select" required>
                                    <option value="">Select Payment Method</option>
                                    @foreach ($payment_methods as $method)
                                    <option value="{{ $method->code }}">{{ $method->description }}</option>
                                    @endforeach
                                </select>
                                @error('contracts.*.payment_method')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-lg-1 align-self-center">
                                <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 Contract" />
                    <div class="text-end mt-3">
                        <button type="submit" class="btn btn-primary">Save Contracts</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-lg-12 mt-4" id="payee">
        <div class="card">
            <div class="card-body">
                @php
                    $payeesRemarks = [];

                    foreach ($lead->payees as $payeesR) {
                        if ($payeesR->verify_status_1 === 'rejected' && !empty($payeesR->verify_remarks_1)) {
                            $payeesRemarks[] = $payeesR->verify_remarks_1;
                        }

                        if ($payeesR->verify_status_2 === 'rejected' && !empty($payeesR->verify_remarks_2)) {
                            $payeesRemarks[] = $payeesR->verify_remarks_2;
                        }
                    }
                @endphp
                @if(count($payeesRemarks))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-alert-circle-outline me-2"></i>
                        <strong>Rejected Reason(s):</strong>

                        <ul class="mb-0 mt-2">
                            @foreach($payeesRemarks as $remark)
                                <li>{{ $remark }}</li>
                            @endforeach
                        </ul>

                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                @endif
                <h4 class="card-title">Pre-Factoring Payee</h4>
                <p class="card-title-desc">
                    Please provide details of the payee(s) information. This section is required only if you are applying for a <strong>Pre-Factoring</strong> or <strong>Post-Factoring</strong> facility.
                    The information will be used to verify payee legitimacy, assess financial obligations, and determine eligibility for Payee-based financing or factoring facilities.
                </p>
                @if (session('payee_success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-check-all me-2"></i>
                    {{ session('payee_success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

                @if (session('payee_error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-block-helper me-2"></i>
                    {{ session('payee_error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif
                <form autocomplete="off" class="repeater" method="POST" action="{{ route('lead.update', ['section' => 'payee', 'serial_no' => $lead->serial_no]) }}">
                    @csrf
                    <div data-repeater-list="payees">
                        @if (!empty($payees) && $payees->count() > 0)
                        @foreach ($payees as $payee)
                        <div data-repeater-item class="row border-bottom mb-3">
                            <input type="hidden" name="serial_no" value="{{ $payee->serial_no }}" />
                            <div class="mb-3 col-lg-12">
                                <label for="company">Company Name <span class="text-danger">*</span></label>
                                <input required type="text" id="company" name="company" class="form-control" placeholder="Enter company name" value="{{ $payee->company }}">
                                @error('payees.*.company')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-6">
                                <label for="address_1">Address (Line 1) <span class="text-danger">*</span></label>
                                <input required type="text" id="address_1" name="address_1" class="form-control" value="{{ $payee->address_1 }}">
                                @error('payees.*.address_1')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-6">
                                <label for="address_2">Address (Line 2)</label>
                                <input type="text" id="address_2" name="address_2" class="form-control" value="{{ $payee->address_2 }}">
                                @error('payees.*.address_2')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-4">
                                <label for="postcode">Postcode <span class="text-danger">*</span></label>
                                <input required type="text" id="postcode" name="postcode" class="form-control postcode-input" value="{{ old('payees.' . $loop->index . '.postcode', $payee->postcode ?? '') }}" onblur="getCityState(this)">
                                @error('payees.*.postcode')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-4">
                                <label for="city">City <span class="text-danger">*</span></label>
                                <input required type="text" id="city" name="city" class="form-control city-input" value="{{ old('payees.' . $loop->index . '.city', $payee->city ?? '') }}">
                                @error('payees.*.city')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-4">
                                <label for="state">State <span class="text-danger">*</span></label>
                                <select required id="state" name="state" class="form-select state-input">
                                    <option value="">State</option>
                                    @foreach ($states as $state)
                                    <option value="{{ $state->code }}" {{ old('payees.' . $loop->index . '.state', $payee->state ?? '') == $state->code ? 'selected' : '' }}>
                                        {{ $state->name }}
                                    </option>
                                    @endforeach
                                </select>
                                @error('payees.*.state')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-8">
                                <label for="purpose">Purpose <span class="text-danger">*</span></label>
                                <input required type="text" id="purpose" name="purpose" class="form-control" value="{{ $payee->purpose }}">
                                @error('payees.*.purpose')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-lg-3 mb-3">
                                <label for="amount" class="form-label">Amount</label>
                                <div class="input-group">
                                    <span class="input-group-text">RM</span>
                                    <input type="number" id="amount" name="amount" class="form-control" value="{{ old('amount', $payee->amount ?? '') }}" inputmode="numeric" step="0.01" min="1000">
                                    @error('payees.*.amount')
                                    <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-1 align-self-center">
                                <button data-repeater-delete type="button" class="btn btn-danger">
                                    Delete
                                </button>
                            </div>
                        </div>
                        @endforeach
                        @endif
                        @if (empty($payees) || $payees->count() == 0)
                        <div data-repeater-item class="row border-bottom mb-3">
                            <input type="hidden" name="serial_no" value="" />
                            <div class="mb-3 col-lg-12">
                                <label>Company Name <span class="text-danger">*</span></label>
                                <input required type="text" name="company" class="form-control" placeholder="Enter company name">
                                @error('payees.*.company')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-6">
                                <label>Address (Line 1) <span class="text-danger">*</span></label>
                                <input required type="text" name="address_1" class="form-control">
                                @error('payees.*.address_1')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-6">
                                <label>Address (Line 2)</label>
                                <input type="text" name="address_2" class="form-control">
                                @error('payees.*.address_2')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-4">
                                <label>Postcode <span class="text-danger">*</span></label>
                                <input required type="text" name="postcode" class="form-control postcode-input" onblur="getCityState(this)">
                                @error('payees.*.postcode')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-4">
                                <label>City <span class="text-danger">*</span></label>
                                <input required type="text" name="city" class="form-control city-input">
                                @error('payees.*.city')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-4">
                                <label>State <span class="text-danger">*</span></label>
                                <select required name="state" class="form-select state-input">
                                    <option value="">State</option>
                                    @foreach ($states as $state)
                                    <option value="{{ $state->code }}">{{ $state->name }}</option>
                                    @endforeach
                                </select>
                                @error('payees.*.state')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3 col-lg-8">
                                <label>Purpose <span class="text-danger">*</span></label>
                                <input required type="text" name="purpose" class="form-control">
                                @error('payees.*.purpose')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-lg-3 mb-3">
                                <label>Amount <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <span class="input-group-text">RM</span>
                                    <input required type="number" name="amount" class="form-control" min="0" step="0.01">
                                </div>
                                @error('payees.*.amount')
                                <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-lg-1 align-self-center">
                                <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 Payee" />
                    <div class="text-end mt-3">
                        <button type="submit" class="btn btn-primary">Save Payees</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-lg-12 mt-4" id="doc">
        <div class="card">
            <div class="card-body">
                @php
                    $documentRemarks = [];

                    foreach ($lead->docs as $docsR) {
                        if ($docsR->verify_status_1 === 'rejected' && !empty($docsR->verify_remarks_1)) {
                            $documentRemarks[] = $docsR->docType->description. ' - ' .$docsR->verify_remarks_1;
                        }

                        if ($docsR->verify_status_2 === 'rejected' && !empty($docsR->verify_remarks_2)) {
                            $documentRemarks[] = $docsR->docType->description. ' - ' .$docsR->verify_remarks_2;
                        }
                    }
                @endphp
                @if(count($documentRemarks))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-alert-circle-outline me-2"></i>
                        <strong>Rejected Reason(s):</strong>

                        <ul class="mb-0 mt-2">
                            @foreach($documentRemarks as $remark)
                                <li>{{ $remark }}</li>
                            @endforeach
                        </ul>

                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                @endif
                <h4 class="card-title">Documents</h4>
                <p class="card-title-desc">
                    Upload all required documents to support the loan application. These may include identification, financial records, contracts, and other relevant materials.
                </p>
                @if (session('doc_success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-check-all me-2"></i>
                    {{ session('doc_success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

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

                <form autocomplete="off" id="documentUploadForm" method="POST" action="{{ route('lead.update', ['section' => 'document', 'serial_no' => $lead->serial_no]) }}" enctype="multipart/form-data">
                    @csrf

                    @foreach($docTypes as $level => $docs)
                    <h5 class="card-title mt-2 mb-3">
                        @if($level == '1000')
                        Primary Documents
                        @else
                        Supporting Documents
                        @endif
                    </h5>
                    <div class="row">
                        @foreach($docs as $doc)
                        <div class="col-md-12 mb-3">
                            <label for="doc_type_{{ $doc->code }}" class="form-label">{{ $doc->description }} @if($doc->required) <span class="text-danger">*</span> @endif</label>
                            @if (isset($uploadedDocs[$doc->code]) && $uploadedDocs[$doc->code]->files->count())
                            <div class="mt-2 uploaded-files" data-doc-code="{{ $doc->code }}">
                                <ul class="list-unstyled">
                                    @foreach ($uploadedDocs[$doc->code]->files as $file)
                                    <li class="uploaded-file" data-serial="{{ $file->serial_no }}">
                                        <a href="https://{{ Storage::disk('supportingdoc')->url($file->file_path) }}" target="_blank">
                                            {{ $file->file_name }}
                                        </a>
                                        <button type="button" class="btn btn-sm btn-danger btn-remove-file mb-2" data-serial="{{ $file->serial_no }}">
                                            <i class="fas fa-solid fa-trash me-2"></i>Remove
                                        </button>
                                        <input type="hidden" name="existing_files[]" value="{{ $file->serial_no }}">
                                    </li>
                                    @endforeach
                                </ul>
                            </div>
                            @endif
                            <input type="file" class="form-control" id="doc_type_{{ $doc->code }}" name="docs[{{ $doc->code }}][]" accept="image/*,.pdf,.doc,.docx">
                            @if ($errors->has("docs.{$doc->code}.*"))
                            <span class="text-danger">
                                {{ $errors->first("docs.{$doc->code}.*") }}
                            </span>
                            @endif
                        </div>
                        @endforeach
                    </div>
                    @endforeach

                    <div class="text-end">
                        <button type="submit" class="btn btn-primary">Save Documents</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-lg-12 mt-4" id="fee">
        <div class="card">
            <div class="card-body">
                @php
                    $paymentRemarks = [];

                    foreach ($lead->payments as $paymentsR) {
                        if ($paymentsR->verify_status_1 === 'rejected' && !empty($paymentsR->verify_remarks_1)) {
                            $paymentRemarks[] = $paymentsR->verify_remarks_1;
                        }

                        if ($paymentsR->verify_status_2 === 'rejected' && !empty($paymentsR->verify_remarks_2)) {
                            $paymentRemarks[] = $paymentsR->verify_remarks_2;
                        }
                    }
                @endphp
                @if(count($paymentRemarks))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-alert-circle-outline me-2"></i>
                        <strong>Rejected Reason(s):</strong>

                        <ul class="mb-0 mt-2">
                            @foreach($paymentRemarks as $remark)
                                <li>{{ $remark }}</li>
                            @endforeach
                        </ul>

                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                @endif
                <h4 class="card-title">Application Fee Payment</h4>
                <p class="card-title-desc">
                    Please pay the application fee and upload your payment slip as proof. Only manual upload is allowed.
                </p>
                @if (session('fee_success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-check-all me-2"></i>
                    {{ session('fee_success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

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

                @if ($errors->has('payment_docs'))
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->get('payment_docs') as $error)
                        <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
                @endif

                @if ($lead->payments()->where('type','P1002')->where('status','paid')->where('method','FPX')->exists())
                <div class="alert alert-success">
                    <i class="mdi mdi-check-circle-outline me-2"></i>
                    Payment has been made through FPX
                </div>
                @elseif($lead->payments()->where('type','P1002')->where('status','manual')->where('method','manual')->exists())
                @php
                    $manualFile = $lead->payments()->where('type','P1002')->where('status','manual')->where('method','manual')->first();
                @endphp

                <form autocomplete="off" method="POST" action="{{ route('lead.update', ['section' => 'fee', 'serial_no' => $lead->serial_no]) }}" enctype="multipart/form-data">
                    @csrf
                    <div class="row mb-2">
                        <div class="col-lg-4 mb-3">
                            <label>Fee Amount (RM)</label>
                            <input type="text" class="form-control bg-light" name="amount" value="{{ isset($lead->payment->amount) ? number_format($lead->payment->amount, 2) : number_format($feeAmount ?? 0, 2) }}" readonly>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="payment_docs">Upload Payment Receipt <span class="text-danger">*</span></label>
                        @if($manualFile)
                        <div class="mb-2">
                            <a href="https://{{ Storage::disk('supportingdoc')->url($manualFile->file_path) }}" target="_blank">
                                {{ $manualFile->file_name }}
                            </a>
                        </div>
                        @endif
                        <input type="file" class="form-control" name="payment_docs" id="payment_docs" accept="image/*,.pdf" {{ empty($lead->payment) || empty($lead->payment->receipt_path) ? 'required' : '' }}>
                        <small class="form-text text-muted">Allowed types: PDF, JPG, PNG. Max size: 5MB.</small>
                    </div>
                    <div class="mb-3">
                        <label for="payment_notes">Notes (Optional)</label>
                        <textarea class="form-control" name="payment_notes" id="payment_notes" rows="3">{{ old('payment_notes', $lead->payment->notes ?? '') }}</textarea>
                    </div>
                    <div class="text-end">
                        <button type="submit" class="btn btn-primary">Upload Proof</button>
                    </div>
                </form>
                @else
                <form autocomplete="off" method="POST" action="{{ route('lead.update', ['section' => 'fee', 'serial_no' => $lead->serial_no]) }}" enctype="multipart/form-data">
                    @csrf
                    <div class="row mb-2">
                        <div class="col-lg-4 mb-3">
                            <label>Fee Amount (RM)</label>
                            <input type="text" class="form-control bg-light" name="amount" value="{{ isset($lead->payment->amount) ? number_format($lead->payment->amount, 2) : number_format($feeAmount ?? 0, 2) }}" readonly>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="payment_docs">Upload Payment Receipt <span class="text-danger">*</span></label>
                        <input type="file" class="form-control" name="payment_docs" id="payment_docs" accept="image/*,.pdf" {{ empty($lead->payment) || empty($lead->payment->receipt_path) ? 'required' : '' }}>
                        <small class="form-text text-muted">Allowed types: PDF, JPG, PNG. Max size: 5MB.</small>
                    </div>
                    <div class="mb-3">
                        <label for="payment_notes">Notes (Optional)</label>
                        <textarea class="form-control" name="payment_notes" id="payment_notes" rows="3">{{ old('payment_notes', $lead->payment->notes ?? '') }}</textarea>
                    </div>
                    <div class="text-end">
                        <button type="submit" class="btn btn-primary">Upload Proof</button>
                    </div>
                </form>
                @endif
            </div>
        </div>
        <div class="text-end">
            <a href="{{ route('lead.submit_application', $lead->serial_no) }}" class="btn btn-success">
                <i class="mdi mdi-file-document-outline me-1"></i>
                Submit Application
            </a>
        </div>
    </div>
</div>

@php
$requiredDocMap = $requiredDocs;
@endphp
@endsection

@section('script')
<script src="{{ asset('build/libs/select2/js/select2.min.js') }}"></script>
<script src="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.js') }}"></script>
<script src="{{ URL::asset('build/js/pages/sweet-alerts.init.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>

<script>
    $(document).ready(function() {
        $('.select2').select2();

        $('#originator').select2({
            tags: true
            , placeholder: 'Select or type new'
            , allowClear: true
        });

        $('#vendor_id').select2({
            tags: true
            , placeholder: 'Select or type new'
            , allowClear: true
        });

        // Vendor change AJAX
        $("#vendor_id").on("change", function() {
            let vendorId = $(this).val();

            $.ajax({
                url: "{{ route('lead.getVendor', '') }}/" + vendorId
                , method: "GET"
                , success: function(response) {
                    if (response.vendor) {
                        $("#vendor_type").val(response.vendor.vendor_type);
                        $("#vendor_reg_no").val(response.vendor.vendor_reg_no);
                        $("#vendor_reg_date").val(response.vendor.vendor_reg_date);
                        $("#vendor_address_1").val(response.vendor.vendor_address_1);
                        $("#vendor_address_2").val(response.vendor.vendor_address_2);
                        $("#vendor_postcode").val(response.vendor.vendor_postcode);
                        $("#vendor_city").val(response.vendor.vendor_city);
                        $("#vendor_state").val(response.vendor.state.name);
                    }

                    let contactDropdown = $("#contact_id");
                    contactDropdown.empty().append('<option selected disabled>Choose...</option>');

                    response.contacts.forEach(contact => {
                        contactDropdown.append(`<option value="${contact.id}">${contact.contact_person}</option>`);
                    });

                    contactDropdown.trigger('change');
                }
                , error: function() {
                    alert("Error fetching vendor details.");
                }
            });
        });

        // Contact change AJAX
        $("#contact_id").on("change", function() {
            let contactId = $(this).val();
            if (!contactId) return;

            $.ajax({
                url: "{{ route('lead.getContact', '') }}/" + contactId
                , method: "GET"
                , success: function(response) {
                    $("#contact_position").val(response.designation);
                    $("#contact_phone").val(response.contact_phone);
                    $("#contact_email").val(response.contact_email);
                }
                , error: function() {
                    alert("Error fetching contact details.");
                }
            });
        });

        // Scroll to element (if needed)
        let scrollTo = "{{ session('scrollTo') }}";
        if (scrollTo) {
            let target = document.getElementById(scrollTo);
            if (target) {
                target.scrollIntoView({
                    behavior: "smooth"
                    , block: "start"
                });
            }
        }
    });

    document.addEventListener('DOMContentLoaded', function() {
        const requiredDocMap = @json($requiredDocMap);
        const form = document.getElementById('documentUploadForm');

        form.addEventListener('submit', function(e) {
            let missing = [];
            for (const [code, label] of Object.entries(requiredDocMap)) {
                const input = form.querySelector(`[name="docs[${code}]"], [name="docs[${code}][]"]`);
                const existingFiles = form.querySelectorAll(`.uploaded-files[data-doc-code="${code}"] .uploaded-file`);
                const hasExisting = existingFiles.length > 0;
                const hasNew = input && input.files.length > 0;
                if (!hasExisting && !hasNew) {
                    missing.push(label);
                }
            }
            if (missing.length > 0) {
                e.preventDefault();
                Swal.fire({
                    icon: 'warning'
                    , title: 'Missing Required Documents'
                    , html: 'Please upload the following:<br><ul style="text-align:left;">' +
                        missing.map(item => `<li>${item}</li>`).join('') +
                        '</ul>'
                    , confirmButtonText: 'OK'
                });
            }
        });

        document.querySelectorAll('.btn-remove-file').forEach(button => {
            button.addEventListener('click', function() {
                const serial = this.dataset.serial;
                const fileItem = this.closest('.uploaded-file');
                if (fileItem) fileItem.remove();
                document.querySelectorAll(`input[name="existing_files[]"][value="${serial}"]`)
                    .forEach(input => input.remove());
            });
        });
    });

</script>
@endsection