{{-- Step 1: Configuration --}}

{{-- ── Import from Lead ── --}}
<div class="row g-3 mb-3">
    <div class="col-12">
        <div class="project-form">
            <label class="form-label mb-0">Lead <small class="text-muted fw-normal">(optional)</small></label>
            <select id="s1_lead_id"
                    class="form-control select2 select2-ajax-autocomplete"
                    data-ajax-url="{{ route('turbo-app.create-application.lead-search') }}"
                    data-placeholder="Type to search leads..."
                    data-minimum-input-length="2">
                <option value=""></option>
            </select>
            <small class="text-muted"><i class="bx bx-info-circle me-1"></i>Select a lead to pre-fill application fields.</small>
        </div>
    </div>
</div>
<hr class="my-3">

<div class="row g-3">

    <div class="col-md-6">
        <div class="project-form">
            <label class="form-label mb-0">Partner</label>
            <select id="s1_partner" class="form-control form-control-lg no-search select2">
                <option value="HUBWALLET">Hubwallet, Inc.</option>
            </select>
        </div>
    </div>

    <div class="col-md-6">
        <div class="project-form">
            <label class="form-label mb-0">Association <span class="text-danger">*</span></label>
            <select id="s1_association" class="form-control form-control-lg select2" required>
                <option value="">Loading…</option>
            </select>
        </div>
    </div>

    <div class="col-md-6">
        <div class="project-form">
            <label class="form-label mb-0">Lead Source <span class="text-danger">*</span></label>
            <select id="s1_lead_source" class="form-control form-control-lg select2" required>
                <option value="">Loading…</option>
            </select>
        </div>
    </div>

    <div class="col-md-6">
        <div class="project-form">
            <label class="form-label mb-0">Sales Rep <span class="text-danger">*</span></label>
            <select id="s1_sales_rep" class="form-control form-control-lg select2" required>
                <option value="">— Select Association first —</option>
            </select>
        </div>
    </div>

    <div class="col-md-6">
        <div class="project-form">
            <label class="form-label mb-0">Merchant Application Type</label>
            <select id="s1_merch_app_type" class="form-control form-control-lg no-search select2">
                <option value="New Merchant" selected>New Merchant</option>
                <option value="Additional Location">Additional Location</option>
            </select>
        </div>
        <div id="s1_addl_location_msg" class="alert alert-info mt-2 mb-0 py-2 small d-none">
            <strong>If this is an Additional Location to a Multi-Location merchant:</strong><br>
            Add the Original MID in the &ldquo;Merchant ID&rdquo; field.<br>
            Attach Multi-Location Addendum as the signed merchant agreement.
        </div>
    </div>

    <div class="col-md-6">
        <div class="project-form">
            <label class="form-label mb-0">Sponsor Bank</label>
            <input type="text" id="s1_sponsor_bank" class="form-control form-control-lg" maxlength="100" placeholder="Sponsor bank (optional)">
        </div>
    </div>

</div>