{**
 * Copyright 2024-2025 Simply.IN Sp. z o.o.
 *
 * NOTICE OF LICENSE
 *
 * Licensed under the EUPL-1.2 or later.
 * You may not use this work except in compliance with the Licence.
 *
 * Copy of the Licence is available at:
 * https://joinup.ec.europa.eu/software/page/eupl
 * It is bundled with this package in the file LICENSE.txt
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the Licence is distributed on an as is basis,
 * without warranties or conditions of any kind, either express or implied.
 * Check the Licence for the specific language governing permissions
 * and limitations under the License.
 *
 * @author    Simply.IN Sp. z o.o.
 * @copyright 2024-2025 Simply.IN Sp. z o.o.
 * @license   https://joinup.ec.europa.eu/software/page/eupl
 *}
<div class="simplyin-popup-overlay"></div>
<div class="simplyin-popup simplyin-autocomplete">
    <div class="simplyin-popup-header">
        <img width="39" height="40" src="{$module_path|escape:'html':'UTF-8'}views/img/logo_smalln.svg"/>
        <div class="popup-add-address-label-header">{l s='Add a pickup point' mod='simplyin'}</div>
        <div class="simplyin-popup-close-button">
            <img width="24" height="24" src="{$module_path|escape:'html':'UTF-8'}views/img/close_icon.svg"/>
        </div>
    </div>
    <div class="simplyin-popup-container simplyin-autocomplete">
        <div class="simplyin-popup-content">
            <div class="form-group">
                <input type="text" id="pickup-search" placeholder="{l s='Search address' mod='simplyin'}" autocomplete="off">
            </div>
            <div class="pickup-placeholder">
                <img src="{$module_path|escape:'html':'UTF-8'}views/img/point.svg" alt="" width="350">
                <div>{l s='No pickup points found near the provided address' mod='simplyin'}</div>
            </div>
            <div class="pickup-list-container" style="display: none"></div>
            <div class="pickup-details">
                <div class="pickup-details-header mb-half">Szczegóły adresu</div>
                <div>{l s='Number:' mod='simplyin'} <span id="simplyin-pickup-number"></span></div>
                <div>{l s='Address:' mod='simplyin'} <span id="simplyin-pickup-address"></span></div>
                <div>{l s='Additional information:' mod='simplyin'} <span id="simplyin-pickup-info"></span></div>
            </div>
            <div class="pickup-details-header">{l s='Name the address' mod='simplyin'}</div>
            <div class="pickup-details-description">{l s='A personalized name will help you find or associate the address on your list more quickly.' mod='simplyin'}</div>
            <div class="form-group">
                <input type="text" id="pickup-name" placeholder="{l s='Enter name' mod='simplyin'}">
            </div>
        </div>
        <div class="popup-buttons-footer">
            <button type="button" class="popup-button simplyin-cancel">{l s='CANCEL' mod='simplyin'}</button>
            <button type="submit" class="popup-button simplyin-submit">{l s='ADD' mod='simplyin'}</button>
        </div>
    </div>
</div>