@include('components.smart_receipt.popup-icon',  ['image' => 'location-icon', 'fa_icon' => 'fa-address-card'])

@if( $slot )
    {{ $slot }}
@else
<h6>{{ __('label.pending_delivery_address') }}</h6>
{{--                            <p>{{ __('label.title_address_form') }}</p>--}}
<p><b>{{ __('label.address_form_description') }}</b></p>
@endif

<div class="text-left">

    <div class="form-group input-group-address">
        <label for="delivery-address-input">{{ __('label.address') }}</label>
        <input type="text" class="form-control required delivery-address-input" id="delivery-address-input" aria-describedby="addressHelp" placeholder="Address">
    </div>

    @php
        $postcode_placeholder = '';
        for ($i=0, $max_digit=config('sys.postcode_digit'); $i<$max_digit; ++$i) {
            $postcode_placeholder .= '0';
        }
    @endphp

    <div class="form-group input-group-post">
        <label for="delivery-postal-input">{{ __('label.postal_code') }}</label>
        <input id="delivery-postal-input" type="text" inputmode="numeric" maxlength="{{ $max_digit }}" class="delivery-postal-input form-control required" placeholder="{{ $postcode_placeholder }}"/>
    </div>

    <div class="form-group input-group-state">
        <label for="delivery-state-input">{{ __('label.state') }}</label>
        <div class="bingo_regform">
            <select class="js-states form-control required delivery-state-input" id="delivery-state-input" style="width: 100%"></select>
        </div>
    </div>


</div>

<!-- CTA BUTTONS -->
<div class="btn-wrap">
    <a id="{{ $cta_id }}" class='btn btn-primary'>{{ __('label.btn_submit_pending_delivery_address') }}</a>
    <div class="message-container"><div class="message"></div></div>
</div>