@php
    $d  = $lead ? ($lead->turbo_app_data ?? []) : [];
    $v  = fn($key, $fallback = '') => old("turbo_app_data[$key]", $d[$key] ?? $fallback);
    $lv = fn($key, $fallback = '') => old($key, $lead->{$key} ?? $defaults[$key] ?? $fallback);

    $ownershipTypes = ['sole_prop'=>'Sole Proprietorship','llc'=>'LLC','corp'=>'Corporation','partnership'=>'Partnership','govt'=>'Government','non_profit'=>'Non-Profit'];
    $businessTypes  = ['retail'=>'Retail','restaurant'=>'Restaurant','moto'=>'Mail/Phone Order','ecommerce'=>'E-Commerce','hotel'=>'Hotel/Lodging','auto'=>'Auto Dealer','professional'=>'Professional Services','other'=>'Other'];
    $taxIdTypes     = ['ein'=>'EIN','ssn'=>'SSN','itin'=>'ITIN'];
    $contactTitles  = ['mr'=>'Mr.','mrs'=>'Mrs.','ms'=>'Ms.','dr'=>'Dr.'];
    $cardTypes      = ['all_credit_cards'=>'All Credit Cards','visa_mc_discover'=>'Visa/MC/Discover','visa_mc'=>'Visa/MC Only'];
    $patriotDocs    = ['gov_business_license'=>'Government Issued Business License','tax_return'=>'Tax Return','articles_of_incorporation'=>'Articles of Incorporation','business_financial_statement'=>'Business Financial Statement'];
    $usStates         = \App\Helpers\LocationOptions::usStates();
    $addressCountries = \App\Helpers\LocationOptions::countries();
    // State/Country used to be free-text columns, so an existing Lead can hold a value that
    // isn't one of the fixed options above (e.g. a full name instead of a code, a typo, or a
    // value never in this list). Surface it as its own selected option instead of silently
    // discarding it — losing/mis-defaulting previously saved data on the next save would be
    // worse than a select showing an unfamiliar option.
    $withCurrentValue = function (array $options, $current) {
        if ($current !== '' && $current !== null && !array_key_exists($current, $options)) {
            $options = [$current => $current] + $options;
        }
        return $options;
    };
@endphp

