{{-- Step 6: Docs & Signing --}}

{{-- ── Document Attachment ── --}}
<h6 class="text-muted small fw-semibold mb-3"><i class="bx bx-file me-1"></i> Document Attachment</h6>

<div class="alert alert-info d-flex align-items-start py-3 mb-4">
    <i class="bx bx-info-circle fs-5 me-2 mt-1 flex-shrink-0"></i>
    <div>
        <strong>Processing Statements Recommended</strong><br>
        <span class="small">3 months of the most recent processing statements are recommended to support the application. Attach them below before sending for signature.</span><br>
        <span class="small">A <strong>Merchant Agreement (SMA)</strong> document is required by the payment processor before the application can be sent — attach one with document type "Merchant Agreement (SMA)" below.</span>
    </div>
</div>

<div class="mb-3">
    <button type="button" class="black-btn-inner waves-effect" id="btnAttachDocument">
        <i class="bx bx-upload me-1"></i> Attach Document
    </button>
</div>

{{-- Document list (populated via AJAX) --}}
<div id="docListWrapper" class="mb-4">
    <div id="docListEmpty" class="text-muted small fst-italic d-none">No documents attached yet.</div>
    <div id="docList"></div>
</div>

<hr class="my-4">

{{-- ── e-Signature Setup ── --}}
<h6 class="text-muted small fw-semibold mb-3"><i class="bx bx-pen me-1"></i> e-Signature Setup</h6>

<div class="alert alert-warning d-flex align-items-start py-3 mb-4">
    <i class="bx bx-error-circle fs-5 me-2 mt-1 flex-shrink-0"></i>
    <div>
        <strong>Complete All Steps Before Sending</strong><br>
        <span class="small">Please ensure all previous steps are completed and saved before sending the application for e-signature. The e-signature request will be sent to all owners marked as <em>App Signer</em> in Step 3.</span>
    </div>
</div>

<div class="mb-3">
    <label class="form-label mb-0">Send for e-Signature?</label>
    <div class="d-flex gap-4 mt-1">
        <div class="custom-control custom-radio custom-radio-primary project-checkbox">
            <input class="custom-control-input" type="radio" id="send_for_esign_0" name="send_for_esign" value="0" checked>
            <label class="custom-control-label" for="send_for_esign_0">No — Save draft only</label>
        </div>
        <div class="custom-control custom-radio custom-radio-primary project-checkbox">
            <input class="custom-control-input" type="radio" id="send_for_esign_1" name="send_for_esign" value="1">
            <label class="custom-control-label" for="send_for_esign_1">Yes — Send for e-Signature now</label>
        </div>
    </div>
    <p class="text-muted small mt-2">
        <i class="bx bx-info-circle me-1"></i>
        Selecting "Yes" will submit the application to the ELAP system for review.
        This action cannot be undone. Ensure all information is correct before proceeding.
    </p>
</div>

{{-- Modal moved to @push('page_modals') in create-application-v2.blade.php --}}
{{-- so the Bootstrap backdrop covers the full viewport (same pattern as Step 4 product modals). --}}