@php
    $d   = $lead ? ($lead->turbo_app_data ?? []) : [];
    $doc = $d['docs_signing'] ?? [];
    $dv  = fn($key, $fallback = '') => old("turbo_app_data[docs_signing][$key]", $doc[$key] ?? $fallback);

    $allStepsComplete = $lead && $lead->turbo_app_completion_pct >= 100;
@endphp

{{-- ══ Document Attachment ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white fw-semibold">Document Attachment</div>
    <div class="card-body">
        <div class="alert alert-info d-flex align-items-center gap-2 mb-3">
            <i class="bx bx-info-circle fs-5 flex-shrink-0"></i>
            <span>3 months most recent processing statements are recommended.</span>
        </div>

        <button type="button" class="btn btn-outline-secondary btn-sm" id="btnAttachDocument"
                data-bs-toggle="modal" data-bs-target="#modalAttachDocument">
            Attach Document
        </button>

        {{-- Attached documents list --}}
        <div id="attachedDocsList" class="mt-3">
            {{-- populated via AJAX or page load if documents exist --}}
        </div>
    </div>
</div>

{{-- ══ e-Signature Setup ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white fw-semibold">e-Signature Setup</div>
    <div class="card-body">
        @if(!$allStepsComplete)
        <div class="alert alert-info d-flex align-items-center gap-2 mb-3">
            <i class="bx bx-info-circle fs-5 flex-shrink-0"></i>
            <span>Complete all application steps to enable e-signature.</span>
        </div>
        @endif

        <div class="{{ !$allStepsComplete ? 'opacity-50 pe-none' : '' }}">
            <label class="form-label fw-medium">Send for e-Signature? <span class="text-danger">*</span></label>
            <div class="d-flex gap-3">
                <div class="form-check">
                    <input class="form-check-input" type="radio"
                           name="turbo_app_data[docs_signing][send_esignature]"
                           value="yes" id="eSignYes"
                           {{ $dv('send_esignature') === 'yes' ? 'checked' : '' }}
                           {{ !$allStepsComplete ? 'disabled' : '' }}>
                    <label class="form-check-label" for="eSignYes">Yes</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio"
                           name="turbo_app_data[docs_signing][send_esignature]"
                           value="no" id="eSignNo"
                           {{ $dv('send_esignature') === 'no' ? 'checked' : '' }}
                           {{ !$allStepsComplete ? 'disabled' : '' }}>
                    <label class="form-check-label" for="eSignNo">No</label>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Attach Document Modal --}}
@push('modals')
<div class="modal fade" id="modalAttachDocument" tabindex="-1" aria-labelledby="modalAttachDocLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalAttachDocLabel">Attach Document</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label">Document Type</label>
                    <select id="attachDocType" class="form-control select2 no-search">
                        <option value="">Select Type</option>
                        <option value="processing_statement">Processing Statement</option>
                        <option value="bank_statement">Bank Statement</option>
                        <option value="voided_check">Voided Check</option>
                        <option value="government_id">Government ID</option>
                        <option value="other">Other</option>
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label">File</label>
                    <input type="file" id="attachDocFile" class="form-control"
                           accept=".pdf,.jpg,.jpeg,.png,.doc,.docx">
                </div>
                <div class="mb-3">
                    <label class="form-label">Notes (optional)</label>
                    <textarea id="attachDocNotes" class="form-control" rows="2"
                              placeholder="Optional notes about this document"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" id="btnSaveDocument">Attach</button>
            </div>
        </div>
    </div>
</div>
@endpush

@push('page_script')
<script>
(function () {
    /* Placeholder: wire to file upload endpoint */
    $('#btnSaveDocument').on('click', function () {
        alert('Document upload endpoint not yet configured.');
    });
})();
</script>
@endpush