@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <div class="m-subheader">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    Checklist Detail — {{ !empty($lead->customer_name) ? ucwords(strtolower($lead->customer_name)) : ($lead->application_id ?? '—') }}
                </h3>
                <span style="padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 600; background-color: #e1f0ff; color: #3699ff; margin-left: 10px;">
                    Status: {{ $currentStatus ?? 'In-Progress' }}
                </span>
            </div>
        </div>
    </div>
    <div class="m-content">

        @php
            function daVal($v) { return ($v !== null && $v !== '') ? $v : '—'; }
        @endphp

        {{-- Action Buttons --}}
        <div style="margin-bottom: 15px; display: flex; gap: 10px; align-items: center;">
            <a href="/admin/co-lending/leads" class="btn btn-default btn-sm">
                <i class="fa fa-arrow-left"></i> Back to Leads
            </a>

            <div class="dropdown">
                <button class="btn btn-accent btn-sm dropdown-toggle {{ (empty($allowedOptions) || count($allowedOptions) == 0) ? 'disabled' : '' }}" type="button" id="changeStatusDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" {{ (empty($allowedOptions) || count($allowedOptions) == 0) ? 'disabled' : '' }}>
                    <i class="fa fa-edit"></i> Change Status
                </button>
                <div class="dropdown-menu" aria-labelledby="changeStatusDropdown" style="font-size: 13px;">
                    @forelse($allowedOptions as $stOption)
                        <a class="dropdown-item status-option" href="javascript:void(0);" data-status="{{ $stOption }}">{{ $stOption }}</a>
                    @empty
                        <span class="dropdown-item disabled" style="color: #999;">No further status transitions</span>
                    @endforelse
                </div>
            </div>
        </div>

        {{-- BRE Decision Result Summary (Top Section for Credit Team Decisioning) --}}
        @php
            $calculatedAmount = 0;
            if (isset($lead->loan_amount)) {
                if (($lead->partner_id ?? null) == 1) {
                    $calculatedAmount = $lead->loan_amount * 0.9;
                } elseif (($lead->partner_id ?? null) == 2) {
                    $calculatedAmount = $lead->loan_amount * 0.8;
                } else {
                    $calculatedAmount = $lead->loan_amount;
                }
            }
            $calculatedAmount = number_format($calculatedAmount, 2, '.', '');

            $hasBreEntry = isset($breDecision) && !empty($breDecision);

            $apiResp = [];
            $payloadData = [];

            if ($hasBreEntry) {
                // Get response JSON string and decode safely
                $rawResponseStr = trim((string)($breDecision->api_response ?? ($breDecision->response ?? '')));
                if ($rawResponseStr !== '' && $rawResponseStr !== '[]' && $rawResponseStr !== '{}') {
                    $decodedResp = is_array($breDecision->api_response) ? $breDecision->api_response : json_decode($rawResponseStr, true);
                    if (is_array($decodedResp)) {
                        $apiResp = $decodedResp;
                    }
                }

                // Get payload JSON string and decode safely
                $rawPayloadStr = trim((string)($breDecision->payload ?? ''));
                $payloadRaw = [];
                if ($rawPayloadStr !== '' && $rawPayloadStr !== '[]' && $rawPayloadStr !== '{}') {
                    $decodedP = is_array($breDecision->payload) ? $breDecision->payload : json_decode($rawPayloadStr, true);
                    if (is_array($decodedP)) {
                        $payloadRaw = $decodedP;
                    }
                }

                // Extract nested payloadData dictionary safely
                if (!empty($payloadRaw)) {
                    if (isset($payloadRaw['payload']) && is_array($payloadRaw['payload']) && !empty($payloadRaw['payload'])) {
                        $payloadData = $payloadRaw['payload'];
                    } elseif (isset($payloadRaw['grade']['rules']) && is_array($payloadRaw['grade']['rules'])) {
                        foreach ($payloadRaw['grade']['rules'] as $ruleGrp) {
                            if (isset($ruleGrp['payload']) && is_array($ruleGrp['payload']) && !empty($ruleGrp['payload'])) {
                                $payloadData = $ruleGrp['payload'];
                                break;
                            }
                        }
                    } else {
                        $payloadData = $payloadRaw;
                    }
                }
            }

            // Check if response and payload have content
            $hasResponseData = !empty($apiResp);
            $hasPayloadData  = !empty($payloadData);

            // Response status value
            $respStatusVal = null;
            if ($hasResponseData && isset($apiResp['status'])) {
                $respStatusVal = $apiResp['status'];
            }

            // Strictly evaluate BRE status success:
            // "BRE status only consider success if the response column has data and 'status' should be true"
            $isPassed = $hasBreEntry && $hasResponseData && ($respStatusVal === true || $respStatusVal === 1 || strtolower(trim((string)$respStatusVal)) === 'true');
            $isFailed = $hasBreEntry && (!$isPassed);

            // Find failed condition if any
            $failedConditionInfo = null;
            if ($hasResponseData) {
                foreach ($apiResp as $k => $v) {
                    if (is_array($v) && isset($v['failed_condition'])) {
                        $fcKey = $v['failed_condition']['key'] ?? null;
                        $fcReason = $v['failed_condition']['reason'] ?? null;
                        if ($fcKey || $fcReason) {
                            $failedConditionInfo = "Failed Condition: Rule " . ($fcKey ? "{$fcKey} " : "") . "failed — " . ($fcReason ?? "Policy check failed");
                            break;
                        }
                    }
                }
            }
        @endphp
        @if(strtolower(trim($currentStatus)) === 'disbursed' && isset($disbursementDetails))
        <div class="m-portlet m-portlet--mobile" style="border-left: 4px solid #34bfa3;">
            <div class="m-portlet__head" style="background-color: #fafbfc;">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text" style="color: #34bfa3; font-weight: 600;">
                            Disbursement Details
                        </h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body" style="padding: 15px 20px;">
                <div class="row">
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 10px;">
                        <div style="font-size: 11px; font-weight: 600; text-transform: uppercase; color: #898b96; margin-bottom: 3px;">Amount</div>
                        <div style="font-size: 16px; font-weight: 700; color: #34bfa3;">₹{{ number_format($disbursementDetails->amount ?? 0, 2) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 10px;">
                        <div style="font-size: 11px; font-weight: 600; text-transform: uppercase; color: #898b96; margin-bottom: 3px;">UTR Number</div>
                        <div style="font-size: 14px; font-weight: 600; color: #212529;">{{ $disbursementDetails->utr_number ?? '—' }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 10px;">
                        <div style="font-size: 11px; font-weight: 600; text-transform: uppercase; color: #898b96; margin-bottom: 3px;">Disbursement Date</div>
                        <div style="font-size: 14px; font-weight: 600; color: #212529;">{{ !empty($disbursementDetails->disbursement_date) ? date('d-M-Y', strtotime($disbursementDetails->disbursement_date)) : '—' }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 10px;">
                        <div style="font-size: 11px; font-weight: 600; text-transform: uppercase; color: #898b96; margin-bottom: 3px;">Disbursed By</div>
                        <div style="font-size: 14px; font-weight: 600; color: #212529;">{{ $disbursementDetails->user_name ?? 'System' }}</div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        <div class="m-portlet m-portlet--mobile" style="border-left: 4px solid {{ !$hasBreEntry ? '#ffb822' : ($isPassed ? '#34bfa3' : '#f4516c') }};">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon"><i class="fa fa-calculator"></i></span>
                        <h3 class="m-portlet__head-text">
                            BRE Decision Result
                        </h3>
                    </div>
                </div>
                <div class="m-portlet__head-tools">
                    @if(!$isPassed && strtolower(trim($currentStatus)) !== 'disbursed')
                        <!-- <button type="button" class="btn btn-outline-warning btn-sm btn-rerun-bre" data-lead-id="{{ $lead->id }}" style="font-size: 11px; padding: 3px 8px; margin-right: 5px;" title="Re-run BRE">
                            <i class="fa fa-refresh"></i> Re-run BRE
                        </button> -->
                    @endif
                    @if(isset($breDecision->id))
                        <a href="/admin/co-lending/decision-results/{{ $breDecision->id }}" target="_blank" class="btn btn-outline-primary btn-sm" style="font-size: 11px; padding: 3px 8px;">
                            <i class="fa fa-external-link"></i> View Full BRE Detail
                        </a>
                    @endif
                </div>
            </div>
            <div class="m-portlet__body">
                @if($hasBreEntry)
                    <div class="row" style="font-size: 13px;">
                        <div class="col-md-3 col-sm-6" style="margin-bottom: 10px;">
                            <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">BRE Status</div>
                            <div>
                                @if($isPassed)
                                    <span class="badge badge-success" style="font-size: 12px; padding: 5px 10px;"><i class="fa fa-check-circle"></i> Passed / Approved</span>
                                @else
                                    <span class="badge badge-danger" style="font-size: 12px; padding: 5px 10px;"><i class="fa fa-times-circle"></i> BRE Failed</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6" style="margin-bottom: 10px;">
                            <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Evaluated At</div>
                            <div style="font-weight: 500;">{{ $breDecision->created_at ?? '—' }}</div>
                        </div>
                        <div class="col-md-6 col-sm-12" style="margin-bottom: 10px;">
                            <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Policy Checks Summary</div>
                            <div style="font-size: 12px; color: #575962;">
                                @if(!$hasResponseData && !$hasPayloadData)
                                    <span style="color: #f4516c; font-weight: 500;"><i class="fa fa-exclamation-triangle"></i> BRE Failed — Response or payload data is empty</span>
                                @elseif(!$isPassed)
                                    @if($failedConditionInfo)
                                        <span style="color: #f4516c; font-weight: 500;"><i class="fa fa-times-circle"></i> {{ $failedConditionInfo }}</span>
                                    @else
                                        <span style="color: #f4516c; font-weight: 500;"><i class="fa fa-times-circle"></i> BRE Failed — Policy checks failed</span>
                                    @endif
                                @else
                                    @php
                                        $policies = [];
                                        foreach ($apiResp as $k => $v) {
                                            if ($k !== 'status' && is_array($v)) {
                                                $policies[$k] = $v;
                                            }
                                        }
                                    @endphp
                                    @if(count($policies) > 0)
                                        <span style="color: #34bfa3; font-weight: 500;"><i class="fa fa-check-circle"></i> Passed {{ count($policies) }} BRE Policy Checks ({{ implode(', ', array_keys($policies)) }}).</span>
                                    @else
                                        <span style="color: #34bfa3; font-weight: 500;"><i class="fa fa-check-circle"></i> BRE decision passed successfully.</span>
                                    @endif
                                @endif
                            </div>
                        </div>
                    </div>

                    {{-- Critical BRE Payload Metrics --}}
                    @if(!empty($payloadData))
                    <div style="margin-top: 15px; padding-top: 15px; border-top: 1px solid #ebedf2;">
                        <div style="font-size: 11px; font-weight: 700; text-transform: uppercase; color: #575962; margin-bottom: 12px; letter-spacing: 0.5px;">
                            BRE Payload Metrics
                        </div>
                        <div class="row" style="font-size: 13px;">
                            <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                                <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Bureau Score</div>
                                <div style="font-weight: 700; color: #3f4047;">{{ daVal($payloadData['bureau_score'] ?? null) }}</div>
                            </div>
                            <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                                <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Loan Purpose</div>
                                <div style="font-weight: 500;">{{ daVal(isset($payloadData['loan_purpose']) ? ucwords($payloadData['loan_purpose']) : null) }}</div>
                            </div>
                            <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                                <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Applicant NTC</div>
                                <div style="font-weight: 500;">
                                    @php
                                        $ntcVal = isset($payloadData['applicant_ntc']) ? strtolower(trim((string)$payloadData['applicant_ntc'])) : '';
                                    @endphp
                                    @if(in_array($ntcVal, ['no', 'false', '0']))
                                        No
                                    @elseif(in_array($ntcVal, ['yes', 'true', '1']))
                                        Yes
                                    @else
                                        {{ daVal($payloadData['applicant_ntc'] ?? null) }}
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                                <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Co-Applicant Status</div>
                                <div>
                                    @if(isset($payloadData['co_applicant_age_1']) && floatval($payloadData['co_applicant_age_1']) > 0)
                                        <span class="badge badge-success" style="font-size: 11px; padding: 4px 8px;"><i class="fa fa-user-plus"></i> Co-Applicant Present (Age: {{ $payloadData['co_applicant_age_1'] }})</span>
                                    @else
                                        <span class="badge badge-secondary" style="font-size: 11px; padding: 4px 8px;">No Co-Applicant</span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                                <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">DPD (0-6 Months)</div>
                                <div style="font-weight: 500;">{{ daVal($payloadData['dpd_0_6_months'] ?? null) }}</div>
                            </div>
                            <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                                <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">DPD (6-12 Months)</div>
                                <div style="font-weight: 500;">{{ daVal($payloadData['dpd_6_12_months'] ?? null) }}</div>
                            </div>
                            <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                                <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Overdue Amount</div>
                                <div style="font-weight: 500;">{{ (isset($payloadData['overdue_amount']) && is_numeric($payloadData['overdue_amount'])) ? ('₹' . number_format((float)$payloadData['overdue_amount'])) : daVal($payloadData['overdue_amount'] ?? null) }}</div>
                            </div>
                            <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                                <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Business Income</div>
                                <div style="font-weight: 600; color: #34bfa3;">{{ (isset($payloadData['business_income']) && is_numeric($payloadData['business_income'])) ? ('₹' . number_format((float)$payloadData['business_income'])) : daVal($payloadData['business_income'] ?? null) }}</div>
                            </div>
                        </div>
                    </div>
                    @endif
                @else
                    <div class="text-muted" style="font-size: 13px;">
                        <i class="fa fa-info-circle"></i> BRE not executed yet for this lead.
                    </div>
                @endif
            </div>
        </div>

        {{-- Personal Information --}}
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon"><i class="fa fa-user"></i></span>
                        <h3 class="m-portlet__head-text">Personal Information</h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">
                <div class="row" style="font-size: 13px;">
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Customer Name</div>
                        <div style="font-weight: 600;">{{ daVal(!empty($lead->customer_name) ? ucwords(strtolower($lead->customer_name)) : null) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Gender</div>
                        <div>{{ daVal(isset($lead->gender) ? ucfirst($lead->gender) : null) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Date of Birth</div>
                        <div>{{ daVal($lead->date_of_birth ?? null) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Customer Category</div>
                        <div>{{ daVal($lead->customer_category ?? null) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Mobile Number</div>
                        <div>{{ daVal($lead->mobile_number ?? null) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Aadhaar Number</div>
                        <div>{{ daVal($lead->aadhaar_number ?? null) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">PAN Card</div>
                        <div>{{ daVal(isset($lead->pan_number) ? strtoupper($lead->pan_number) : null) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Marital Status</div>
                        <div>{{ daVal($lead->marital_status ?? null) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Name of Business</div>
                        <div>{{ daVal($lead->name_of_business ?? null) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Branch Code</div>
                        <div>{{ daVal($lead->branch_code ?? null) }}</div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Address --}}
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon"><i class="fa fa-map-marker"></i></span>
                        <h3 class="m-portlet__head-text">Address Information</h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">
                <div class="row" style="font-size: 13px;">
                    <div class="col-md-6 col-sm-12" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Current Address</div>
                        <div>{{ daVal($lead->current_address ?? null) }}</div>
                    </div>
                    <div class="col-md-2 col-sm-4" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">City</div>
                        <div>{{ daVal($lead->current_city ?? null) }}</div>
                    </div>
                    <div class="col-md-2 col-sm-4" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">State</div>
                        <div>{{ daVal($lead->current_state ?? null) }}</div>
                    </div>
                    <div class="col-md-2 col-sm-4" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Pincode</div>
                        <div>{{ daVal($lead->current_pincode ?? null) }}</div>
                    </div>
                    @if(!empty($lead->permanent_address))
                    <div class="col-md-6 col-sm-12" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Permanent Address</div>
                        <div>{{ daVal($lead->permanent_address) }}</div>
                    </div>
                    <div class="col-md-2 col-sm-4" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Permanent City</div>
                        <div>{{ daVal($lead->permanent_city ?? null) }}</div>
                    </div>
                    <div class="col-md-2 col-sm-4" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Permanent State</div>
                        <div>{{ daVal($lead->permanent_state ?? null) }}</div>
                    </div>
                    <div class="col-md-2 col-sm-4" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Permanent Pincode</div>
                        <div>{{ daVal($lead->permanent_pincode ?? null) }}</div>
                    </div>
                    @endif
                </div>
            </div>
        </div>

        {{-- Loan & Application Info --}}
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon"><i class="fa fa-file-text-o"></i></span>
                        <h3 class="m-portlet__head-text">Loan & Application Details</h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">
                <div class="row" style="font-size: 13px;">
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Application ID</div>
                        <div style="font-weight: 600;">{{ daVal($lead->application_id ?? null) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Vendor / Partner</div>
                        <div>{{ daVal($lead->partner_name ?? (isset($lead->vendor) ? ucfirst($lead->vendor) : null)) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Upload Batch ID</div>
                        <div>{{ daVal($lead->upload_batch_id ?? null) }}</div>
                    </div>
                    <div class="col-md-3 col-sm-6" style="margin-bottom: 12px;">
                        <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 3px;">Created At</div>
                        <div>{{ daVal($lead->created_at ?? null) }}</div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Documents Section --}}
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon"><i class="fa fa-folder-open"></i></span>
                        <h3 class="m-portlet__head-text">Uploaded Documents</h3>
                    </div>
                </div>
                <div class="m-portlet__head-tools">
                    <button class="btn btn-outline-primary btn-sm" type="button" data-toggle="collapse" data-target="#uploadDocumentFormBlock" aria-expanded="false" aria-controls="uploadDocumentFormBlock" style="font-size: 11px; padding: 3px 8px;">
                        <i class="fa fa-upload"></i> Upload Document
                    </button>
                </div>
            </div>
            <div class="m-portlet__body">
                <div class="collapse" id="uploadDocumentFormBlock" style="margin-bottom: 20px; background-color: #fafbfc; border: 1px solid #ebedf2; border-radius: 6px; padding: 15px;">
                    <form id="frmUploadDocument" enctype="multipart/form-data">
                        <div class="row align-items-end">
                            <div class="col-md-5 col-sm-12">
                                <label style="font-weight: 500; font-size: 12px; margin-bottom: 5px;">Document Name / Type <span class="text-danger">*</span></label>
                                <select id="uploadDocName" class="form-control form-control-sm" required>
                                    <option value="">-- Select Master Document --</option>
                                    @if(isset($masterDocuments) && count($masterDocuments) > 0)
                                        @foreach($masterDocuments as $docMaster)
                                            <option value="{{ $docMaster->code }}" data-name="{{ $docMaster->name }}">{{ ucfirst($docMaster->name) }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            <div class="col-md-5 col-sm-12">
                                <label style="font-weight: 500; font-size: 12px; margin-bottom: 5px;">Choose File <span class="text-danger">*</span></label>
                                <input type="file" id="uploadDocFile" class="form-control form-control-sm" style="border: none; padding-left: 0;" required>
                            </div>
                            <div class="col-md-2 col-sm-12 text-right">
                                <button type="submit" class="btn btn-accent btn-sm btn-block" id="btnSubmitUpload" style="font-size: 11px; padding: 5px 10px;"><i class="fa fa-cloud-upload"></i> Upload</button>
                            </div>
                        </div>
                    </form>
                </div>

                <style>
                    .document-row-hover:hover {
                        background-color: #fafbfc;
                    }
                    .doc-link-hover:hover {
                        color: #36a3f7 !important;
                    }
                    .doc-section-heading {
                        font-size: 14px;
                        font-weight: 700;
                        color: #2c3e50;
                        margin-bottom: 12px;
                        display: flex;
                        align-items: center;
                    }
                </style>

                @php
                    $currStatusLower      = strtolower(trim($currentStatus ?? ''));
                    $isPreSanctionLocked  = in_array($currStatusLower, ['approved', 'disbursement checklist done', 'ready for disbursement', 'disbursed']);
                    $isPostSanctionLocked = in_array($currStatusLower, ['disbursement checklist done', 'ready for disbursement', 'disbursed']);
                @endphp

                {{-- Section 1: Pre-Sanction Documents --}}
                @php
                    $preSanctionReqList = isset($preSanctionConfigs) ? $preSanctionConfigs->map(function($c){ return $c->documentMaster->name ?? null; })->filter()->values()->toArray() : [];
                    $preSanctionReqText = count($preSanctionReqList) > 0 ? "Required Pre-Sanction Documents:<br/>• " . implode("<br/>• ", $preSanctionReqList) : "No requirements configured";
                    $uploadedPreSanction = isset($preSanctionConfigs) ? $preSanctionConfigs->filter(function($c){ return !empty($c->uploadedDocument); })->values() : collect();
                @endphp
                <div style="margin-bottom: 25px;">
                    <div class="doc-section-heading" style="display: flex; align-items: center; margin-bottom: 10px;">
                        <span class="badge badge-primary" style="font-size: 11px; padding: 5px 10px; margin-right: 8px;">Pre-Sanction Documents</span>
                        <i class="fa fa-info-circle text-primary" data-toggle="tooltip" data-html="true" data-placement="right" title="{{ $preSanctionReqText }}" style="cursor: pointer; font-size: 15px;"></i>
                    </div>
                    @if(count($uploadedPreSanction) > 0)
                        <div class="table-responsive" style="border: 1px solid #f0f1f4; border-radius: 8px; overflow: hidden;">
                            <table class="table align-middle mb-0" style="font-size: 13px; border-collapse: separate; border-spacing: 0; width: 100%;">
                                <thead>
                                    <tr style="background-color: #f8f9fb; border-bottom: 2px solid #ebedf2;">
                                        <th style="width: 50px; padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;" class="text-center">#</th>
                                        <th style="padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;">Document Name</th>
                                        <th style="width: 160px; padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;">Uploaded By</th>
                                        <th style="width: 160px; padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;">Uploaded At</th>
                                        <th style="width: 260px; padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;" class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($uploadedPreSanction as $index => $cfg)
                                        @php
                                            $docMaster = $cfg->documentMaster;
                                            $uploaded  = $cfg->uploadedDocument;
                                            $logs      = $cfg->docLogs ?? collect();
                                            $status    = $cfg->latestStatus ?? null;
                                        @endphp
                                        <tr style="transition: background-color 0.2s ease; border-bottom: 1px solid #f0f1f4;" class="document-row-hover" data-doc-id="{{ $uploaded ? $uploaded->id : '' }}" data-doc-code="{{ $docMaster->code ?? '' }}">
                                            <td class="text-center" style="padding: 14px 16px; color: #888; font-weight: 500; border: none; border-bottom: 1px solid #f0f1f4;">
                                                {{ $index + 1 }}
                                            </td>
                                            <td style="padding: 14px 16px; border: none; border-bottom: 1px solid #f0f1f4; font-weight: 600; color: #34495e;">
                                                <span class="doc-status-icon">
                                                    @if($status === 'approved')
                                                        <i class="fa fa-check-circle text-success" title="Approved" style="margin-right: 6px; font-size: 14px;"></i>
                                                    @elseif($status === 'rejected')
                                                        <i class="fa fa-times-circle text-danger" title="Rejected" style="margin-right: 6px; font-size: 14px;"></i>
                                                    @endif
                                                </span>
                                                <span class="doc-title-text">{{ $docMaster->name ?? '—' }}</span>
                                            </td>
                                            <td style="padding: 14px 16px; color: #34495e; border: none; border-bottom: 1px solid #f0f1f4; font-weight: 500;">
                                                {{ $uploaded ? ($uploaded->user_name ?? 'Credit Fair') : '—' }}
                                            </td>
                                            <td style="padding: 14px 16px; color: #7f8c8d; border: none; border-bottom: 1px solid #f0f1f4;">
                                                {{ ($uploaded && !empty($uploaded->created_at)) ? \Carbon\Carbon::parse($uploaded->created_at)->format('Y-m-d H:i:s') : '—' }}
                                            </td>
                                            <td class="text-center" style="padding: 14px 16px; border: none; border-bottom: 1px solid #f0f1f4;">
                                                <div style="display: flex; gap: 4px; justify-content: center; align-items: center; flex-wrap: wrap;">
                                                    @if($uploaded)
                                                        <a href="{{ route('admin.da-system.document.view', $uploaded->id) }}" target="_blank" class="btn btn-sm btn-outline-info" style="padding: 3px 7px; font-size: 11px; border-radius: 4px; font-weight: 600; border: 1.5px solid #36a3f7; color: #36a3f7;" title="View Document">
                                                            <i class="fa fa-eye"></i> View
                                                        </a>
                                                        @if(!$isPreSanctionLocked)
                                                            <button type="button" class="btn btn-sm btn-outline-success btn-approve-doc" data-id="{{ $uploaded->id }}" data-code="{{ $docMaster->code ?? '' }}" data-name="{{ $docMaster->name ?? '' }}" style="padding: 3px 7px; font-size: 11px; border-radius: 4px; font-weight: 600; {{ $status === 'approved' ? 'display: none;' : '' }}" title="Approve Document">
                                                                <i class="fa fa-check"></i> Approve
                                                            </button>
                                                            <button type="button" class="btn btn-sm btn-outline-danger btn-reject-doc" data-id="{{ $uploaded->id }}" data-code="{{ $docMaster->code ?? '' }}" data-name="{{ $docMaster->name ?? '' }}" style="padding: 3px 7px; font-size: 11px; border-radius: 4px; font-weight: 600; {{ $status === 'rejected' ? 'display: none;' : '' }}" title="Reject Document">
                                                                <i class="fa fa-times"></i> Reject
                                                            </button>
                                                        @endif
                                                    @endif
                                                    <button type="button" class="btn btn-sm btn-outline-secondary btn-logs-toggle" data-toggle="collapse" data-target="#preLogsRow_{{ $index }}" aria-expanded="false" style="padding: 3px 7px; font-size: 11px; border-radius: 4px; font-weight: 600; {{ count($logs) > 0 ? '' : 'display: none;' }}" title="View Audit Logs">
                                                        <i class="fa fa-history"></i> Logs (<span class="logs-count">{{ count($logs) }}</span>)
                                                    </button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr id="preLogsRow_{{ $index }}" class="collapse logs-row" style="background-color: #fcfdfe;">
                                            <td colspan="5" style="padding: 10px 20px; border-bottom: 1px solid #ebedf2;">
                                                <div style="font-size: 11px; font-weight: 600; color: #575962; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px;">
                                                    <i class="fa fa-history"></i> Audit Logs / Approval History
                                                </div>
                                                <div class="logs-list-container" style="display: flex; flex-direction: column; gap: 4px;">
                                                    @foreach($logs as $log)
                                                        <div style="font-size: 12px; display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 6px 12px; border-radius: 4px; border: 1px solid #eef0f3;">
                                                            <div>
                                                                @if(strtolower($log->action) === 'approved')
                                                                    <span class="badge badge-success" style="font-size: 10px; padding: 3px 6px;">Approved</span>
                                                                @else
                                                                    <span class="badge badge-danger" style="font-size: 10px; padding: 3px 6px;">Rejected</span>
                                                                @endif
                                                                <strong style="margin-left: 6px; color: #333;">{{ $log->user_name ?? 'User' }}</strong>
                                                                @if(!empty($log->remark))
                                                                    <span style="color: #666; margin-left: 8px;">— <em>"{{ $log->remark }}"</em></span>
                                                                @endif
                                                            </div>
                                                            <div style="font-size: 11px; color: #888; display: flex; align-items: center; gap: 8px;">
                                                                @if(!empty($log->blacksoil_document_id))
                                                                    <a href="{{ route('admin.da-system.document.view', $log->blacksoil_document_id) }}" target="_blank" class="btn btn-sm btn-outline-info" style="padding: 2px 6px; font-size: 10px; border-radius: 3px;" title="View Document File">
                                                                        <i class="fa fa-eye"></i> View Document
                                                                    </a>
                                                                @endif
                                                                <span>{{ !empty($log->created_at) ? \Carbon\Carbon::parse($log->created_at)->format('Y-m-d H:i:s') : '' }}</span>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="text-center text-muted" style="padding: 12px; background: #fdfdfd; border: 1px dashed #e2e8f0; border-radius: 6px; font-size: 12px;">
                            No pre-sanction documents uploaded yet.
                        </div>
                    @endif
                </div>

                {{-- Section 2: Post-Sanction Documents --}}
                @php
                    $postSanctionReqList = isset($postSanctionConfigs) ? $postSanctionConfigs->map(function($c){ return $c->documentMaster->name ?? null; })->filter()->values()->toArray() : [];
                    $postSanctionReqText = count($postSanctionReqList) > 0 ? "Required Post-Sanction Documents:<br/>• " . implode("<br/>• ", $postSanctionReqList) : "No requirements configured";
                    $uploadedPostSanction = isset($postSanctionConfigs) ? $postSanctionConfigs->filter(function($c){ return !empty($c->uploadedDocument); })->values() : collect();
                @endphp
                <div style="margin-bottom: 25px;">
                    <div class="doc-section-heading" style="display: flex; align-items: center; margin-bottom: 10px;">
                        <span class="badge badge-info" style="font-size: 11px; padding: 5px 10px; margin-right: 8px;">Post-Sanction Documents</span>
                        <i class="fa fa-info-circle text-info" data-toggle="tooltip" data-html="true" data-placement="right" title="{{ $postSanctionReqText }}" style="cursor: pointer; font-size: 15px;"></i>
                    </div>
                    @if(count($uploadedPostSanction) > 0)
                        <div class="table-responsive" style="border: 1px solid #f0f1f4; border-radius: 8px; overflow: hidden;">
                            <table class="table align-middle mb-0" style="font-size: 13px; border-collapse: separate; border-spacing: 0; width: 100%;">
                                <thead>
                                    <tr style="background-color: #f8f9fb; border-bottom: 2px solid #ebedf2;">
                                        <th style="width: 50px; padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;" class="text-center">#</th>
                                        <th style="padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;">Document Name</th>
                                        <th style="width: 160px; padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;">Uploaded By</th>
                                        <th style="width: 160px; padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;">Uploaded At</th>
                                        <th style="width: 260px; padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;" class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($uploadedPostSanction as $index => $cfg)
                                        @php
                                            $docMaster = $cfg->documentMaster;
                                            $uploaded  = $cfg->uploadedDocument;
                                            $logs      = $cfg->docLogs ?? collect();
                                            $status    = $cfg->latestStatus ?? null;
                                        @endphp
                                        <tr style="transition: background-color 0.2s ease; border-bottom: 1px solid #f0f1f4;" class="document-row-hover" data-doc-id="{{ $uploaded ? $uploaded->id : '' }}" data-doc-code="{{ $docMaster->code ?? '' }}">
                                            <td class="text-center" style="padding: 14px 16px; color: #888; font-weight: 500; border: none; border-bottom: 1px solid #f0f1f4;">
                                                {{ $index + 1 }}
                                            </td>
                                            <td style="padding: 14px 16px; border: none; border-bottom: 1px solid #f0f1f4; font-weight: 600; color: #34495e;">
                                                <span class="doc-status-icon">
                                                    @if($status === 'approved')
                                                        <i class="fa fa-check-circle text-success" title="Approved" style="margin-right: 6px; font-size: 14px;"></i>
                                                    @elseif($status === 'rejected')
                                                        <i class="fa fa-times-circle text-danger" title="Rejected" style="margin-right: 6px; font-size: 14px;"></i>
                                                    @endif
                                                </span>
                                                <span class="doc-title-text">{{ $docMaster->name ?? '—' }}</span>
                                            </td>
                                            <td style="padding: 14px 16px; color: #34495e; border: none; border-bottom: 1px solid #f0f1f4; font-weight: 500;">
                                                {{ $uploaded ? ($uploaded->user_name ?? 'Credit Fair') : '—' }}
                                            </td>
                                            <td style="padding: 14px 16px; color: #7f8c8d; border: none; border-bottom: 1px solid #f0f1f4;">
                                                {{ ($uploaded && !empty($uploaded->created_at)) ? \Carbon\Carbon::parse($uploaded->created_at)->format('Y-m-d H:i:s') : '—' }}
                                            </td>
                                            <td class="text-center" style="padding: 14px 16px; border: none; border-bottom: 1px solid #f0f1f4;">
                                                <div style="display: flex; gap: 4px; justify-content: center; align-items: center; flex-wrap: wrap;">
                                                    @if($uploaded)
                                                        <a href="{{ route('admin.da-system.document.view', $uploaded->id) }}" target="_blank" class="btn btn-sm btn-outline-info" style="padding: 3px 7px; font-size: 11px; border-radius: 4px; font-weight: 600; border: 1.5px solid #36a3f7; color: #36a3f7;" title="View Document">
                                                            <i class="fa fa-eye"></i> View
                                                        </a>
                                                        @if(!$isPostSanctionLocked)
                                                            <button type="button" class="btn btn-sm btn-outline-success btn-approve-doc" data-id="{{ $uploaded->id }}" data-code="{{ $docMaster->code ?? '' }}" data-name="{{ $docMaster->name ?? '' }}" style="padding: 3px 7px; font-size: 11px; border-radius: 4px; font-weight: 600; {{ $status === 'approved' ? 'display: none;' : '' }}" title="Approve Document">
                                                                <i class="fa fa-check"></i> Approve
                                                            </button>
                                                            <button type="button" class="btn btn-sm btn-outline-danger btn-reject-doc" data-id="{{ $uploaded->id }}" data-code="{{ $docMaster->code ?? '' }}" data-name="{{ $docMaster->name ?? '' }}" style="padding: 3px 7px; font-size: 11px; border-radius: 4px; font-weight: 600; {{ $status === 'rejected' ? 'display: none;' : '' }}" title="Reject Document">
                                                                <i class="fa fa-times"></i> Reject
                                                            </button>
                                                        @endif
                                                    @endif
                                                    <button type="button" class="btn btn-sm btn-outline-secondary btn-logs-toggle" data-toggle="collapse" data-target="#postLogsRow_{{ $index }}" aria-expanded="false" style="padding: 3px 7px; font-size: 11px; border-radius: 4px; font-weight: 600; {{ count($logs) > 0 ? '' : 'display: none;' }}" title="View Audit Logs">
                                                        <i class="fa fa-history"></i> Logs (<span class="logs-count">{{ count($logs) }}</span>)
                                                    </button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr id="postLogsRow_{{ $index }}" class="collapse logs-row" style="background-color: #fcfdfe;">
                                            <td colspan="5" style="padding: 10px 20px; border-bottom: 1px solid #ebedf2;">
                                                <div style="font-size: 11px; font-weight: 600; color: #575962; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px;">
                                                    <i class="fa fa-history"></i> Audit Logs / Approval History
                                                </div>
                                                <div class="logs-list-container" style="display: flex; flex-direction: column; gap: 4px;">
                                                    @foreach($logs as $log)
                                                        <div style="font-size: 12px; display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 6px 12px; border-radius: 4px; border: 1px solid #eef0f3;">
                                                            <div>
                                                                @if(strtolower($log->action) === 'approved')
                                                                    <span class="badge badge-success" style="font-size: 10px; padding: 3px 6px;">Approved</span>
                                                                @else
                                                                    <span class="badge badge-danger" style="font-size: 10px; padding: 3px 6px;">Rejected</span>
                                                                @endif
                                                                <strong style="margin-left: 6px; color: #333;">{{ $log->user_name ?? 'User' }}</strong>
                                                                @if(!empty($log->remark))
                                                                    <span style="color: #666; margin-left: 8px;">— <em>"{{ $log->remark }}"</em></span>
                                                                @endif
                                                            </div>
                                                            <div style="font-size: 11px; color: #888; display: flex; align-items: center; gap: 8px;">
                                                                @if(!empty($log->blacksoil_document_id))
                                                                    <a href="{{ route('admin.da-system.document.view', $log->blacksoil_document_id) }}" target="_blank" class="btn btn-sm btn-outline-info" style="padding: 2px 6px; font-size: 10px; border-radius: 3px;" title="View Document File">
                                                                        <i class="fa fa-eye"></i> View Document
                                                                    </a>
                                                                @endif
                                                                <span>{{ !empty($log->created_at) ? \Carbon\Carbon::parse($log->created_at)->format('Y-m-d H:i:s') : '' }}</span>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="text-center text-muted" style="padding: 12px; background: #fdfdfd; border: 1px dashed #e2e8f0; border-radius: 6px; font-size: 12px;">
                            No post-sanction documents uploaded yet.
                        </div>
                    @endif
                </div>

                {{-- Section 3: Other Documents --}}
                <div>
                    <div class="doc-section-heading">
                        <span class="badge badge-dark" style="font-size: 11px; padding: 5px 10px; margin-right: 8px;">Other Documents</span>
                    </div>
                    @if(isset($otherDocuments) && count($otherDocuments) > 0)
                        <div class="table-responsive" style="border: 1px solid #f0f1f4; border-radius: 8px; overflow: hidden;">
                            <table class="table align-middle mb-0" style="font-size: 13px; border-collapse: separate; border-spacing: 0; width: 100%;">
                                <thead>
                                    <tr style="background-color: #f8f9fb; border-bottom: 2px solid #ebedf2;">
                                        <th style="width: 50px; padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;" class="text-center">#</th>
                                        <th style="padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;">Document Name</th>
                                        <th style="padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;">Document Code</th>
                                        <th style="padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;">Uploaded By</th>
                                        <th style="padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;">Created At</th>
                                        <th style="width: 110px; padding: 12px 16px; font-weight: 600; text-transform: uppercase; font-size: 11px; color: #575962; border: none;" class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($otherDocuments as $index => $doc)
                                        @php
                                            $fileName = $doc->file_name ?? basename($doc->file_path ?? '');
                                        @endphp
                                        <tr style="transition: background-color 0.2s ease; border-bottom: 1px solid #f0f1f4;" class="document-row-hover">
                                            <td class="text-center" style="padding: 14px 16px; color: #888; font-weight: 500; border: none; border-bottom: 1px solid #f0f1f4;">
                                                {{ $index + 1 }}
                                            </td>
                                            <td style="padding: 14px 16px; border: none; border-bottom: 1px solid #f0f1f4;">
                                                <a href="{{ route('admin.da-system.document.view', $doc->id) }}" target="_blank" style="font-weight: 600; color: #34495e; text-decoration: none;" class="doc-link-hover">
                                                    {{ $fileName }}
                                                </a>
                                            </td>
                                            <td style="padding: 14px 16px; border: none; border-bottom: 1px solid #f0f1f4;">
                                                <span class="badge badge-secondary" style="font-family: monospace; font-size: 11px; padding: 4px 8px;">{{ $doc->document_code ?? '—' }}</span>
                                            </td>
                                            <td style="padding: 14px 16px; color: #34495e; border: none; border-bottom: 1px solid #f0f1f4; font-weight: 500;">
                                                {{ $doc->user_name ?? 'Credit Fair' }}
                                            </td>
                                            <td style="padding: 14px 16px; color: #7f8c8d; border: none; border-bottom: 1px solid #f0f1f4;">
                                                {{ !empty($doc->created_at) ? \Carbon\Carbon::parse($doc->created_at)->format('Y-m-d H:i:s') : '—' }}
                                            </td>
                                            <td class="text-center" style="padding: 14px 16px; border: none; border-bottom: 1px solid #f0f1f4;">
                                                <a href="{{ route('admin.da-system.document.view', $doc->id) }}" target="_blank" class="btn btn-sm btn-outline-info" style="padding: 4px 10px; font-size: 11px; border-radius: 20px; font-weight: 600; border: 1.5px solid #36a3f7; color: #36a3f7;">
                                                    <i class="fa fa-eye"></i> View
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="text-center text-muted" style="padding: 12px; background: #fdfdfd; border: 1px dashed #e2e8f0; border-radius: 6px; font-size: 12px;">
                            No additional documents uploaded.
                        </div>
                    @endif
                </div>
            </div>
        </div>

        {{-- Status Logs & Remarks --}}
        <div class="row">
            <div class="col-md-6">
                <div class="m-portlet m-portlet--mobile">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <span class="m-portlet__head-icon"><i class="fa fa-history"></i></span>
                                <h3 class="m-portlet__head-text">Status History</h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        @if(isset($statusLogs) && count($statusLogs) > 0)
                            <table class="table table-striped table-bordered align-middle mb-0" style="font-size: 12px;">
                                <thead>
                                    <tr style="background-color: #f4f5f8;">
                                        <th>Status</th>
                                        <th>Remark</th>
                                        <th>Visible to Merchant</th>
                                        <th>Updated By</th>
                                        <th>Date & Time</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($statusLogs as $log)
                                        <tr>
                                            <td><span class="badge badge-info">{{ $log->status }}</span></td>
                                            <td>{{ $log->remark ?? '—' }}</td>
                                            <td>
                                                @if(isset($log->visible_to_partner) && $log->visible_to_partner == 0)
                                                    <span class="badge badge-secondary">No</span>
                                                @else
                                                    <span class="badge badge-success">Yes</span>
                                                @endif
                                            </td>
                                            <td>{{ $log->user_name ?? 'System' }}</td>
                                            <td>{{ $log->created_at }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        @else
                            <div class="text-center text-muted" style="padding: 15px;">No status changes recorded yet.</div>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="m-portlet m-portlet--mobile">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <span class="m-portlet__head-icon"><i class="fa fa-comments-o"></i></span>
                                <h3 class="m-portlet__head-text">Remarks / Comments</h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        @if(isset($comments) && count($comments) > 0)
                            <table class="table table-striped table-bordered align-middle mb-0" style="font-size: 12px;">
                                <thead>
                                    <tr style="background-color: #f4f5f8;">
                                        <th>Remark</th>
                                        <th>Added By</th>
                                        <th>Date & Time</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($comments as $comment)
                                        <tr>
                                            <td>{{ $comment->remark }}</td>
                                            <td>{{ $comment->user_name ?? 'System' }}</td>
                                            <td>{{ $comment->created_at }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        @else
                            <div class="text-center text-muted" style="padding: 15px;">No remarks added yet.</div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<!-- Change Status Modal -->
<div class="modal fade" id="statusChangeModal" tabindex="-1" role="dialog" aria-labelledby="statusChangeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="statusChangeModalLabel">
                    Change Status to: <span id="modalTargetStatus" style="font-weight: 600; color: #5867dd;"></span>
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Disbursement fields (shown only when status is Disbursed) -->
                <div id="disbursementFields" style="display: none;">
                    <div class="form-group">
                        <label style="font-weight: 500; font-size: 13px;">UTR Number <span class="text-danger">*</span></label>
                        <input type="text" id="modalUtrNumber" class="form-control" placeholder="Enter UTR number...">
                    </div>
                    <div class="form-group">
                        <label style="font-weight: 500; font-size: 13px;">Disbursement Date <span class="text-danger">*</span></label>
                        <input type="date" id="modalDisbursementDate" class="form-control">
                    </div>
                    <div class="form-group">
                        <label style="font-weight: 500; font-size: 13px;">Amount <span class="text-danger">*</span></label>
                        <input type="number" step="0.01" id="modalDisbursementAmount" class="form-control" placeholder="Enter amount..." readonly style="background-color: #f4f5f8; font-weight: 600;">
                    </div>
                </div>

                <!-- Calculated amount fields (shown when status is Approved or Ready for disbursement) -->
                <div id="calculatedAmountFields" style="display: none; margin-bottom: 15px;">
                    <div class="form-group">
                        <label style="font-weight: 500; font-size: 13px;">Amount to be Disbursed</label>
                        <input type="text" id="modalCalculatedAmountDisplay" class="form-control" value="₹{{ number_format($calculatedAmount, 2) }}" readonly style="background-color: #f4f5f8; font-weight: 600; color: #5867dd;">
                    </div>
                </div>

                <div class="form-group">
                    <label style="font-weight: 500; font-size: 13px;">Add Remark</label>
                    <textarea id="modalStatusRemark" class="form-control" rows="3" placeholder="Enter remark..."></textarea>
                </div>

                <div class="form-group form-check" style="padding-left: 20px; margin-top: -5px;">
                    <input type="checkbox" class="form-check-input" id="modalVisibleToPartner" name="visible_to_merchant" checked value="1">
                    <label class="form-check-label" for="modalVisibleToPartner" style="font-weight: 500; font-size: 13px; cursor: pointer; user-select: none;">
                        Visible to Merchant
                    </label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-accent btn-sm" id="btnConfirmStatusChange">Change Status</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="rejectDocumentModal" tabindex="-1" role="dialog" aria-labelledby="rejectDocumentModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header" style="background-color: #f8f9fa;">
                <h5 class="modal-title" id="rejectDocumentModalLabel" style="font-weight: 600; font-size: 15px; color: #d9534f;">
                    <i class="fa fa-exclamation-triangle"></i> Reject Document
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="rejectDocId">
                <input type="hidden" id="rejectDocCode">
                <input type="hidden" id="rejectDocName">
                <div class="form-group mb-0">
                    <label for="rejectDocRemark" style="font-weight: 500; font-size: 13px; margin-bottom: 6px;">Reason for Rejection <span class="text-danger">*</span></label>
                    <textarea id="rejectDocRemark" class="form-control" rows="3" placeholder="Enter remark explaining why this document is rejected..." required></textarea>
                </div>
            </div>
            <div class="modal-footer" style="background-color: #f8f9fa;">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-danger btn-sm" id="btnConfirmRejectDoc"><i class="fa fa-times"></i> Confirm Reject</button>
            </div>
        </div>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        if ($.fn.tooltip) {
            $('[data-toggle="tooltip"]').tooltip();
        }
        var selectedStatus = '';

        function updateDocumentRowUI($targetElem, newStatus, logData) {
            if (!$targetElem || !$targetElem.length) return;
            var $tr = $targetElem.closest('tr');
            if (!$tr.length) return;

            // 1. Update status icon in Document Name cell
            var $iconSpan = $tr.find('.doc-status-icon');
            if (newStatus === 'approved') {
                $iconSpan.html('<i class="fa fa-check-circle text-success" title="Approved" style="margin-right: 6px; font-size: 14px;"></i>');
            } else if (newStatus === 'rejected') {
                $iconSpan.html('<i class="fa fa-times-circle text-danger" title="Rejected" style="margin-right: 6px; font-size: 14px;"></i>');
            }

            // 2. Toggle Approve and Reject buttons
            var $btnApprove = $tr.find('.btn-approve-doc');
            var $btnReject  = $tr.find('.btn-reject-doc');

            if (newStatus === 'approved') {
                $btnApprove.hide();
                $btnReject.show();
            } else if (newStatus === 'rejected') {
                $btnReject.hide();
                $btnApprove.show();
            }

            // 3. Update Audit Logs section & button counter
            var $logsToggleBtn = $tr.find('.btn-logs-toggle');
            var $logsRow       = $tr.next('tr.logs-row');

            if ($logsRow.length && logData) {
                var badgeHtml = (logData.action === 'approved')
                    ? '<span class="badge badge-success" style="font-size: 10px; padding: 3px 6px;">Approved</span>'
                    : '<span class="badge badge-danger" style="font-size: 10px; padding: 3px 6px;">Rejected</span>';

                var remarkHtml = logData.remark
                    ? '<span style="color: #666; margin-left: 8px;">— <em>"' + escapeHtml(logData.remark) + '"</em></span>'
                    : '';

                var viewDocBtnHtml = logData.document_id
                    ? '<a href="/admin/da-system/documents/' + logData.document_id + '/view" target="_blank" class="btn btn-sm btn-outline-info" style="padding: 2px 6px; font-size: 10px; border-radius: 3px;" title="View Document File"><i class="fa fa-eye"></i> View Document</a>'
                    : '';

                var newLogItem = '<div style="font-size: 12px; display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 6px 12px; border-radius: 4px; border: 1px solid #eef0f3;">' +
                    '<div>' +
                    badgeHtml +
                    '<strong style="margin-left: 6px; color: #333;">' + escapeHtml(logData.user_name || 'User') + '</strong>' +
                    remarkHtml +
                    '</div>' +
                    '<div style="font-size: 11px; color: #888; display: flex; align-items: center; gap: 8px;">' +
                    viewDocBtnHtml +
                    '<span>' + (logData.created_at || '') + '</span>' +
                    '</div>' +
                    '</div>';

                var $logsContainer = $logsRow.find('.logs-list-container');
                if ($logsContainer.length) {
                    $logsContainer.prepend(newLogItem);
                }

                var $countSpan = $logsToggleBtn.find('.logs-count');
                var currentCount = parseInt($countSpan.text() || '0', 10);
                $countSpan.text(currentCount + 1);
                $logsToggleBtn.show();
            }
        }

        function escapeHtml(text) {
            if (!text) return '';
            return String(text).replace(/&/g, "&amp;")
                               .replace(/</g, "&lt;")
                               .replace(/>/g, "&gt;")
                               .replace(/"/g, "&quot;")
                               .replace(/'/g, "&#039;");
        }

        $(document).on('click', '.btn-approve-doc', function () {
            var docId   = $(this).attr('data-id');
            var docCode = $(this).attr('data-code');
            var docName = $(this).attr('data-name');

            if (!confirm('Are you sure you want to approve this document?')) {
                return;
            }
            var $btn = $(this);
            $btn.prop('disabled', true);

            $.ajax({
                url: '/admin/co-lending/leads/document/review',
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    vendor_loan_id: '{{ $lead->id }}',
                    document_id: docId,
                    document_code: docCode,
                    document_name: docName,
                    action: 'approve'
                },
                success: function (res) {
                    $btn.prop('disabled', false);
                    if (res && res.success) {
                        updateDocumentRowUI($btn, 'approved', res.log);
                    } else {
                        alert(res.message || 'Error approving document.');
                    }
                },
                error: function (xhr) {
                    $btn.prop('disabled', false);
                    alert((xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Error approving document.');
                }
            });
        });

        $(document).on('click', '.btn-reject-doc', function () {
            var docId   = $(this).attr('data-id');
            var docCode = $(this).attr('data-code');
            var docName = $(this).attr('data-name');
            $('#rejectDocId').val(docId);
            $('#rejectDocCode').val(docCode);
            $('#rejectDocName').val(docName);
            $('#rejectDocRemark').val('');
            $('#rejectDocumentModal').modal('show');
        });

        $('#btnConfirmRejectDoc').on('click', function () {
            var docId   = $('#rejectDocId').val();
            var docCode = $('#rejectDocCode').val();
            var docName = $('#rejectDocName').val();
            var remark  = $.trim($('#rejectDocRemark').val());

            if (!remark) {
                alert('Please enter a remark explaining the rejection.');
                return;
            }

            var $btn = $(this);
            $btn.prop('disabled', true).text('Rejecting...');

            $.ajax({
                url: '/admin/co-lending/leads/document/review',
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    vendor_loan_id: '{{ $lead->id }}',
                    document_id: docId,
                    document_code: docCode,
                    document_name: docName,
                    action: 'reject',
                    remark: remark
                },
                success: function (res) {
                    $btn.prop('disabled', false).text('Confirm Reject');
                    if (res && res.success) {
                        $('#rejectDocumentModal').modal('hide');
                        var $targetElem = $('.btn-reject-doc[data-id="' + docId + '"]');
                        if (!$targetElem.length && docCode) {
                            $targetElem = $('.btn-reject-doc[data-code="' + docCode + '"]');
                        }
                        updateDocumentRowUI($targetElem, 'rejected', res.log);
                    } else {
                        alert(res.message || 'Error rejecting document.');
                    }
                },
                error: function (xhr) {
                    $btn.prop('disabled', false).text('Confirm Reject');
                    alert((xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Error rejecting document.');
                }
            });
        });

        $(document).on('click', '.status-option', function (e) {
            e.preventDefault();
            selectedStatus = $(this).attr('data-status');
            $('#modalTargetStatus').text(selectedStatus);
            $('#modalStatusRemark').val('');
            $('#modalVisibleToPartner').prop('checked', true);
            
            // Reset input values
            $('#modalUtrNumber').val('');
            $('#modalDisbursementDate').val('');
            $('#modalDisbursementAmount').val('');
            
            // Show/hide fields based on status
            if (selectedStatus.toLowerCase() === 'disbursed') {
                $('#disbursementFields').show();
                $('#modalDisbursementAmount').val('{{ $calculatedAmount }}');
                $('#calculatedAmountFields').hide();
            } else if (selectedStatus.toLowerCase() === 'approved' || selectedStatus.toLowerCase() === 'ready for disbursement') {
                $('#disbursementFields').hide();
                $('#calculatedAmountFields').show();
            } else {
                $('#disbursementFields').hide();
                $('#calculatedAmountFields').hide();
            }
            
            $('#statusChangeModal').modal('show');
        });

        $('#btnConfirmStatusChange').on('click', function () {
            var remark = $('#modalStatusRemark').val();
            var visibleToPartner = $('#modalVisibleToPartner').is(':checked') ? 1 : 0;
            var utrNumber = '';
            var disbursementDate = '';
            var amount = '';

            // Check if amount is zero or less than zero when moving to Approved, Ready for disbursement, or Disbursed
            if (['approved', 'ready for disbursement', 'disbursed'].includes(selectedStatus.toLowerCase())) {
                var calculatedAmount = parseFloat('{{ $calculatedAmount }}');
                if (isNaN(calculatedAmount) || calculatedAmount <= 0) {
                    alert('Amount cannot be zero or less.');
                    return;
                }
            }

            if (selectedStatus.toLowerCase() === 'disbursed') {
                utrNumber = $('#modalUtrNumber').val().trim();
                disbursementDate = $('#modalDisbursementDate').val().trim();
                amount = $('#modalDisbursementAmount').val().trim();

                if (!utrNumber) {
                    alert('UTR number is required.');
                    return;
                }
                if (!disbursementDate) {
                    alert('Disbursement Date is required.');
                    return;
                }
                if (!amount) {
                    alert('Amount is required.');
                    return;
                }
            }

            var $btn = $(this);
            $btn.prop('disabled', true).text('Saving...');

            $.ajax({
                url: '/admin/co-lending/leads/status-update',
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    vendor_loan_id: '{{ $lead->id }}',
                    status: selectedStatus,
                    remark: remark,
                    visible_to_partner: visibleToPartner,
                    utr_number: utrNumber,
                    disbursement_date: disbursementDate,
                    amount: amount
                },
                success: function (res) {
                    $btn.prop('disabled', false).text('Change Status');
                    if (res && res.success) {
                        $('#statusChangeModal').modal('hide');
                        location.reload();
                    } else {
                        alert(res.message || 'Error saving status & remark.');
                    }
                },
                error: function (xhr) {
                    $btn.prop('disabled', false).text('Change Status');
                    var msg = 'Error saving status & remark.';
                    if (xhr.responseJSON && xhr.responseJSON.message) {
                        msg = xhr.responseJSON.message;
                    }
                    alert(msg);
                }
            });
        });

        $('#frmUploadDocument').on('submit', function (e) {
            e.preventDefault();
            
            var selectedOpt = $('#uploadDocName option:selected');
            var docCode     = selectedOpt.val();
            var docName     = selectedOpt.data('name') || selectedOpt.text();
            var fileInput   = $('#uploadDocFile')[0];
            
            if (!docCode) {
                alert('Please select document type.');
                return;
            }
            if (!fileInput.files || fileInput.files.length === 0) {
                alert('Please select a file to upload.');
                return;
            }
            
            var formData = new FormData();
            formData.append('_token', '{{ csrf_token() }}');
            formData.append('loan_id', '{{ $lead->application_id ?? $lead->id }}');
            formData.append('vendor_loan_id', '{{ $lead->id }}');
            formData.append('document_code', docCode);
            formData.append('document_name', docName);
            formData.append('file', fileInput.files[0]);
            
            var $btn = $('#btnSubmitUpload');
            $btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Uploading...');
            
            $.ajax({
                url: '/admin/co-lending/leads/document/upload',
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function (res) {
                    $btn.prop('disabled', false).html('<i class="fa fa-cloud-upload"></i> Upload');
                    if (res && res.success) {
                        location.reload();
                    } else {
                        alert(res.message || 'Error uploading document.');
                    }
                },
                error: function (xhr) {
                    $btn.prop('disabled', false).html('<i class="fa fa-cloud-upload"></i> Upload');
                    var msg = 'Error uploading document.';
                    if (xhr.responseJSON && xhr.responseJSON.message) {
                        msg = xhr.responseJSON.message;
                    }
                    alert(msg);
                }
            });
        });
    });
</script>

@include("admin.layouts.footer")
