{{--
    Shared Equipment sub-form for the Add Integrated / Add Genius modals (Step 4).
    Included with a `$prefix` variable ('int_equip' or 'gen_equip') so every field id below is
    namespaced per modal — turbo-app-create.js's cascade/collect/prefill helpers are themselves
    generic over this same prefix (see wireEquipCascade()/collectEquipmentData()/
    prefillEquipmentSection() there), so this single partial + those generic JS functions cover
    both modals without duplicating either the markup or the wiring logic.

    Populated from ELAP's real product/integrated/equipment/list/productId/{id} catalog
    (confirmed live to also serve GENIUS_COUNTERTOP packages via this same endpoint) — the same
    Brand→Model→{Industry: [Application,...]} cascade shape as Standalone's
    product/standalone/equipment/list catalog, minus a sourceBillTo map (Source/Bill To below are
    therefore plain, catalog-independent selects reusing the same ELAP codes Standalone already
    uses for the same concept — see STANDALONE_SOURCE_LABELS/STANDALONE_BILLTO_LABELS in this
    view's page script).
--}}
<div id="{{ $prefix }}Section" class="d-none">
    <hr class="my-3">
    <h6 class="fw-semibold small mb-3">Equipment</h6>

    <div class="project-form">
        <label class="form-label mb-0">Brand <span class="text-danger">*</span></label>
        <select id="{{ $prefix }}_brand" class="form-control form-control-lg select2">
            <option value="">— Select Product first —</option>
        </select>
    </div>

    <div class="project-form">
        <label class="form-label mb-0">Model <span class="text-danger">*</span></label>
        <select id="{{ $prefix }}_model" class="form-control form-control-lg select2">
            <option value="">— Select Brand first —</option>
        </select>
    </div>

    <div class="row g-3">
        <div class="col-md-6">
            <div class="project-form">
                <label class="form-label mb-0">Industry <span class="text-danger">*</span></label>
                <select id="{{ $prefix }}_industry" class="form-control form-control-lg select2">
                    <option value="">— Select Model first —</option>
                </select>
            </div>
        </div>
        <div class="col-md-6">
            <div class="project-form">
                <label class="form-label mb-0">Application <span class="text-danger">*</span></label>
                <select id="{{ $prefix }}_application" class="form-control form-control-lg select2">
                    <option value="">— Select Industry first —</option>
                </select>
            </div>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-md-6">
            <div class="project-form">
                <label class="form-label mb-0">Source <span class="text-danger">*</span></label>
                {{-- Shared ELAP "Source" concept, same code set as Standalone's POS Source —
                     not derived from this catalog (it has no sourceBillTo map for this type). --}}
                <select id="{{ $prefix }}_source" class="form-control form-control-lg no-search select2">
                    <option value="">— Select —</option>
                </select>
            </div>
        </div>
        <div class="col-md-6">
            <div class="project-form">
                <label class="form-label mb-0">Bill To <span class="text-danger">*</span></label>
                <select id="{{ $prefix }}_bill_to" class="form-control form-control-lg no-search select2">
                    <option value="">— Select —</option>
                </select>
            </div>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-md-6">
            <div class="project-form">
                <label class="form-label mb-0">Connection Method <span class="text-danger">*</span></label>
                <select id="{{ $prefix }}_connection_method" class="form-control form-control-lg no-search select2">
                    <option value="">— Select —</option>
                </select>
            </div>
        </div>
        <div class="col-md-6">
            <div class="project-form">
                <label class="form-label mb-0">Protocol Type <span class="text-danger">*</span></label>
                {{-- Confirmed real values from the CERT Postman collection: TCP/IP (the large
                     majority), HTTP GET, HTTPS GET — no fourth value found. --}}
                <select id="{{ $prefix }}_protocol_type" class="form-control form-control-lg no-search select2">
                    <option value="TCP/IP" selected>TCP/IP</option>
                    <option value="HTTP GET">HTTP GET</option>
                    <option value="HTTPS GET">HTTPS GET</option>
                </select>
            </div>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-md-6">
            <div class="project-form">
                <label class="form-label mb-0">Batch Close Method <span class="text-danger">*</span></label>
                {{-- Confirmed closed [A, M] enum — same codes already confirmed for Standalone's
                     own Batch Close Method. --}}
                <select id="{{ $prefix }}_batch_close_method" class="form-control form-control-lg no-search select2">
                    <option value="">— Select —</option>
                </select>
            </div>
        </div>
        <div class="col-md-6">
            <div class="project-form">
                <label class="form-label mb-0">Batch Close Time <span class="text-danger">*</span></label>
                <div class="input-group">
                    <span class="input-group-text"><i class="bx bx-time"></i></span>
                    <input type="time" id="{{ $prefix }}_batch_close_time" class="form-control form-control-lg" value="22:45">
                </div>
            </div>
        </div>
    </div>

    <div class="project-form">
        <label class="form-label mb-0">Encryption Type <span class="text-muted small">(optional)</span></label>
        {{-- No confirmed catalog for this field's meaning anywhere in the CERT Postman
             collection — real captures show numeric codes 1/2/4/8/10 all accepted, with no
             documented mapping. Exposed as a plain number input rather than a guessed label
             set; defaults to 1, the single most common real value. --}}
        <input type="number" id="{{ $prefix }}_encryption" class="form-control form-control-lg" min="1" step="1" value="1">
    </div>

    <div class="mb-2">
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_wireless_activation_required">
            <label class="custom-control-label" for="{{ $prefix }}_wireless_activation_required">Wireless Activation Required</label>
        </div>
    </div>

    <p class="small text-muted mb-2">Please make your selection (optional)</p>
    <div class="d-flex flex-column gap-2 mb-3">
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_emv_contact" checked>
            <label class="custom-control-label" for="{{ $prefix }}_emv_contact">EMV Contact</label>
        </div>
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_nfc_contactless" checked>
            <label class="custom-control-label" for="{{ $prefix }}_nfc_contactless">NFC/Contactless</label>
        </div>
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_partial_auth">
            <label class="custom-control-label" for="{{ $prefix }}_partial_auth">Partial Auth</label>
        </div>
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_avs_support" checked>
            <label class="custom-control-label" for="{{ $prefix }}_avs_support">AVS Support</label>
        </div>
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_invoice_support">
            <label class="custom-control-label" for="{{ $prefix }}_invoice_support">Invoice Support</label>
        </div>
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_tip_adjustment">
            <label class="custom-control-label" for="{{ $prefix }}_tip_adjustment">Tip Adjustment</label>
        </div>
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_tip_at_time_of_sale">
            <label class="custom-control-label" for="{{ $prefix }}_tip_at_time_of_sale">Tip at Time of Sale</label>
        </div>
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_signature_capture">
            <label class="custom-control-label" for="{{ $prefix }}_signature_capture">Signature Capture</label>
        </div>
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_corp_purchase_support">
            <label class="custom-control-label" for="{{ $prefix }}_corp_purchase_support">Corp Purchase Support</label>
        </div>
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_debit_ebt_cashback_support">
            <label class="custom-control-label" for="{{ $prefix }}_debit_ebt_cashback_support">Debit/EBT Cashback Support</label>
        </div>
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_pin_debit">
            <label class="custom-control-label" for="{{ $prefix }}_pin_debit">PIN Debit</label>
        </div>
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_ebt_ind">
            <label class="custom-control-label" for="{{ $prefix }}_ebt_ind">EBT</label>
        </div>
        <div class="custom-control custom-checkbox project-checkbox">
            <input class="custom-control-input form-check-input" type="checkbox" id="{{ $prefix }}_tip_calculator" checked>
            <label class="custom-control-label" for="{{ $prefix }}_tip_calculator">Tip Calculator</label>
        </div>
    </div>
</div>