@php
    $batchCloseOptions = [
        '' => 'Select',
        '1' => 'Auto Batch​',
        '2' => 'Manual Batch​',
    ];
    $batchCloseTooltips = [
        '' => '',
        '1' => 'Transactions are automatically closed and submitted at the specified time daily.',
        '2' => 'The merchant must manually close and submit batches each day.',
    ];
    $selectedBatchClose = old('batchClose', $products->batch_close ?? '');
    $tipsOptions = [
        '' => 'Select',
        '1' => 'Yes​',
        '2' => 'No​',
    ];
    $tipsTooltips = [
        '' => '',
        '1' => 'Tip entry is enabled on receipts or payment screens.',
        '2' => 'Tip option is disabled.',
    ];
    $selectedTips = old('batchCloseTips', $products->accept_type ?? '');
    $signatureOptions = [
        '' => 'Select',
        '1' => 'Yes​',
        '2' => 'No​',
    ];
    $signatureTooltips = [
        '' => '',
        '1' => 'Customers will be prompted to sign after each transaction.',
        '2' => 'No signature required, useful for low-risk or low-ticket transactions.',
    ];
    $selectedSignature = old('batchCloseSignature', $products->is_signature_on_receipt ?? '');
    $bundleCount = old('bundles') ? count(old('bundles')) : 1;
    $isGuest = !auth()->check();
    $readonly = $isGuest ? 'readonly' : null;
    $disabled = $isGuest ? 'disabled' : null;
    $selectedHardwareType = old('hardware_type_hidden', 'free_placement');
