<div class="modal" id="modal">
    <div class="modal__container">
        <h1 class="modal__title">Preferințe livrare</h1>
        <h2 class="modal__subtitle">Pentru a putea alege locația care vă va
            servi, vă rugăm să vă alegeți preferințele
            de livrare</h2>
        @if($hasPickup === true && $hasDelivery === true)
            <section class="fss-delivery-choice-container">
                <fieldset class="fss-delivery-choice">
                    <legend>Selectați o metodă de livrare</legend>
                    <div>
                        <input type="radio" name="deliveryType" id="fssDelivery"
                               value="1"
                               @if($pickup === false) checked="checked" @endif>
                        <label for="fssDelivery">Livrare</label>
                    </div>
                    <div>
                        <input type="radio" name="deliveryType" id="fssPickup"
                               value="2"
                               @if($pickup) checked="checked" @endif>
                        <label for="fssPickup">Ridicare personală</label>
                    </div>
                </fieldset>
                <div class="fss-delivery-choice"></div>
            </section>
        @endif
        <div class="modal__body">
            <form class="fss-user-address-form">
                @if($hasDelivery)
                    <div class="modal__fields_group">
                        <div class="fss-form-item-container flex-long">
                            <label for="streetName">Stradă și număr</label>
                            <input type="text" id="streetName"
                                   name="streetName"
                                   class="streetName" autocomplete="off">
                        </div>
                        <div class="fss-form-item-container fss-hide">
                            <label for="streetNo">Număr stradă</label>
                            <input type="text" id="streetNo" name="streetNo"
                                   class="streetNo">
                        </div>
                        <div class="fss-form-item-container">
                            <label for="blockNo">Bloc</label>
                            <input type="text" id="blockNo" name="blockNo"
                                   class="blockNo">
                        </div>
                        <div class="fss-form-item-container">
                            <label for="entranceNo">Scară</label>
                            <input type="text" id="entranceNo" name="entranceNo"
                                   class="entranceNo">
                        </div>
                        <div class="fss-form-item-container">
                            <label for="floor">Etaj</label>
                            <input type="text" id="floor" name="floor"
                                   class="fss-floor">
                        </div>
                        <div class="fss-form-item-container">
                            <label for="apartmentNo">Apartament</label>
                            <input type="text" id="apartmentNo"
                                   name="apartmentNo"
                                   class="apartmentNo">
                        </div>
                    </div>
                @endif
                @if($hasPickup)
                    <div class="location-select-container">
                        <label for="location">Alegeți locația de la care
                            ridicați
                            comanda</label>
                        <select id="location" name="location">
                            @foreach($locations as $location)
                                <option
                                        value="{{ $location['uid'] }}"
                                        @if($activeLocationUid !== null && $activeLocationUid === $location['uid']) selected
                                        @endif
                                >{{ $location['name'] }}</option>
                            @endforeach
                        </select>
                    </div>
                @endif
            </form>
            @if($noAddressMessage)
                <p class="modal__subtitle noAddressFoundMessage">{{ $noAddressMessage }}</p>
            @endif

            @if($pickup)
                <p class="modal__subtitle">Ridicarea personală este
                    activată.</p>
                <p class="modal__subtitle">Schimband adresa, este posibil să se
                    șteargă și coșul de cumpărături în
                    funcție
                    de locația din care se va face livrarea.</p>
            @else
                @if(isset($userAddress) && strlen($userAddress) > 0)
                    <p class="modal__subtitle">Adresa dumeavoastră curentă
                        este: {{ $userAddress }}</p>
                    <p class="modal__subtitle">Schimband adresa, este posibil să
                        se șteargă și coșul de cumpărături în
                        funcție
                        de locația din care se va face livrarea.</p>
                @endif
            @endif
            <p id='localizationModalErrorMessages'></p>
            <p id='localizationModalSuccessMessages'></p>

            <div class="modal__buttons">
                <button class="btn-secondary address-modal-close">
                    <i class="fa fa-spinner fa-spin cancelLoading"></i> Anulează
                </button>
                <button class="btn-primary address-modal-save">
                    <i class="fa fa-spinner fa-spin mLoading"></i> Salvează
                </button>
            </div>
        </div>
    </div>
</div>