{{-- Same data/save flow as creditpaper/edit.blade.php (posts to the same
     cp.store route), styled to mirror components.forms.lead-credit-paper's
     printed layout from CREDIT APPRAISAL through JUSTIFICATIONS. --}}
@php
    $hasPreFactoring = !empty($lead->pre_facility_code);
    $checklistAnswers = $lead->cp_checklist_answers->keyBy('checklist_item_id');
    $contractDetailsItems = $checklistItems['contract_details'] ?? collect();
    $managementExperienceItems = $checklistItems['management_experience'] ?? collect();
    $financialScreeningItems = $checklistItems['financial_screening'] ?? collect();
    $nonFinancialScreeningItems = $checklistItems['non_financial_screening'] ?? collect();
    $keyManagements = old('key_managements', $lead->cp_key_managements->toArray());
    $creditInfoRows = old('credit_info', $lead->cp_credit_info->toArray());
    $borrowingFacilities = old('borrowing_facilities', $lead->cp_borrowing_facilities->toArray());
@endphp

@extends('layouts.app')

@section('title')
Credit Paper Preparation
@endsection

@section('css')
<link href="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
<style>
    .cp-dark-bar {
        background: #343a40;
        color: #fff;
        text-align: center;
        padding: 6px 0;
        font-weight: bold;
    }
    .cp-table {
        border-color: #343a40 !important;
    }
    .cp-table td,
    .cp-table th {
        border-color: #343a40 !important;
        padding-top: 6px;
        padding-bottom: 6px;
        vertical-align: middle;
    }
    .cp-table-tight td,
    .cp-table-tight th {
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 0.85rem;
    }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    input[type=number] {
        -moz-appearance: textfield;
        appearance: textfield;
    }
    .autofit-textarea {
        overflow: hidden;
        resize: none;
    }
</style>
@endsection

@section('content')