{{-- ══ 1. Business Information ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center"
         data-bs-toggle="collapse" data-bs-target="#sectionBusinessInfo" style="cursor:pointer;">
        <span class="fw-semibold">Business Information</span>
        <i class="bx bx-chevron-up"></i>
    </div>
    <div class="collapse show" id="sectionBusinessInfo">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">DBA Name <span class="text-danger">*</span></label>
                    <input type="text" name="dba" class="form-control" required
                           value="{{ $lv('dba') }}" placeholder="Enter DBA Name">
                    @error('dba')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Website Address <span class="text-muted">(optional)</span>
                        <i class="bx bx-info-circle text-muted" title="e.g. https://example.com"></i>
                    </label>
                    <input type="url" name="turbo_app_data[website]" class="form-control"
                           value="{{ $v('website') }}" placeholder="Enter Website Address">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Legal Name <span class="text-danger">*</span></label>
                    <p class="text-muted small mb-1">Must match the name given on the last income tax return</p>
                    <input type="text" name="legal_name" class="form-control" required
                           value="{{ $lv('legal_name') }}" placeholder="Enter Legal Name">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Merchant Customer Service Number <span class="text-danger">*</span></label>
                    <input type="text" name="turbo_app_data[merchant_cs_number]" class="form-control" required
                           value="{{ $v('merchant_cs_number') }}" placeholder="Enter Merchant Customer Service Number">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Is it an existing business? <span class="text-danger">*</span></label>
                    <div class="d-flex gap-3 mt-1">
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="turbo_app_data[is_existing_business]"
                                   value="yes" id="existingYes"
                                   {{ $v('is_existing_business') === 'yes' ? 'checked' : '' }}>
                            <label class="form-check-label" for="existingYes">Yes</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="turbo_app_data[is_existing_business]"
                                   value="no" id="existingNo"
                                   {{ $v('is_existing_business', 'no') === 'no' ? 'checked' : '' }}>
                            <label class="form-check-label" for="existingNo">No</label>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Years in Business
                        <i class="bx bx-info-circle text-muted" title="How many years has the business been operating?"></i>
                    </label>
                    <input type="number" name="years_in_business" class="form-control" min="0"
                           value="{{ $lv('years_in_business') }}" placeholder="Enter Years in Business">
                </div>
            </div>
        </div>
    </div>
</div>

{{-- ══ 2. DBA Information ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center"
         data-bs-toggle="collapse" data-bs-target="#sectionDbaInfo" style="cursor:pointer;">
        <span class="fw-semibold">DBA Information</span>
        <i class="bx bx-chevron-up"></i>
    </div>
    <div class="collapse show" id="sectionDbaInfo">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Phone Number <span class="text-danger">*</span></label>
                    <input type="text" name="phone" class="form-control" required
                           value="{{ $lv('phone') }}" placeholder="+1 Enter Phone Number">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Contact First Name <span class="text-danger">*</span></label>
                    <input type="text" name="first_name" class="form-control" required
                           value="{{ $lv('first_name') }}" placeholder="Enter First Name">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Email Address <span class="text-danger">*</span></label>
                    <input type="email" name="email" class="form-control" required
                           value="{{ $lv('email') }}" placeholder="Enter Email Address">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Contact Last Name <span class="text-danger">*</span></label>
                    <input type="text" name="last_name" class="form-control" required
                           value="{{ $lv('last_name') }}" placeholder="Enter Last Name">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Contact Title <span class="text-danger">*</span></label>
                    <select name="turbo_app_data[contact_title]" class="form-control select2 no-search" required>
                        <option value="">Select Contact Title</option>
                        @foreach($contactTitles as $val => $lbl)
                            <option value="{{ $val }}" {{ $v('contact_title') === $val ? 'selected' : '' }}>{{ $lbl }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- ══ 3. Address ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center"
         data-bs-toggle="collapse" data-bs-target="#sectionAddress" style="cursor:pointer;">
        <span class="fw-semibold">Address</span>
        <i class="bx bx-chevron-up"></i>
    </div>
    <div class="collapse show" id="sectionAddress">
        <div class="card-body">
            <div class="row address-section">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Street Address <span class="text-danger">*</span></label>
                    <input type="text" name="address" class="form-control" required
                           value="{{ $lv('address') }}" placeholder="Enter Street Address">
                </div>
                <div class="col-md-3 mb-3">
                    <label class="form-label">Postal Code <span class="text-danger">*</span></label>
                    <input type="text" name="zip" class="form-control zip-autofill" required maxlength="10"
                           value="{{ $lv('zip') }}" placeholder="Enter Postal Code">
                </div>
                <div class="col-md-3 mb-3">
                    <label class="form-label">City <span class="text-danger">*</span></label>
                    <input type="text" name="city" class="form-control zip-city" required
                           value="{{ $lv('city') }}" placeholder="Enter City">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Unit, Suite, etc. <span class="text-muted">(optional)</span></label>
                    <input type="text" name="turbo_app_data[unit_suite]" class="form-control"
                           value="{{ $v('unit_suite') }}" placeholder="Enter Unit, Suite, etc.">
                </div>
                <div class="col-md-3 mb-3">
                    <label class="form-label">State <span class="text-danger">*</span></label>
                    <select name="state" class="form-control select2 no-search addr-state zip-state" required>
                        <option value="">Select State</option>
                        @foreach($withCurrentValue($usStates, $lv('state')) as $code => $name)
                            <option value="{{ $code }}" {{ $lv('state') === $code ? 'selected' : '' }}>{{ $name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3 mb-3">
                    <label class="form-label">Country <span class="text-danger">*</span></label>
                    <select name="country" class="form-control select2 no-search addr-country" required>
                        @foreach($withCurrentValue($addressCountries, $lv('country', 'US')) as $code => $name)
                            <option value="{{ $code }}" {{ $lv('country', 'US') === $code ? 'selected' : '' }}>{{ $name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- ══ 4. Legal Information ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center"
         data-bs-toggle="collapse" data-bs-target="#sectionLegal" style="cursor:pointer;">
        <div class="d-flex align-items-center gap-2">
            <span class="fw-semibold">Legal Information</span>
            <div class="form-check mb-0 ms-2">
                <input class="form-check-input" type="checkbox" id="legalSameAsDba"
                       name="turbo_app_data[legal_same_as_dba]" value="1"
                       {{ $v('legal_same_as_dba', '1') ? 'checked' : '' }}>
                <label class="form-check-label fw-normal small" for="legalSameAsDba">The same as DBA Information</label>
            </div>
        </div>
        <i class="bx bx-chevron-down"></i>
    </div>
    <div class="collapse" id="sectionLegal">
        <div class="card-body" id="legalAddrSection">
            <div class="row address-section">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Legal Street Address</label>
                    <input type="text" name="turbo_app_data[legal_address]" class="form-control"
                           value="{{ $v('legal_address') }}" placeholder="Enter Legal Street Address">
                </div>
                <div class="col-md-3 mb-3">
                    <label class="form-label">Postal Code</label>
                    <input type="text" name="turbo_app_data[legal_zip]" class="form-control zip-autofill" maxlength="10"
                           value="{{ $v('legal_zip') }}" placeholder="Postal Code">
                </div>
                <div class="col-md-3 mb-3">
                    <label class="form-label">City</label>
                    <input type="text" name="turbo_app_data[legal_city]" class="form-control zip-city"
                           value="{{ $v('legal_city') }}" placeholder="City">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">State</label>
                    <select name="turbo_app_data[legal_state]" class="form-control select2 no-search addr-state zip-state">
                        <option value="">Select State</option>
                        @foreach($withCurrentValue($usStates, $v('legal_state')) as $code => $name)
                            <option value="{{ $code }}" {{ $v('legal_state') === $code ? 'selected' : '' }}>{{ $name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Country</label>
                    <select name="turbo_app_data[legal_country]" class="form-control select2 no-search addr-country">
                        @foreach($withCurrentValue($addressCountries, $v('legal_country', 'US')) as $code => $name)
                            <option value="{{ $code }}" {{ $v('legal_country', 'US') === $code ? 'selected' : '' }}>{{ $name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- ══ 5. Chargeback and Mailing/Billing ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center"
         data-bs-toggle="collapse" data-bs-target="#sectionChargeback" style="cursor:pointer;">
        <span class="fw-semibold">Chargeback and Mailing/Billing</span>
        <i class="bx bx-chevron-up"></i>
    </div>
    <div class="collapse show" id="sectionChargeback">
        <div class="card-body">
            {{-- Chargeback Info --}}
            <div class="mb-3">
                <div class="d-flex align-items-center gap-2 mb-2">
                    <span class="fw-medium">Chargeback Information</span>
                    <div class="form-check mb-0 ms-2">
                        <input class="form-check-input" type="checkbox" id="chargebackSameAsDba"
                               name="turbo_app_data[chargeback_same_as_dba]" value="1"
                               {{ $v('chargeback_same_as_dba', '1') ? 'checked' : '' }}>
                        <label class="form-check-label fw-normal small" for="chargebackSameAsDba">The same as DBA Information</label>
                    </div>
                </div>
                <div id="chargebackAddrSection">
                    <div class="row">
                        <div class="col-md-6 mb-2">
                            <input type="text" name="turbo_app_data[chargeback_address]" class="form-control form-control-sm"
                                   value="{{ $v('chargeback_address') }}" placeholder="Chargeback Street Address">
                        </div>
                        <div class="col-md-3 mb-2">
                            <input type="text" name="turbo_app_data[chargeback_city]" class="form-control form-control-sm"
                                   value="{{ $v('chargeback_city') }}" placeholder="City">
                        </div>
                        <div class="col-md-3 mb-2">
                            <input type="text" name="turbo_app_data[chargeback_state]" class="form-control form-control-sm"
                                   value="{{ $v('chargeback_state') }}" placeholder="State">
                        </div>
                    </div>
                </div>
                <div class="mt-2">
                    <label class="form-label small fw-medium">Chargeback Notification <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[chargeback_notification]"
                                   value="email" id="cbEmail"
                                   {{ $v('chargeback_notification', 'email') === 'email' ? 'checked' : '' }}>
                            <label class="form-check-label" for="cbEmail">Email</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="turbo_app_data[chargeback_notification]"
                                   value="fax" id="cbFax"
                                   {{ $v('chargeback_notification') === 'fax' ? 'checked' : '' }}>
                            <label class="form-check-label" for="cbFax">Fax</label>
                        </div>
                    </div>
                </div>
            </div>

            <hr>

            {{-- Mailing/Billing --}}
            <div>
                <div class="d-flex align-items-center gap-2 mb-2">
                    <span class="fw-medium">Mailing/Billing Information</span>
                    <div class="form-check mb-0 ms-2">
                        <input class="form-check-input" type="checkbox" id="mailingSameAsDba"
                               name="turbo_app_data[mailing_same_as_dba]" value="1"
                               {{ $v('mailing_same_as_dba', '1') ? 'checked' : '' }}>
                        <label class="form-check-label fw-normal small" for="mailingSameAsDba">The same as DBA Information</label>
                    </div>
                </div>
                <div id="mailingAddrSection">
                    <div class="row">
                        <div class="col-md-6 mb-2">
                            <input type="text" name="turbo_app_data[mailing_address]" class="form-control form-control-sm"
                                   value="{{ $v('mailing_address') }}" placeholder="Mailing Street Address">
                        </div>
                        <div class="col-md-3 mb-2">
                            <input type="text" name="turbo_app_data[mailing_city]" class="form-control form-control-sm"
                                   value="{{ $v('mailing_city') }}" placeholder="City">
                        </div>
                        <div class="col-md-3 mb-2">
                            <input type="text" name="turbo_app_data[mailing_state]" class="form-control form-control-sm"
                                   value="{{ $v('mailing_state') }}" placeholder="State">
                        </div>
                    </div>
                </div>
                <div class="mt-2">
                    <label class="form-label small fw-medium">Opt out of Electronic Statement? <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[opt_out_electronic_statement]"
                                   value="yes" id="optOutYes"
                                   {{ $v('opt_out_electronic_statement') === 'yes' ? 'checked' : '' }}>
                            <label class="form-check-label" for="optOutYes">Yes</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="turbo_app_data[opt_out_electronic_statement]"
                                   value="no" id="optOutNo"
                                   {{ $v('opt_out_electronic_statement', 'no') === 'no' ? 'checked' : '' }}>
                            <label class="form-check-label" for="optOutNo">No</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- ══ 6. Business Description ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center"
         data-bs-toggle="collapse" data-bs-target="#sectionBizDesc" style="cursor:pointer;">
        <span class="fw-semibold">Business Description</span>
        <i class="bx bx-chevron-up"></i>
    </div>
    <div class="collapse show" id="sectionBizDesc">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Ownership Type <span class="text-danger">*</span></label>
                    <select name="ownership_type" class="form-control select2 no-search" required>
                        <option value="">Select Ownership Type</option>
                        @foreach($ownershipTypes as $val => $lbl)
                            <option value="{{ $val }}" {{ $lv('ownership_type') === $val ? 'selected' : '' }}>{{ $lbl }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Business Type <span class="text-danger">*</span></label>
                    <select name="turbo_app_data[business_type]" class="form-control select2 no-search" required>
                        <option value="">Select Business Type</option>
                        @foreach($businessTypes as $val => $lbl)
                            <option value="{{ $val }}" {{ $v('business_type') === $val ? 'selected' : '' }}>{{ $lbl }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">Tax Exempt <span class="text-danger">*</span></label>
                    <div class="d-flex gap-3 mt-1">
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="turbo_app_data[tax_exempt]"
                                   value="yes" id="taxExYes" {{ $v('tax_exempt') === 'yes' ? 'checked' : '' }}>
                            <label class="form-check-label" for="taxExYes">Yes</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="turbo_app_data[tax_exempt]"
                                   value="no" id="taxExNo" {{ $v('tax_exempt', 'no') === 'no' ? 'checked' : '' }}>
                            <label class="form-check-label" for="taxExNo">No</label>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">MCC <span class="text-danger">*</span></label>
                    <select name="turbo_app_data[mcc]" class="form-control select2" required>
                        <option value="">Select MCC</option>
                        <option value="{{ $v('mcc') }}" {{ $v('mcc') ? 'selected' : '' }}>{{ $v('mcc') }}</option>
                    </select>
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">Tax ID Type <span class="text-danger">*</span></label>
                    <select name="turbo_app_data[tax_id_type]" class="form-control select2 no-search" required>
                        <option value="">Select Tax ID Type</option>
                        @foreach($taxIdTypes as $val => $lbl)
                            <option value="{{ $val }}" {{ $v('tax_id_type') === $val ? 'selected' : '' }}>{{ $lbl }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-12 mb-3">
                    <label class="form-label">
                        Merchant Description (Goods/Services Sold) <span class="text-danger">*</span>
                        <small class="text-muted float-end" id="merchantDescCount">0/250</small>
                    </label>
                    <textarea name="turbo_app_data[merchant_description]" class="form-control" rows="4"
                              maxlength="250" required
                              id="merchantDescText"
                              placeholder="Enter your text here">{{ $v('merchant_description') }}</textarea>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- ══ 7. Banking Information ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center"
         data-bs-toggle="collapse" data-bs-target="#sectionBanking" style="cursor:pointer;">
        <span class="fw-semibold">Banking Information</span>
        <i class="bx bx-chevron-up"></i>
    </div>
    <div class="collapse show" id="sectionBanking">
        <div class="card-body">
            <p class="text-muted small mb-3">Minimum one Bank Account is required to transmit application</p>
            <button type="button" class="btn btn-outline-secondary btn-sm" id="btnAddBankAccount">
                Add Account
            </button>
            <div id="bankAccountsContainer" class="mt-3"></div>
        </div>
    </div>
</div>

{{-- ══ 8. Processing Information ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center"
         data-bs-toggle="collapse" data-bs-target="#sectionProcessing" style="cursor:pointer;">
        <span class="fw-semibold">Processing Information</span>
        <i class="bx bx-chevron-up"></i>
    </div>
    <div class="collapse show" id="sectionProcessing">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Average Ticket <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <span class="input-group-text">$</span>
                        <input type="number" name="average_ticket" class="form-control" required
                               step="0.01" min="1" max="99999999"
                               value="{{ $lv('average_ticket', '0.00') }}" placeholder="0.00">
                        
                    </div>
                    <small class="text-muted">Needs to be from $100 to $99999999</small>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Monthly Volume <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <span class="input-group-text">$</span>
                        <input type="number" name="monthly_volume" class="form-control" required
                               step="0.01" min="100"
                               value="{{ $lv('monthly_volume', '0.00') }}" placeholder="0.00">
                        
                    </div>
                    <small class="text-muted">Minimum $100</small>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Highest Ticket <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <span class="input-group-text">$</span>
                        <input type="number" name="high_ticket" class="form-control" required
                               step="0.01" min="100"
                               value="{{ $lv('high_ticket', '0.00') }}" placeholder="0.00">
                        
                    </div>
                    <small class="text-muted">Needs to be from $100 to $99999999</small>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Card Types Requested <span class="text-danger">*</span></label>
                    <select name="turbo_app_data[card_types_requested]" class="form-control select2 no-search" required>
                        <option value="">Select</option>
                        @foreach($cardTypes as $val => $lbl)
                            <option value="{{ $val }}" {{ $v('card_types_requested', 'all_credit_cards') === $val ? 'selected' : '' }}>{{ $lbl }}</option>
                        @endforeach
                    </select>
                    <div class="alert alert-warning py-2 mt-2 small mb-0">
                        <i class="bx bx-error-alt"></i>
                        Point of Sale programming cannot prohibit acceptance of credit cards therefore it is the merchant's responsibility to enforce this.
                    </div>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Business to Business <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <input type="number" name="turbo_app_data[b2b_pct]" class="form-control"
                               min="0" max="100" value="{{ $v('b2b_pct', '0') }}" placeholder="0">
                        <span class="input-group-text">%</span>
                    </div>
                    <small class="text-muted">Must be in 0%–100% range</small>
                </div>
            </div>

            <hr class="my-3">
            <h6 class="fw-semibold mb-3">Credit Card Processing Methods</h6>
            <div class="row">
                <div class="col-md-4 mb-3">
                    <label class="form-label">Card Present <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <input type="number" name="turbo_app_data[card_present_pct]"
                               class="form-control"
                               min="0" max="100"
                               value="{{ $v('card_present_pct', $lv('card_present_pct', '0')) }}"
                               placeholder="0">
                        <span class="input-group-text">%</span>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">eCommerce <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <input type="number" name="turbo_app_data[ecommerce_pct]"
                               class="form-control"
                               min="0" max="100"
                               value="{{ $v('ecommerce_pct', '0') }}"
                               placeholder="0">
                        <span class="input-group-text">%</span>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">Manually Keyed (MOTO) <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <input type="number" name="turbo_app_data[manually_keyed_pct]"
                               class="form-control"
                               min="0" max="100"
                               value="{{ $v('manually_keyed_pct', '0') }}"
                               placeholder="0">
                        <span class="input-group-text">%</span>
                    </div>
                </div>
            </div>
            <div class="text-center">
                <small class="text-muted">TOTAL (must be 100%)</small><br>
                <span class="fw-bold" id="ccMethodTotal">0%</span>
            </div>
        </div>
    </div>
</div>

{{-- ══ 9. Additional Information ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center"
         data-bs-toggle="collapse" data-bs-target="#sectionAdditional" style="cursor:pointer;">
        <span class="fw-semibold">Additional Information</span>
        <i class="bx bx-chevron-up"></i>
    </div>
    <div class="collapse show" id="sectionAdditional">
        <div class="card-body">
            @php
                $yesNoField = function($name, $label, $default='no') use ($v) {
                    $val = $v($name, $default);
                    return ['name'=>$name,'label'=>$label,'val'=>$val];
                };
                $additionalFields = [
                    ['turbo_app_data[seasonal]',                    'Seasonal?',                                                              'no'],
                    ['turbo_app_data[billed_prior_to_goods_shipped]','Does customer get billed prior to goods being shipped?',                'no'],
                    ['turbo_app_data[have_trade_reference]',         'Do you have any trade reference to provide?',                           'no'],
                    ['turbo_app_data[contractors_cardholder_data]',  'Will there be independent contractors or agents given access to the cardholder data?', 'no'],
                    ['turbo_app_data[existing_mid_affiliate]',       'Do you have an existing Merchant ID to affiliate to this location?',    'no'],
                ];
            @endphp
            @foreach($additionalFields as [$fieldName, $fieldLabel, $fieldDefault])
            <div class="mb-3">
                <label class="form-label fw-medium">{{ $fieldLabel }} <span class="text-danger">*</span></label>
                <div class="d-flex gap-3">
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="{{ $fieldName }}"
                               value="yes" id="{{ str_replace(['[',']'], ['_',''], $fieldName) }}_yes"
                               {{ $v(str_replace(['turbo_app_data[',']'], ['',''], $fieldName), $fieldDefault) === 'yes' ? 'checked' : '' }}>
                        <label class="form-check-label" for="{{ str_replace(['[',']'], ['_',''], $fieldName) }}_yes">Yes</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="{{ $fieldName }}"
                               value="no" id="{{ str_replace(['[',']'], ['_',''], $fieldName) }}_no"
                               {{ $v(str_replace(['turbo_app_data[',']'], ['',''], $fieldName), $fieldDefault) === 'no' ? 'checked' : '' }}>
                        <label class="form-check-label" for="{{ str_replace(['[',']'], ['_',''], $fieldName) }}_no">No</label>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>

{{-- ══ 10. Patriot Act ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center"
         data-bs-toggle="collapse" data-bs-target="#sectionPatriot" style="cursor:pointer;">
        <span class="fw-semibold">Patriot Act</span>
        <i class="bx bx-chevron-up"></i>
    </div>
    <div class="collapse show" id="sectionPatriot">
        <div class="card-body">
            <p class="text-muted small mb-3">Please provide one of the following: <span class="text-danger">*</span></p>
            @foreach($patriotDocs as $val => $lbl)
            <div class="form-check mb-2">
                <input class="form-check-input" type="radio" name="turbo_app_data[patriot_act_doc_type]"
                       value="{{ $val }}" id="patriot_{{ $val }}"
                       {{ $v('patriot_act_doc_type') === $val ? 'checked' : '' }}>
                <label class="form-check-label" for="patriot_{{ $val }}">{{ $lbl }}</label>
            </div>
            @endforeach
        </div>
    </div>
</div>

{{-- ══ 11. Site Survey ══ --}}
<div class="card mb-3 border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center"
         data-bs-toggle="collapse" data-bs-target="#sectionSiteSurvey" style="cursor:pointer;">
        <span class="fw-semibold">Site Survey</span>
        <i class="bx bx-chevron-up"></i>
    </div>
    <div class="collapse show" id="sectionSiteSurvey">
        <div class="card-body">
            <label class="form-label fw-medium">Merchant Site Visit Performed? <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[site_visit_performed]"
                           value="yes" id="siteVisitYes"
                           {{ $v('site_visit_performed') === 'yes' ? 'checked' : '' }}>
                    <label class="form-check-label" for="siteVisitYes">Yes</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="turbo_app_data[site_visit_performed]"
                           value="no" id="siteVisitNo"
                           {{ $v('site_visit_performed', 'no') === 'no' ? 'checked' : '' }}>
                    <label class="form-check-label" for="siteVisitNo">No</label>
                </div>
            </div>
        </div>
    </div>
</div>

@push('page_script')
<script>
(function () {
    /* Merchant description character counter */
    var $ta = $('#merchantDescText');
    var $ct = $('#merchantDescCount');
    $ta.on('input', function () { $ct.text(this.value.length + '/250'); }).trigger('input');
})();
</script>
@endpush