@endphp
@extends('front.layouts.merchant.app')
@section('content')
    <div class="main-content min-vh-100">
        <div class="page-content mt-4">
            <div class="container-fluid">
                @include('front.components.merchant.page-title')
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                @include('front.components.merchant.application-progressbar')
                                @include('front.components.merchant.copy-btn')
                                {!! html()->form('POST', route('merchant.products.submit'))->id('product-form')->acceptsFiles()->attribute('enctype', 'multipart/form-data')->attribute('data-parsley-validate', '')->open() !!}
                                @csrf
                                {!! html()->hidden('application_number', $data->application_number ?? null) !!}
                                {!! html()->hidden('merchant_location_id', $location_id ?? null) !!}
                                {!! html()->hidden('id', $products->id ?? 0) !!}
                                {!! html()->hidden('funding_type', $pricing->funding_type ?? 1)->id('funding_type') !!}
                                {!! html()->hidden('hardware_type_hidden', $selectedHardwareType)->id('hardware_type_hidden') !!}
                                @if ($isGuest)
                                    {!! html()->hidden('token', $token ?? null) !!}
                                @endif

                                <div class="tab-pane" id="products-details">
                                    <div class="row justify-content-center">
                                        <div class="col-lg-12">
                                            <div id="accordion" class="business-details-accordion">
                                                {{-- Free POS Placement --}}
                                                <div class="card mb-1 shadow-none">
                                                    <div class="card-header" id="headingOne">
                                                        <h6 class="m-0">
                                                            <a href="#collapseOne" class="text-dark" data-toggle="collapse"
                                                                aria-expanded="true" aria-controls="collapseOne">
                                                                Hardware
                                                            </a>
                                                        </h6>
                                                    </div>
                                                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                                                        data-parent="#accordion">
                                                        <div class="card-body">
                                                            <!-- Hardware Type Toggle -->
                                                            <div class="mb-4">
                                                                <div class="hardware-toggle-container">
                                                                    <label
                                                                        class="hardware-toggle-btn {{ $selectedHardwareType == 'free_placement' ? 'active' : '' }}"
                                                                        id="freePlacementLabel">
                                                                        <input type="radio" name="hardware_type"
                                                                            id="freePlacement" value="free_placement"
                                                                            {{ $selectedHardwareType == 'free_placement' ? 'checked' : '' }}
                                                                            autocomplete="off">
                                                                        <span class="btn-text">Free Placement</span>
                                                                    </label>
                                                                    <label
                                                                        class="hardware-toggle-btn {{ $selectedHardwareType == 'purchase' ? 'active' : '' }}"
                                                                        id="purchaseLabel">
                                                                        <input type="radio" name="hardware_type"
                                                                            id="purchase" value="purchase"
                                                                            {{ $selectedHardwareType == 'purchase' ? 'checked' : '' }}
                                                                            autocomplete="off">
                                                                        <span class="btn-text">Purchase</span>
                                                                    </label>
                                                                </div>
                                                            </div>

                                                            <p><i>(includes POS, Printer, Cash Drawer, Barcode Scanner,
                                                                    Payment Device)</i></p>
                                                            <hr>

                                                            <!-- Free Placement Content -->
                                                            <div id="freePlacementContent" class="hardware-content"
                                                                style="{{ $selectedHardwareType == 'free_placement' ? '' : 'display: none;' }}">
                                                                <div class="row">
                                                                    <div class="col-lg-7 mob-order2">
                                                                        <div id="free-pos-bundle-list">
                                                                            @for ($bundleIdx = 0; $bundleIdx < $bundleCount; $bundleIdx++)
                                                                                @include(
                                                                                    'front.components.merchant.free-pos-bundle-item',
                                                                                    [
                                                                                        'bundleIdx' => $bundleIdx,
                                                                                        'devices' => $devices,
                                                                                        'selectedDevices' => old(
                                                                                            'bundles.' .
                                                                                                $bundleIdx .
                                                                                                '.device',
                                                                                            []),
                                                                                    ]
                                                                                )
                                                                            @endfor
                                                                        </div>
                                                                        @if (!$isGuest)
                                                                            <div class="d-flex text-right mb-3">
                                                                                <button type="button"
                                                                                    class="btn btn-outline-primary btn-lg add-free-pos-bundle-top"
                                                                                    id="add-location-btn">
                                                                                    {!! \Config::get('settings.icon_add') !!} Add New POS
                                                                                    Bundle
                                                                                </button>
                                                                            </div>
                                                                        @endif
                                                                    </div>
                                                                    <div class="col-lg-5 mob-order1">
                                                                        <div class="card border h-100">
                                                                            <div class="card-header border-primary">
                                                                                <h5 class="my-0 text-dark"><i
                                                                                        class="mdi mdi-bank mr-3"></i>Product
                                                                                </h5>
                                                                            </div>
                                                                            <div
                                                                                class="card-body text-center d-flex align-items-center justify-content-center flex-column">
                                                                                <img src="{{ asset('front/assets/images/device.png') }}"
                                                                                    alt="" style="width: 180px;">
                                                                                <div id="freePlacementInfo">
                                                                                    <p class="text-left">
                                                                                        Must meet the following:<br />
                                                                                        (1) $20,000 monthly minimum
                                                                                        processing
                                                                                        volume per free placement bundle. If
                                                                                        not
                                                                                        met, monthly fee will apply.<br />
                                                                                        (2) Sign a 3-year merchant
                                                                                        processing
                                                                                        agreement with applicable early
                                                                                        termination fee.<br />
                                                                                        (3) Be credit approved.
                                                                                    </p>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <!-- Purchase Content -->
                                                            <div id="purchaseContent" class="hardware-content"
                                                                style="{{ $selectedHardwareType == 'purchase' ? '' : 'display: none;' }}">
                                                                <div class="row">
                                                                    <div class="col-lg-12">
                                                                        @include(
                                                                            'front.components.merchant.purchase-pos-bundle-item',
                                                                            [
                                                                                'devices' => $devices,
                                                                                'purchaseDevices' =>
                                                                                    $purchaseDevices ?? [],
                                                                            ]
                                                                        )
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div id="posCardsContainer" class="mt-4"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Additional Devices -->

                                                @if (!empty($peripheral) && count($peripheral) > 0)
                                                    <div class="card mb-1 shadow-none">
                                                        <div class="card-header" id="headingTwo">
                                                            <h6 class="m-0">
                                                                <a href="#collapseTwo" class="text-dark collapsed"
                                                                    data-toggle="collapse" aria-expanded="false"
                                                                    aria-controls="collapseTwo">
                                                                    Peripherals
                                                                </a>
                                                            </h6>
                                                        </div>
                                                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                                                            data-parent="#accordion">
                                                            <div class="card-body">
                                                                <h5>Peripheral Devices​</h5>
                                                                <hr>
                                                                <div class="row">
                                                                    @if (!empty($peripheral) && count($peripheral) > 0)
                                                                        @foreach ($peripheral as $idx => $val)
                                                                            <div class="col-lg-6">
                                                                                <div class="card border h-100">
                                                                                    <div
                                                                                        class="card-header border-primary py-2">
                                                                                        <h6 class="my-0 text-dark">
                                                                                            <i
                                                                                                class="mdi mdi-bank mr-2"></i>{{ $val['name'] }}
                                                                                        </h6>
                                                                                    </div>
                                                                                    <div
                                                                                        class="card-body text-center p-2 d-flex flex-column align-items-center justify-content-center">
                                                                                        <img src="{{ asset('front/assets/images/companies/img-' . $idx . '.png') }}"
                                                                                            alt=""
                                                                                            class="mb-2 mh-50">
                                                                                        <div>
                                                                                            <small>Cost: $xx</small>
                                                                                        </div>
                                                                                        <div
                                                                                            class="input-group bootstrap-touchspin mt-2 mw-110">
                                                                                            <span
                                                                                                class="input-group-prepend">
                                                                                                <button
                                                                                                    class="btn btn-primary btn-sm bootstrap-touchspin-down"
                                                                                                    type="button">-</button>
                                                                                            </span>
                                                                                            {!! html()->text('peripheral_count')->value(55)->class('form-control form-control-sm text-center')->attribute('data-toggle', 'touchspin')->attribute('data-parsley-type', 'digits') !!}
                                                                                            <span
                                                                                                class="input-group-append">
                                                                                                <button
                                                                                                    class="btn btn-primary btn-sm bootstrap-touchspin-up"
                                                                                                    type="button">+</button>
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        @endforeach
                                                                    @else
                                                                        <div class="col-lg-6">
                                                                            <p>No devices found.</p>
                                                                        </div>
                                                                    @endif

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                                <!-- Software Fee -->
                                                <div class="card mb-1 shadow-none">
                                                    <div class="card-header" id="headingThree">
                                                        <h6 class="m-0">
                                                            <a href="#collapseThree" class="text-dark collapsed"
                                                                data-toggle="collapse" aria-expanded="false"
                                                                aria-controls="collapseThree">
                                                                Software
                                                            </a>
                                                        </h6>
                                                    </div>
                                                    <div id="collapseThree" class="collapse"
                                                        aria-labelledby="headingThree" data-parent="#accordion">
                                                        <div class="card-body">
                                                            <hr>
                                                            <div class="row">
                                                                <div class="col-lg-4">
                                                                    <div class="form-group">
                                                                        {!! html()->label('SaaS Fee​ <span class="text-danger">*</span> (Per month)', 'saas_fee')->toHtml() !!}
                                                                        <div class="input-group mb-3">
                                                                            <div
                                                                                class="input-group-prepend dollar-input-white-bg">
                                                                                <span
                                                                                    class="input-group-text dollar-input-white-bg @if ($isGuest) bg-disabled text-muted @endif">$</span>
                                                                            </div>
                                                                            <div class="tool-tips1">
                                                                                <i class="fas fa-info-circle"
                                                                                    data-toggle="tooltip"
                                                                                    data-placement="top"
                                                                                    title="POS software fee per device."></i>
                                                                            </div>
                                                                            {!! html()->text('saas_fee', old('saas_fee', $products->saas_fee ?? ''))->class('form-control currency-format no-left-border no-right-border small-width decimal-places')->attribute(
                                                                                    'data-inputmask',
                                                                                    "'alias': 'currency', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '', 'placeholder': '0', 'rightAlign': false",
                                                                                )->attribute('aria-describedby', 'option-saas-fee')->attribute('required', 'required')->attribute('data-parsley-required-message', 'SaaS fee is required')->attribute($readonly, $readonly) !!}
                                                                            <div
                                                                                class="input-group-append dollar-input-white-bg">
                                                                                <span
                                                                                    class="input-group-text dollar-input-white-bg @if ($isGuest) bg-disabled text-muted @endif">​</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-4">
                                                                    <div class="form-group">
                                                                        {!! html()->label('Implementation Fee​​ <span class="text-danger">*</span> (One time)', 'implementation_fee')->toHtml() !!}
                                                                        <div class="input-group mb-3">
                                                                            <div
                                                                                class="input-group-prepend dollar-input-white-bg">
                                                                                <span
                                                                                    class="input-group-text dollar-input-white-bg @if ($isGuest) bg-disabled text-muted @endif">$</span>
                                                                            </div>
                                                                            <div class="tool-tips1">
                                                                                <i class="fas fa-info-circle"
                                                                                    data-toggle="tooltip"
                                                                                    data-placement="top"
                                                                                    title="Setup fee covering system configuration, onboarding, and training​"></i>
                                                                            </div>
                                                                            {!! html()->text('implementation_fee', old('implementation_fee', $products->implementation_fee ?? ''))->class('form-control currency-format no-left-border no-right-border small-width decimal-places')->attribute(
                                                                                    'data-inputmask',
                                                                                    "'alias': 'currency', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '', 'placeholder': '0', 'rightAlign': false",
                                                                                )->attribute('aria-describedby', 'option-implementation-fee')->attribute('required', 'required')->attribute('data-parsley-required-message', 'Implementation fee is required')->attribute($readonly, $readonly) !!}
                                                                            <div
                                                                                class="input-group-append dollar-input-white-bg">
                                                                                <span
                                                                                    class="input-group-text dollar-input-white-bg @if ($isGuest) bg-disabled text-muted @endif"></span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-4"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- POS Setup -->
                                                <div class="card mb-1 shadow-none">
                                                    <div class="card-header" id="headingFour">
                                                        <h6 class="m-0">
                                                            <a href="#collapseFour" class="text-dark collapsed"
                                                                data-toggle="collapse" aria-expanded="false"
                                                                aria-controls="collapseFour">
                                                                POS Setup​
                                                            </a>
                                                        </h6>
                                                    </div>
                                                    <div id="collapseFour" class="collapse" aria-labelledby="headingFour"
                                                        data-parent="#accordion">
                                                        <div class="card-body">
                                                            <h5>Batch​</h5>
                                                            <hr>
                                                            <div class="row">
                                                                <div class="col-lg-3">
                                                                    <div class="form-group">
                                                                        {!! html()->label('Batch Close​ <span class="text-danger">*</span>', 'batchCloseSelect')->toHtml() !!}
                                                                        <div class="tool-tips pricing-amount-label">
                                                                            <i class="fas fa-info-circle"
                                                                                data-toggle="tooltip" data-placement="top"
                                                                                title="Defines how and when card transactions are finalized for settlement."></i>
                                                                        </div>
                                                                        <select
                                                                            class="form-control batchCloseSelectInp select2"
                                                                            id="batchCloseSelect" name="batchClose"
                                                                            required
                                                                            data-parsley-required-message="Please select batch close option">
                                                                            @foreach ($batchCloseOptions as $value => $label)
                                                                                <option value="{{ $value }}"
                                                                                    title="{{ $batchCloseTooltips[$value] ?? '' }}"
                                                                                    {{ (string) $selectedBatchClose === (string) $value ? 'selected' : '' }}>
                                                                                    {{ $label }}
                                                                                </option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-3">
                                                                    <div class="form-group">
                                                                        {!! html()->label('Enter Time​ <span class="text-danger" id="timeStar" style="display:none;">*</span>', 'timepicker')->toHtml() !!}
                                                                        <div class="input-group">
                                                                            {!! html()->text('batchCloseTime', old('batchCloseTime', $products->batch_close_time ?? ''))->class('form-control timepicker')->id('timepicker')->attribute('data-provide', 'timepicker')->attribute('data-parsley-required-if', '#batchCloseSelect')->attribute('data-parsley-required-if-value', '1')->attribute('data-parsley-required-message', 'Time is required for Auto Batch') !!}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-3">
                                                                    <div class="form-group">
                                                                        {!! html()->label('Accepts Tips​​ <span class="text-danger">*</span>', 'batchCloseSelect')->toHtml() !!}
                                                                        <div class="tool-tips pricing-amount-label">
                                                                            <i class="fas fa-info-circle"
                                                                                data-toggle="tooltip" data-placement="top"
                                                                                title="Indicates whether the business allows customers to add a tip during checkout."></i>
                                                                        </div>
                                                                        <select class="form-control select2"
                                                                            id="batchCloseTips" name="batchCloseTips"
                                                                            required
                                                                            data-parsley-required-message="Please select if tips are accepted">
                                                                            @foreach ($tipsOptions as $value => $label)
                                                                                <option value="{{ $value }}"
                                                                                    title="{{ $tipsTooltips[$value] ?? '' }}"
                                                                                    {{ (string) $selectedTips === (string) $value ? 'selected' : '' }}>
                                                                                    {{ $label }}
                                                                                </option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-3">
                                                                    <div class="form-group">
                                                                        {!! html()->label('Signature on Receipts​​ <span class="text-danger">*</span>', 'batchCloseSignature')->toHtml() !!}
                                                                        <div class="tool-tips pricing-amount-label">
                                                                            <i class="fas fa-info-circle"
                                                                                data-toggle="tooltip" data-placement="top"
                                                                                title="Specifies if customer signatures are required on printed or digital receipts."></i>
                                                                        </div>
                                                                        <select class="form-control select2"
                                                                            id="batchCloseSignature"
                                                                            name="batchCloseSignature" required
                                                                            data-parsley-required-message="Please select if signatures are required on receipts">
                                                                            @foreach ($signatureOptions as $value => $label)
                                                                                <option value="{{ $value }}"
                                                                                    title="{{ $signatureTooltips[$value] ?? '' }}"
                                                                                    {{ (string) $selectedSignature === (string) $value ? 'selected' : '' }}>
                                                                                    {{ $label }}
                                                                                </option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="row mt-3 d-none" id="nextDayFundingNote">
                                                                <div class="col-12">
                                                                    <p class="text-muted"><strong>Note:</strong> For
                                                                        next day funding, you must batch out by 5 PM CST
                                                                        which is 3 PM PST</p>
                                                                </div>
                                                            </div>

                                                            <div class="row mt-4">
                                                                <div class="col-12">
                                                                    <h5>Inventory set up</h5>
                                                                    <hr>
                                                                    <div class="row">
                                                                        <div class="col-lg-4 m-auto">
                                                                            <div class="form-group">
                                                                                <p>If your data is ready, please upload
                                                                                    the file so we can proceed with
                                                                                    account setup immediately upon
                                                                                    approval.</p>
                                                                                <div class="custom-file">
                                                                                    {!! html()->file('inventoryFile')->class('custom-file-input')->id('inventoryFile')->attribute('data-parsley-max-file-size', '10')->attribute(
                                                                                            'data-parsley-filemimetypes',
                                                                                            'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv,image/jpeg,image/png,image/gif,image/bmp,image/webp',
                                                                                        )->attribute('accept', '.csv,.xls,.xlsx,image/*') !!}
                                                                                    <label
                                                                                        class="custom-file-label form-control"
                                                                                        for="inventoryFile">Choose
                                                                                        file</label>
                                                                                </div>
                                                                                <small class="form-text text-muted mt-3">
                                                                                    Supported formats: .csv, .xls, .xlsx
                                                                                </small>
                                                                                @if (!empty($products->doc) && $products->doc['id'] > 0)
                                                                                    <div class="mt-1">
                                                                                        <a href="{{ $products->doc['thumb'] }}"
                                                                                            download="{{ basename($products->doc['thumb']) }}"
                                                                                            class="btn btn-sm btn-outline-info">
                                                                                            <i
                                                                                                class="fas fa-download mr-1"></i>
                                                                                            {{ $products->doc['file_name'] ?? 'Download File' }}
                                                                                        </a>
                                                                                    </div>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Shipping -->
                                                <div class="card mb-0 shadow-none">
                                                    <div class="card-header" id="headingFive">
                                                        <h6 class="m-0">
                                                            <a href="#collapseFive" class="text-dark collapsed"
                                                                data-toggle="collapse" aria-expanded="false"
                                                                aria-controls="collapseFive">
                                                                Shipping​
                                                            </a>
                                                        </h6>
                                                    </div>
                                                    <div id="collapseFive" class="collapse" aria-labelledby="headingFive"
                                                        data-parent="#accordion">
                                                        <div class="card-body">
                                                            <div class="row mb-4">
                                                                <div class="col-12">
                                                                    <h6>Shipping Address:</h6>
                                                                    <p>{{ $business->full_address ?? '' }}</p>
                                                                    <div class="form-group mb-3">
                                                                        <div class="custom-control custom-checkbox">
                                                                            {!! html()->checkbox(
                                                                                    'showDifferentShippingAddress',
                                                                                    old('showDifferentShippingAddress', $products->is_show_different_shipping_address ?? '') == 1,
                                                                                    '1',
                                                                                )->class('custom-control-input')->id('showDifferentShippingAddress') !!}
                                                                            <label
                                                                                class="custom-control-label font-weight-bold"
                                                                                for="showDifferentShippingAddress">
                                                                                Different Shipping Address
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                    <div id="differentShippingAddressSection"
                                                                        style="display:none;">
                                                                        <h5>Shipping Address</h5>
                                                                        <hr>
                                                                        <div class="row">
                                                                            <div class="col-lg-8">
                                                                                <div class="form-group">
                                                                                    {!! html()->label('Address <span class="text-danger">*</span>', 'business_addressline_one')->toHtml() !!}
                                                                                    {!! html()->text('business_addressline_one', old('business_addressline_one', $products->addressline_one ?? ''))->class('form-control location-address')->id('business_addressline_one')->attribute('data-parsley-required-if', '#showDifferentShippingAddress')->attribute('data-parsley-required-if-message', 'Address is required when using a different shipping address') !!}
                                                                                    {!! \App\Helpers\Helper::addressNote() !!}
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-lg-4">
                                                                                <div class="form-group">
                                                                                    {!! html()->label('Address 2 (Optional)', 'business_addressline_two') !!}
                                                                                    {!! html()->text('business_addressline_two', old('business_addressline_two', $products->addressline_two ?? ''))->class('form-control')->id('business_addressline_two') !!}
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row">
                                                                            <div class="col-lg-4">
                                                                                <div class="form-group">
                                                                                    {!! html()->label('City <span class="text-danger">*</span>', 'business_city_name')->toHtml() !!}

                                                                                    {{-- Original city dropdown commented out in favor of text input
                                                                                    {!! html()->select('business_city_id', ['' => 'Select'] + $cities, old('business_city_id', $products->location_city_id ?? ''))->class('form-control select2')->attribute('data-parsley-required-if', '#showDifferentShippingAddress')->attribute('data-parsley-required-if-message', 'City is required when using a different shipping address') !!}
                                                                                    --}}

                                                                                    {!! html()->text('city_name', old('business_city_name', $products->city_name ?? ''))->class('form-control')->attribute('data-parsley-required-if', '#showDifferentShippingAddress')->attribute('data-parsley-required-if-message', 'City is required when using a different shipping address') !!}
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-lg-4">
                                                                                <div class="form-group">
                                                                                    {!! html()->label('State <span class="text-danger">*</span>', 'business_state_id')->toHtml() !!}
                                                                                    {!! html()->select(
                                                                                            'business_state_id',
                                                                                            ['' => 'Select'] + $states,
                                                                                            old('business_state_id', $products->location_state_id ?? ''),
                                                                                        )->class('form-control select2')->attribute('data-parsley-required-if', '#showDifferentShippingAddress')->attribute('data-parsley-required-if-message', 'State is required when using a different shipping address') !!}
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-lg-4">
                                                                                <div class="form-group">
                                                                                    {!! html()->label('Zip <span class="text-danger">*</span>', 'zip')->toHtml() !!}
                                                                                    {!! html()->text('zip', old('zip', $products->zip ?? ''))->class('form-control numeric')->attribute('minlength', 5)->attribute('maxlength', 6)->attribute('pattern', '^\d{5,6}$')->attribute('title', 'Please enter a 5 or 6 digit zip code')->attribute('data-parsley-required-if', '#showDifferentShippingAddress')->attribute('data-parsley-required-if-message', 'Zip code is required when using a different shipping address')->attribute('data-parsley-pattern', '^\d{5,6}$')->attribute('data-parsley-pattern-message', 'Please enter a valid 5-6 digit zip code') !!}
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <h5>Shipping Method <i class="fas fa-info-circle mr-1"
                                                                    data-toggle="tooltip" data-placement="top"
                                                                    title="Merchant confirmation is needed to initiate the shipping"
                                                                    style="font-size: 13px;"></i>
                                                            </h5>
                                                            <span></span>
                                                            <hr>
                                                            <div class="d-flex">
                                                                <div class="col-lg-3">
                                                                    <div class="w-100">
                                                                        <ul class="list-group">
                                                                            @foreach ($shippingMethods as $i => $method)
                                                                                <li class="list-group-item">
                                                                                    <div
                                                                                        class="custom-control custom-radio">
                                                                                        {!! html()->radio(
                                                                                                'shipping_method',
                                                                                                old('shipping_method', $products->shipping_method ?? '') == $method['value'] ||
                                                                                                    (empty(old('shipping_method')) && empty($products->shipping_method) && $i == 0),
                                                                                                $method['value'],
                                                                                            )->class('custom-control-input')->id('customRadio' . ($i + 1))->attribute('required', 'required')->attribute('data-parsley-required-message', 'Please select a shipping method') !!}
                                                                                        <label
                                                                                            class="custom-control-label font-weight-bold"
                                                                                            for="customRadio{{ $i + 1 }}">
                                                                                            {{ $method['label'] }}
                                                                                        </label>
                                                                                    </div>
                                                                                    <small
                                                                                        class="text-muted d-block ml-4">{{ $method['description'] }}</small>
                                                                                </li>
                                                                            @endforeach
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="d-flex justify-content-between mt-4" id="navigation-buttons">
                                                    <a href="{{ route(
                                                        'merchant.pricing',
                                                        array_merge(
                                                            ['application_number' => $data->application_number, 'location_id' => $location_id],
                                                            $isGuest ? ['token' => $token ?? null] : [],
                                                        ),
                                                    ) }}"
                                                        class="btn btn-secondary btn-lg w-md">
                                                        <i class="fas fa-arrow-left"></i> <span>Previous</span>
                                                    </a>
                                                    <div class="mob-between">
                                                        {!! html()->button('Save & Close')->class('btn btn-outline-primary btn-lg w-md')->name('save_close')->value(1) !!}
                                                        {!! html()->button('Review <i class="fas fa-arrow-right"></i>')->class('btn btn-primary btn-lg w-md')->type('submit')->toHtml() !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    {!! html()->form()->close() !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- Copy Modal --}}
        @include('front.components.merchant.copy-form-modal')
    @endsection
    @push('page_script')
        <script src="{{ asset('assets/js/merchant/application-products.js') }}"></script>
        <script src="{{ asset('assets/js/merchant/purchase-products.js') }}"></script>
        <script
            src="https://maps.googleapis.com/maps/api/js?key={{ \Config::get('settings.google_map_key') }}&libraries=places&callback=initGoogleAddressAutocomplete"
            async defer></script>
        <script>
            // Global variables for JavaScript
            window.merchantCityStateUrl = "{{ route('merchant.ajax.city-state') }}";
            window.isAuthenticatedUser = {{ auth()->check() ? 'true' : 'false' }};
        </script>
        <script src="{{ asset('assets/js/merchant/copy-btn.js') }}"></script>
    @endpush