@component('components.breadcrumb')
@slot('li_1') Credit Paper @endslot
@slot('title') {{ $lead->serial_no }} @endslot
@endcomponent

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-0">Credit Paper Preparation - {{ $lead->serial_no }}</h4>
                <p class="card-title-desc">Please review the application details below. Once confirmed, you may proceed to generate the credit paper for this lead.</p>

                @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
                @endif
                @if (session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
                @endif

                @if(!empty($lead->creditpaper) && !empty($lead->creditpaper->reject_remarks))
                <div class="alert alert-danger">
                    <i class="mdi mdi-alert-circle-outline"></i>
                    <strong>Reject Notes:</strong><br>
                    {{ $lead->creditpaper->reject_remarks }}
                </div>
                @endif

                @if(!empty($lead->cc_reject_remarks))
                <div class="alert alert-danger">
                    <i class="mdi mdi-alert-circle-outline"></i>
                    <strong>Credit Committee Reject Notes:</strong><br>
                    {{ $lead->cc_reject_remarks }}
                </div>
                @endif

                @if(!empty($lead->bod_reject_remarks))
                <div class="alert alert-danger">
                    <i class="mdi mdi-alert-circle-outline"></i>
                    <strong>BOD Reject Notes:</strong><br>
                    {{ $lead->bod_reject_remarks }}
                </div>
                @endif

                <form autocomplete="off" action="{{ route('cp.store', $lead->serial_no) }}" method="POST">
                    @csrf

                    {{-- CREDIT APPRAISAL --}}
                    <div class="cp-dark-bar mb-0 d-none">CREDIT APPRAISAL</div>
                    <table class="table table-bordered cp-table mb-0 d-none">
                        <tbody>
                            <tr class="cp-dark-bar-row" style="background:#343a40;color:#fff;">
                                <th>CLIENT NAME</th>
                                <th>CUSTOMER NAME</th>
                            </tr>
                            <tr>
                                <td>{{ $lead->applicant->applicant_name }}</td>
                                <td>{{ $lead->contracts->pluck('awarder_name')->filter()->unique()->implode(', ') }}</td>
                            </tr>
                        </tbody>
                    </table>

                    {{-- CURRENT AND PROPOSED FACILITIES (live preview of the Financing Amount / Exposure figures entered below) --}}
                    <div class="cp-dark-bar mb-0 mt-3 d-none">CURRENT AND PROPOSED FACILITIES</div>
                    <table class="table table-bordered text-center cp-table mb-4 d-none">
                        <tbody>
                            <tr style="background:#343a40;color:#fff;">
                                <td colspan="2">Pre-Factoring</td>
                                <td colspan="2">Factoring</td>
                                <td>Client's Exposure</td>
                                <td>WFC's Exposure</td>
                            </tr>
                            <tr style="background:#343a40;color:#fff;">
                                <td>Current (As-to-date)</td>
                                <td>Proposed</td>
                                <td>Current (As-to-date)</td>
                                <td>Proposed</td>
                                <td rowspan="2" class="align-middle" id="preview_client_exposure">RM {{ number_format($lead->creditpaper->client_exposure ?? 0, 2) }}</td>
                                <td rowspan="2" class="align-middle" id="preview_wfc_exposure">RM {{ number_format($lead->creditpaper->wfc_exposure ?? 0, 2) }}</td>
                            </tr>
                            <tr>
                                <td>RM 0.00</td>
                                <td id="preview_pre_amount">RM {{ number_format($lead->creditpaper->pre_amount ?? 0, 2) }}</td>
                                <td>RM 0.00</td>
                                <td id="preview_post_amount">RM {{ number_format($lead->creditpaper->post_amount ?? 0, 2) }}</td>
                            </tr>
                        </tbody>
                    </table>

                    <div class="cp-dark-bar mb-0 mt-3">FINANCING AMOUNT</div>
                    <table class="table table-bordered table-sm cp-table cp-table-tight mb-0">
                        <tbody>
                            <tr>
                                <td>Contract / PO Value (RM) <span class="text-danger">*</span></td>
                                <td class="py-0">
                                    <input type="number" step="0.01" class="form-control form-control-sm" id="contract_value" name="contract_value" value="{{ old('contract_value', $lead->creditpaper->contract_value ?? $lead->contracts->sum('contract_value')) }}" required>
                                </td>
                            </tr>
                        </tbody>
                    </table>

                    <div class="row mb-4">
                        @if($hasPreFactoring)
                        <div class="col-md-4">
                            <div class="cp-dark-bar mb-0 mt-3">PRE-FACTORING</div>
                            <table class="table table-bordered table-sm cp-table cp-table-tight mb-0">
                                <tbody>
                                    <tr>
                                        <td>Amount<span class="text-danger">*</span></td>
                                        <td class="py-0">
                                            <div class="input-group input-group-sm">
                                                <span class="input-group-text">RM</span>
                                                <input type="number" step="0.01" class="form-control form-control-sm" id="pre_amount" name="pre_amount" value="{{ old('pre_amount', $lead->creditpaper->pre_amount ?? $lead->ilo->pre_limit) }}" required>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Processing fee <span class="text-danger">*</span></td>
                                        <td class="py-0">
                                            <div class="input-group input-group-sm">
                                                <span class="input-group-text">RM</span>
                                                <input type="number" step="0.01" min="0" class="form-control form-control-sm" id="pre_process_fee" name="pre_process_fee" value="{{ old('pre_process_fee', $lead->creditpaper->pre_process_fee ?? '') }}" onkeyup="updateTotalProcessFees()">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Profit Charges (per month on the advance amount) <span class="text-danger">*</span></td>
                                        <td class="py-0">
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" class="form-control form-control-sm" id="pre_factoring_charges" name="pre_factoring_charges" value="{{ old('pre_factoring_charges', $lead->creditpaper->pre_factoring_charges ?? '') }}" required>
                                                <span class="input-group-text">%</span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Projected Collection Period (days) <span class="text-danger">*</span></td>
                                        <td class="py-0">
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="1" class="form-control form-control-sm" id="pre_coll_period" name="pre_coll_period" value="{{ old('pre_coll_period', $lead->creditpaper->pre_coll_period ?? '') }}" required>
                                                <span class="input-group-text">days</span>
                                            </div>
                                        </td>
                                    </tr>
                                    {{-- <tr>
                                        <td>Projected Profit Charges</td>
                                        <td class="py-0">
                                            <div class="input-group input-group-sm">
                                                <span class="input-group-text">RM</span>
                                                <input type="number" step="0.01" min="0" class="form-control form-control-sm bg-light" id="profit_charges" name="profit_charges" value="{{ old('profit_charges', $lead->creditpaper->profit_charges ?? '') }}" readonly>
                                            </div>
                                        </td>
                                    </tr> --}}
                                </tbody>
                            </table>
                        </div>
                        @endif

                        <div class="{{ $hasPreFactoring ? 'col-md-4' : 'col-md-6' }}">
                            <div class="cp-dark-bar mb-0 mt-3">FACTORING</div>
                            <table class="table table-bordered table-sm cp-table cp-table-tight mb-0">
                                <tbody>
                                    <tr>
                                        <td>Amount <span class="text-danger">*</span></td>
                                        <td class="py-0">
                                            <div class="input-group input-group-sm">
                                                <span class="input-group-text">RM</span>
                                                <input type="number" step="0.01" class="form-control form-control-sm" id="post_amount" name="post_amount" value="{{ old('post_amount', $lead->creditpaper->post_amount ?? $lead->ilo->limit) }}" required>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Admin Fee (on invoice value) <span class="text-danger">*</span></td>
                                        <td class="py-0">
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" class="form-control form-control-sm" id="factoring_admin_fees" name="factoring_admin_fees" value="{{ old('factoring_admin_fees', $lead->creditpaper->factoring_admin_fees ?? '') }}" required>
                                                <span class="input-group-text">%</span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="d-none">
                                        <td>Admin Fee</td>
                                        <td class="py-0">
                                            <div class="input-group input-group-sm">
                                                <span class="input-group-text">RM</span>
                                                <input type="number" step="0.01" min="0" class="form-control form-control-sm bg-light" id="post_admin_fees" name="post_admin_fees" value="{{ old('post_admin_fees', $lead->creditpaper->post_admin_fees ?? '') }}" readonly>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Processing Fee <span class="text-danger">*</span></td>
                                        <td class="py-0">
                                            <div class="input-group input-group-sm">
                                                <span class="input-group-text">RM</span>
                                                <input type="number" step="0.01" min="0" class="form-control form-control-sm" id="process_fee" name="process_fee" value="{{ old('process_fee', $lead->creditpaper->process_fee ?? '') }}" onkeyup="updateTotalProcessFees()">
                                            </div>
                                        </td>
                                    </tr>
                                    {{-- <tr>
                                        <td>Total Processing Fees</td>
                                        <td class="py-0">
                                            <input type="number" step="0.01" min="0" class="form-control form-control-sm bg-light" id="tot_process_fees" name="tot_process_fees" value="{{ old('tot_process_fees', $lead->creditpaper->tot_process_fees ?? '') }}" readonly>
                                        </td>
                                    </tr> --}}
                                    <tr>
                                        <td>Profit Charges (per month on the advance amount) <span class="text-danger">*</span></td>
                                        <td class="py-0">
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" class="form-control form-control-sm" id="factoring_discount_charges" name="factoring_discount_charges" value="{{ old('factoring_discount_charges', $lead->creditpaper->factoring_discount_charges ?? '') }}" required>
                                                <span class="input-group-text">%</span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Projected Collection Period <span class="text-danger">*</span></td>
                                        <td class="py-0">
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="1" class="form-control form-control-sm" id="post_coll_period" name="post_coll_period" value="{{ old('post_coll_period', $lead->creditpaper->post_coll_period ?? '') }}" required>
                                                <span class="input-group-text">days</span>
                                            </div>
                                        </td>
                                    </tr>
                                    {{-- <tr>
                                        <td>Projected Profit Charges</td>
                                        <td class="py-0">
                                            <div class="input-group input-group-sm">
                                                <span class="input-group-text">RM</span>
                                                <input type="number" step="0.01" min="0" class="form-control form-control-sm bg-light" id="discount_charges" name="discount_charges" value="{{ old('discount_charges', $lead->creditpaper->discount_charges ?? '') }}" readonly>
                                            </div>
                                        </td>
                                    </tr> --}}
                                </tbody>
                            </table>
                        </div>

                        <div class="{{ $hasPreFactoring ? 'col-md-4' : 'col-md-6' }}">
                            <div class="cp-dark-bar mb-0 mt-3">EXPOSURE</div>
                            <table class="table table-bordered table-sm cp-table cp-table-tight mb-0">
                                <tbody>
                                    <tr>
                                        <td>Client's Exposure <span class="text-danger">*</span></td>
                                        <td class="py-0">
                                            <input type="number" step="0.01" min="0" class="form-control form-control-sm" id="client_exposure" name="client_exposure" value="{{ old('client_exposure', $lead->creditpaper->client_exposure ?? '') }}" required>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>WFC's Exposure <span class="text-danger">*</span></td>
                                        <td class="py-0">
                                            <input type="number" step="0.01" min="0" class="form-control form-control-sm" id="wfc_exposure" name="wfc_exposure" value="{{ old('wfc_exposure', $lead->creditpaper->wfc_exposure ?? '') }}" required>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    {{-- COMPANY BACKGROUND --}}
                    <div class="cp-dark-bar mb-0 mt-4">COMPANY BACKGROUND</div>
                    <div class="border cp-table p-2 mb-4">
                        <label class="fw-bold mb-2">Comments (briefly describe the nature of business):</label>
                        <textarea class="form-control autofit-textarea" name="company_background_comment" id="company_background_comment">{{ old('company_background_comment', $lead->creditpaper->company_background_comment ?? '') }}</textarea>
                    </div>

                    {{-- CONTRACT DETAILS --}}
                    <div class="cp-dark-bar mb-0">CONTRACT DETAILS</div>
                    <table class="table table-bordered cp-table mb-4">
                        <tbody>
                            @forelse($contractDetailsItems as $i => $item)
                            <tr>
                                <td>{{ chr(97 + $i) }}. {{ $item->description }} <span class="text-danger">*</span></td>
                                <td class="text-nowrap" style="width: 160px;">
                                    @php
                                        $savedAnswer = optional($checklistAnswers->get($item->id))->answer;
                                        $answer = old("checklist_answers.$item->id", $savedAnswer === null ? null : ($savedAnswer ? '1' : '0'));
                                    @endphp
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="checklist_answers[{{ $item->id }}]" value="1" {{ (string) $answer === '1' ? 'checked' : '' }} required>
                                        <label class="form-check-label">Yes</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="checklist_answers[{{ $item->id }}]" value="0" {{ $answer !== null && (string) $answer === '0' ? 'checked' : '' }} required>
                                        <label class="form-check-label">No</label>
                                    </div>
                                </td>
                            </tr>
                            @empty
                            <tr><td>No checklist questions configured.</td></tr>
                            @endforelse
                        </tbody>
                    </table>

                    {{-- MANAGEMENT EXPERIENCE --}}
                    <div class="cp-dark-bar mb-0">MANAGEMENT EXPERIENCE</div>
                    <table class="table table-bordered cp-table mb-0">
                        <tbody>
                            @forelse($managementExperienceItems as $i => $item)
                            <tr>
                                <td>{{ chr(97 + $i) }}. {{ $item->description }} <span class="text-danger">*</span></td>
                                <td class="text-nowrap" style="width: 160px;">
                                    @php
                                        $savedAnswer = optional($checklistAnswers->get($item->id))->answer;
                                        $answer = old("checklist_answers.$item->id", $savedAnswer === null ? null : ($savedAnswer ? '1' : '0'));
                                    @endphp
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="checklist_answers[{{ $item->id }}]" value="1" {{ (string) $answer === '1' ? 'checked' : '' }} required>
                                        <label class="form-check-label">Yes</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="checklist_answers[{{ $item->id }}]" value="0" {{ $answer !== null && (string) $answer === '0' ? 'checked' : '' }} required>
                                        <label class="form-check-label">No</label>
                                    </div>
                                </td>
                            </tr>
                            @empty
                            <tr><td>No checklist questions configured.</td></tr>
                            @endforelse
                        </tbody>
                    </table>

                    <div class="mb-4 repeater">
                        <table class="table table-bordered text-center cp-table mb-2">
                            <thead>
                                <tr style="background:#343a40;color:#fff;">
                                    <th>Name</th>
                                    <th>Age</th>
                                    <th>NRIC/Passport No</th>
                                    <th>Position</th>
                                    <th>Ownership (%)</th>
                                    <th style="width: 60px;"></th>
                                </tr>
                            </thead>
                            <tbody data-repeater-list="key_managements">
                                @foreach($keyManagements as $km)
                                <tr data-repeater-item>
                                    <td><input type="text" name="name" class="form-control" value="{{ $km['name'] ?? '' }}" required></td>
                                    <td><input type="number" name="age" class="form-control" value="{{ $km['age'] ?? '' }}"></td>
                                    <td><input type="text" name="nric_passport_no" class="form-control" value="{{ $km['nric_passport_no'] ?? '' }}"></td>
                                    <td><input type="text" name="position" class="form-control" value="{{ $km['position'] ?? '' }}"></td>
                                    <td><input type="number" step="0.01" name="ownership_percent" class="form-control" value="{{ $km['ownership_percent'] ?? '' }}"></td>
                                    <td class="text-center"><button data-repeater-delete type="button" class="btn btn-danger btn-sm">Delete</button></td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <button data-repeater-create type="button" class="btn btn-primary btn-sm">Add Management Member</button>
                    </div>

                    {{-- CREDIT INFORMATION --}}
                    <div class="cp-dark-bar mb-0">CREDIT INFORMATION</div>
                    <div class="mb-4 repeater">
                        <table class="table table-bordered cp-table mb-2">
                            <thead>
                                <tr style="background:#343a40;color:#fff;">
                                    <th style="width: 50px;">No</th>
                                    <th>Name</th>
                                    <th style="width: 120px;">Score</th>
                                    <th>Remarks (Key contributing factors)</th>
                                    <th style="width: 60px;"></th>
                                </tr>
                            </thead>
                            <tbody data-repeater-list="credit_info">
                                @foreach($creditInfoRows as $i => $row)
                                <tr data-repeater-item>
                                    <td class="text-center align-middle">{{ $i + 1 }}</td>
                                    <td><input type="text" name="name" class="form-control" value="{{ $row['name'] ?? '' }}" required></td>
                                    <td><input type="text" name="score" class="form-control" value="{{ $row['score'] ?? '' }}"></td>
                                    <td><textarea name="remarks" class="form-control" rows="2" placeholder="One factor per line">{{ $row['remarks'] ?? '' }}</textarea></td>
                                    <td class="text-center align-middle"><button data-repeater-delete type="button" class="btn btn-danger btn-sm">Delete</button></td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <button data-repeater-create type="button" class="btn btn-primary btn-sm">Add Row</button>
                    </div>

                    {{-- BORROWING FACILITIES --}}
                    <div class="cp-dark-bar mb-0">BORROWING FACILITIES</div>
                    <div class="mb-4 repeater">
                        <table class="table table-bordered text-center cp-table mb-2">
                            <thead>
                                <tr style="background:#343a40;color:#fff;">
                                    <th>Name of Banks/FI</th>
                                    <th>Type of facilities</th>
                                    <th>LO Date</th>
                                    <th>Facility Amt</th>
                                    <th>Loan Os/g (RM)</th>
                                    <th>Period of Loan</th>
                                    <th>Debenture Charge <i>(if any)</i></th>
                                    <th>Name of Consultant <i>(if any)</i></th>
                                    <th style="width: 60px;"></th>
                                </tr>
                            </thead>
                            <tbody data-repeater-list="borrowing_facilities">
                                @foreach($borrowingFacilities as $bf)
                                <tr data-repeater-item>
                                    <td><input type="text" name="bank_name" class="form-control" value="{{ $bf['bank_name'] ?? '' }}" required></td>
                                    <td><input type="text" name="facility_type" class="form-control" value="{{ $bf['facility_type'] ?? '' }}"></td>
                                    <td><input type="date" name="lo_date" class="form-control" value="{{ $bf['lo_date'] ?? '' }}"></td>
                                    <td><input type="number" step="0.01" name="facility_amount" class="form-control" value="{{ $bf['facility_amount'] ?? '' }}"></td>
                                    <td><input type="number" step="0.01" name="loan_outstanding" class="form-control" value="{{ $bf['loan_outstanding'] ?? '' }}"></td>
                                    <td><input type="text" name="loan_period" class="form-control" value="{{ $bf['loan_period'] ?? '' }}"></td>
                                    <td><input type="text" name="debenture_charge" class="form-control" value="{{ $bf['debenture_charge'] ?? '' }}"></td>
                                    <td><input type="text" name="consultant_name" class="form-control" value="{{ $bf['consultant_name'] ?? '' }}"></td>
                                    <td><button data-repeater-delete type="button" class="btn btn-danger btn-sm">Delete</button></td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <button data-repeater-create type="button" class="btn btn-primary btn-sm">Add Facility</button>
                    </div>

                    {{-- FINANCIAL SCREENING --}}
                    <div class="cp-dark-bar mb-0">FINANCIAL SCREENING</div>
                    <table class="table table-bordered cp-table mb-4">
                        <tbody>
                            @forelse($financialScreeningItems as $item)
                            <tr>
                                <td>
                                    {{ $item->description }} <span class="text-danger">*</span>
                                    @if($item->note)
                                    <div class="small text-muted">{{ $item->note }}</div>
                                    @endif
                                </td>
                                <td class="text-nowrap" style="width: 160px;">
                                    @php
                                        $savedAnswer = optional($checklistAnswers->get($item->id))->answer;
                                        $answer = old("checklist_answers.$item->id", $savedAnswer === null ? null : ($savedAnswer ? '1' : '0'));
                                    @endphp
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="checklist_answers[{{ $item->id }}]" value="1" {{ (string) $answer === '1' ? 'checked' : '' }} required>
                                        <label class="form-check-label">Yes</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="checklist_answers[{{ $item->id }}]" value="0" {{ $answer !== null && (string) $answer === '0' ? 'checked' : '' }} required>
                                        <label class="form-check-label">No</label>
                                    </div>
                                </td>
                            </tr>
                            @empty
                            <tr><td>No checklist questions configured.</td></tr>
                            @endforelse
                        </tbody>
                    </table>

                    {{-- NON-FINANCIAL SCREENING --}}
                    <div class="cp-dark-bar mb-0">NON-FINANCIAL SCREENING</div>
                    <table class="table table-bordered cp-table mb-4">
                        <tbody>
                            @php $currentGroup = null; $groupIndex = 0; @endphp
                            @forelse($nonFinancialScreeningItems as $item)
                                @php
                                    if ($item->group_label !== $currentGroup) {
                                        $currentGroup = $item->group_label;
                                        $groupIndex = 0;
                                    }
                                    $savedAnswer = optional($checklistAnswers->get($item->id))->answer;
                                    $answer = old("checklist_answers.$item->id", $savedAnswer === null ? null : ($savedAnswer ? '1' : '0'));
                                @endphp
                                @if($item->group_label && $groupIndex === 0)
                                <tr>
                                    <td colspan="2" class="fw-bold">{{ $item->group_label }}</td>
                                </tr>
                                @endif
                                <tr>
                                    <td>{{ chr(97 + $groupIndex) }}. {{ $item->description }} <span class="text-danger">*</span></td>
                                    <td class="text-nowrap" style="width: 160px;">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="checklist_answers[{{ $item->id }}]" value="1" {{ (string) $answer === '1' ? 'checked' : '' }} required>
                                            <label class="form-check-label">Yes</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="checklist_answers[{{ $item->id }}]" value="0" {{ $answer !== null && (string) $answer === '0' ? 'checked' : '' }} required>
                                            <label class="form-check-label">No</label>
                                        </div>
                                    </td>
                                </tr>
                                @php $groupIndex++; @endphp
                            @empty
                            <tr><td>No checklist questions configured.</td></tr>
                            @endforelse
                        </tbody>
                    </table>

                    {{-- JUSTIFICATIONS --}}
                    <div class="cp-dark-bar mb-0">JUSTIFICATIONS</div>
                    <div class="border cp-table p-2 mb-4 repeater">
                        @php
                            $selectedJustifications = collect($lead->justifications ?? [])->pluck('justification_id')->filter()->toArray();
                            if (old('justifications')) { $selectedJustifications = old('justifications'); }

                            $otherTerms = old('other_terms');
                            if (!$otherTerms) {
                                $otherTerms = collect($lead->justifications ?? [])
                                    ->whereNull('justification_id')
                                    ->map(fn($item) => ['term' => $item->description])
                                    ->values()
                                    ->toArray();
                            }
                        @endphp

                        @foreach($justifications as $just)
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="justifications[]" id="snc_{{ $just->id }}" value="{{ $just->id }}" {{ in_array($just->id, $selectedJustifications) ? 'checked' : '' }}>
                                <label class="form-check-label" for="snc_{{ $just->id }}">
                                    @if(str_contains($just->description, '{client}'))
                                        {{ str_replace('{client}', $lead->applicant->applicant_name, $just->description) }}
                                    @else
                                        {{ $just->description }}
                                    @endif
                                </label>
                            </div>
                        @endforeach
                        @error('justifications')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror

                        <div data-repeater-list="other_terms" class="mt-2">
                            @if(!empty($otherTerms))
                                @foreach($otherTerms as $term)
                                    <div data-repeater-item class="row mb-2 align-items-center">
                                        <div class="col-md-11">
                                            <input type="text" name="term" class="form-control" placeholder="Enter additional justification" value="{{ is_array($term) ? ($term['term'] ?? '') : $term }}">
                                        </div>
                                        <div class="col-md-1">
                                            <button data-repeater-delete type="button" class="btn btn-danger btn-sm">Delete</button>
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <div data-repeater-item class="row mb-2 align-items-center">
                                    <div class="col-md-11">
                                        <input type="text" name="term" class="form-control" placeholder="Enter additional justification">
                                    </div>
                                    <div class="col-md-1">
                                        <button data-repeater-delete type="button" class="btn btn-danger btn-sm">Delete</button>
                                    </div>
                                </div>
                            @endif
                        </div>
                        <button data-repeater-create type="button" class="btn btn-primary btn-sm mt-2">Add Term</button>
                        @error('other_terms')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    {{-- PROJECTED INCOME (computed preview, matching print) --}}
                    {{-- <div class="cp-dark-bar mb-0">PROJECTED INCOME</div>
                    <table class="table table-bordered text-center cp-table mb-0">
                        <tbody>
                            <tr style="background:#343a40;color:#fff;">
                                <td colspan="2">Pre-Factoring</td>
                                <td colspan="3">Factoring</td>
                                <td rowspan="2" class="align-middle">Total</td>
                            </tr>
                            <tr style="background:#343a40;color:#fff;">
                                <td>Processing Fee</td>
                                <td>Profit</td>
                                <td>Processing Fee</td>
                                <td>Administration Fee</td>
                                <td>Profit</td>
                            </tr>
                            <tr>
                                <td>RM {{ $lead->creditpaper->pre_process_fee ?? '' }}</td>
                                <td>RM {{ number_format($lead->creditpaper->profit_charges ?? 0, 2) }}</td>
                                <td>RM {{ number_format($lead->creditpaper->process_fee ?? 0, 2) }}</td>
                                <td>RM {{ number_format($lead->creditpaper->post_admin_fees ?? 0, 2) }}</td>
                                <td>RM {{ number_format($lead->creditpaper->discount_charges ?? 0, 2) }}</td>
                                <td>
                                    RM {{
                                        number_format(
                                            ($lead->creditpaper->pre_process_fee ?? 0) +
                                            ($lead->creditpaper->profit_charges ?? 0) +
                                            ($lead->creditpaper->process_fee ?? 0) +
                                            ($lead->creditpaper->post_admin_fees ?? 0) +
                                            ($lead->creditpaper->discount_charges ?? 0),
                                            2
                                        )
                                    }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="mb-4 mt-2">
                        <span class="fw-bold">Return On Capital Employed:</span>
                        @php
                            $postAmountPreview = ($lead->creditpaper->post_amount ?? 0) ?: 1;
                            $rocePreview = (($lead->creditpaper->profit_charges ?? 0) + ($lead->creditpaper->post_admin_fees ?? 0) + ($lead->creditpaper->discount_charges ?? 0) + ($lead->creditpaper->tot_process_fees ?? 0)) / $postAmountPreview;
                        @endphp
                        {{ number_format($rocePreview * 100, 2) }}% @ {{ $lead->creditpaper->post_coll_period ?? 0 }} days
                        <div class="form-text">Computed automatically from the Financing Amount/Charges figures above.</div>
                    </div> --}}

                    {{-- FORECAST ADVANCES AND COLLECTION TIMELINE (computed preview) --}}
                    {{-- <div class="cp-dark-bar mb-0">FORECAST ADVANCES AND COLLECTION TIMELINE</div>
                    <table class="table table-bordered text-center cp-table mb-4">
                        <tbody>
                            <tr style="background:#343a40;color:#fff;">
                                <td>Pre-Factoring</td>
                                <td>Factoring</td>
                            </tr>
                            <tr>
                                <td><i class="mdi mdi-arrow-down"></i><br>Advances to Invoicing<br><i class="mdi mdi-arrow-down"></i><br><span class="fw-bold">{{ $lead->creditpaper->pre_coll_period ?? 0 }} days</span></td>
                                <td><i class="mdi mdi-arrow-down"></i><br>Invoicing to Collection<br><i class="mdi mdi-arrow-down"></i><br><span class="fw-bold">{{ $lead->creditpaper->post_coll_period ?? 0 }} days</span></td>
                            </tr>
                        </tbody>
                    </table> --}}


                    <button type="submit" class="btn btn-primary waves-effect waves-light">Update Credit Paper</button>
                    @if(!empty($lead->creditpaper))
                    <button type="button" class="btn btn-outline-secondary waves-effect ms-2" onclick="previewCreditPaper()">
                        <i class="mdi mdi-eye-outline"></i> Preview Credit Paper
                    </button>
                    <div class="form-text d-inline-block ms-2">Save changes before previewing to see your latest changes.</div>
                    @endif
                    @if(!empty($lead->creditpaper))
                    <div class="mt-2">
                        <button type="submit" class="btn btn-success" formaction="{{ route('cp.generate_cp', $lead->serial_no) }}" formmethod="POST" onclick="return confirmSubmitVerification(event)" {{ (!empty($lead->creditpaper->reject_remarks) || !empty($lead->cc_reject_remarks) || !empty($lead->bod_reject_remarks)) ? 'disabled' : '' }}>
                            Submit for Credit Paper Verification
                        </button>
                        @if(!empty($lead->creditpaper->reject_remarks) || !empty($lead->cc_reject_remarks) || !empty($lead->bod_reject_remarks))
                        <div class="form-text text-danger">This credit paper was rejected. Click "Update Credit Paper" to save your changes and clear the rejection note before submitting for verification again.</div>
                        @endif
                    </div>
                    @endif
                </form>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <h5>View Related Document</h5>
                @include('components.forms.related-documents', [
                    'application_form' => true,
                    'term_sheet' => true,
                    'credit_paper' => false,
                ])
            </div>
        </div>
    </div>
</div>

@endsection

@section('script')
<script src="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.js') }}"></script>
<script>
    function updateTotalProcessFees() {
        var processFee = parseFloat(document.getElementById('process_fee').value) || 0;
        var preProcessFeeEl = document.getElementById('pre_process_fee');
        var preProcessFee = preProcessFeeEl ? (parseFloat(preProcessFeeEl.value) || 0) : 0;
        document.getElementById('tot_process_fees').value = processFee + preProcessFee;
    }

    function previewCreditPaper() {
        window.open(
            "{{ route('lead.print-credit-paper', $lead->serial_no) }}?popup=1",
            "PreviewCreditPaper",
            "width=1000,height=800"
        );
    }

    function confirmSubmitVerification(event) {
        event.preventDefault();
        var btn = event.currentTarget;
        var form = btn.form;
        Swal.fire({
            title: 'Submit for Verification?',
            text: 'This will send the credit paper for verification by two reviewers before it can proceed to Recommendation.',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Yes, submit',
            cancelButtonText: 'Cancel'
        }).then((result) => {
            if (result.isConfirmed) {
                form.action = btn.formAction;
                form.method = btn.formMethod;
                form.submit();
            }
        });
        return false;
    }
    document.addEventListener('DOMContentLoaded', function() {
        // updateTotalProcessFees();
        calculateProfitCharges();
        calculatePostAdminFees();
        // calculateDiscountCharges();

        // Auto-fit textareas to their content height
        function autoFitTextarea(el) {
            el.style.height = 'auto';
            el.style.height = el.scrollHeight + 'px';
        }

        document.querySelectorAll('.autofit-textarea').forEach(autoFitTextarea);

        document.addEventListener('input', function (e) {
            if (e.target.matches('.autofit-textarea')) {
                autoFitTextarea(e.target);
            }
        });

        function calculateProfitCharges() {
            var profitChargesEl = document.getElementById('profit_charges');
            var preFactoringChargesEl = document.getElementById('pre_factoring_charges');
            var preCollPeriodEl = document.getElementById('pre_coll_period');
            var preAmountEl = document.getElementById('pre_amount');
            if (!profitChargesEl || !preFactoringChargesEl || !preCollPeriodEl || !preAmountEl) { return; }
            var preFactoringCharges = parseFloat(preFactoringChargesEl.value) || 0;
            var preCollPeriod = parseFloat(preCollPeriodEl.value) || 0;
            var preAmount = parseFloat(preAmountEl.value) || 0;
            var preFactoringChargesDecimal = preFactoringCharges / 100;
            if (preFactoringCharges && preCollPeriod && preAmount) {
                profitChargesEl.value = (preFactoringChargesDecimal * preCollPeriod * preAmount * 12 / 365).toFixed(2);
            } else {
                profitChargesEl.value = '';
            }
        }

        function calculatePostAdminFees() {
            var contractValue = parseFloat(document.getElementById('contract_value').value) || 0;
            var factoringAdminFees = parseFloat(document.getElementById('factoring_admin_fees').value) || 0;
            var factoringAdminFeesDecimal = factoringAdminFees / 100;
            if (contractValue && factoringAdminFees) {
                document.getElementById('post_admin_fees').value = (contractValue * factoringAdminFeesDecimal).toFixed(2);
            } else {
                document.getElementById('post_admin_fees').value = '';
            }
        }

        function calculateDiscountCharges() {
            var postAmount = parseFloat(document.getElementById('post_amount').value) || 0;
            var postCollPeriod = parseFloat(document.getElementById('post_coll_period').value) || 0;
            var factoringDiscountCharges = parseFloat(document.getElementById('factoring_discount_charges').value) || 0;
            var factoringDiscountChargesDecimal = factoringDiscountCharges / 100;
            if (postAmount && postCollPeriod && factoringDiscountCharges) {
                document.getElementById('discount_charges').value = (postAmount * postCollPeriod * factoringDiscountChargesDecimal * 12 / 365).toFixed(2);
            } else {
                document.getElementById('discount_charges').value = '';
            }
        }

        var preFactoringChargesInput = document.getElementById('pre_factoring_charges');
        var preCollPeriodInput = document.getElementById('pre_coll_period');
        var preAmountInput = document.getElementById('pre_amount');
        var contractValueInput = document.getElementById('contract_value');
        var factoringAdminFeesInput = document.getElementById('factoring_admin_fees');
        var postAmountInput = document.getElementById('post_amount');
        var postCollPeriodInput = document.getElementById('post_coll_period');
        var factoringDiscountChargesInput = document.getElementById('factoring_discount_charges');

        if (preFactoringChargesInput && preCollPeriodInput && preAmountInput) {
            preFactoringChargesInput.addEventListener('input', calculateProfitCharges);
            preCollPeriodInput.addEventListener('input', calculateProfitCharges);
            preAmountInput.addEventListener('input', calculateProfitCharges);
        }
        if (contractValueInput && factoringAdminFeesInput) {
            contractValueInput.addEventListener('input', calculatePostAdminFees);
            factoringAdminFeesInput.addEventListener('input', calculatePostAdminFees);
        }
        if (postAmountInput && postCollPeriodInput && factoringDiscountChargesInput) {
            postAmountInput.addEventListener('input', calculateDiscountCharges);
            postCollPeriodInput.addEventListener('input', calculateDiscountCharges);
            factoringDiscountChargesInput.addEventListener('input', calculateDiscountCharges);
        }

        // Keep the CURRENT AND PROPOSED FACILITIES preview in sync with the
        // Financing Amount / Exposure figures entered above
        function formatRM(value) {
            var num = parseFloat(value) || 0;
            return 'RM ' + num.toFixed(2);
        }

        function syncFacilitiesPreview(inputId, previewId) {
            var input = document.getElementById(inputId);
            var preview = document.getElementById(previewId);
            if (!input || !preview) { return; }
            var update = function () { preview.textContent = formatRM(input.value); };
            input.addEventListener('input', update);
            update();
        }

        syncFacilitiesPreview('pre_amount', 'preview_pre_amount');
        syncFacilitiesPreview('post_amount', 'preview_post_amount');
        syncFacilitiesPreview('client_exposure', 'preview_client_exposure');
        syncFacilitiesPreview('wfc_exposure', 'preview_wfc_exposure');
    });
</script>
<script src="{{ URL::asset('build/js/pages/sweet-alerts.init.js') }}"></script>
<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