{* <link rel="stylesheet" type="text/css" href="http://epaka5.localhost/css/epaka_icons.css"> *}
<div id="mapPopup">
    <span class="helper"></span>
    <div class="mapContainer">
        <div class="popupCloseButton">&times;</div>
        <div class="mapPopupContent">
            <div id="placeMapHere" style="height: 100%; width: 100%;" ></div>
            <div class="menu-control">
                <button class="menu-control-button">{$translate->menu}</button>
            </div>
            <div class="menu">
                <div style="padding: 0.6rem 1.6rem 0.6rem 1.6rem;" class="menu-content">
                    <div class="localise-me" style="display: flex; justify-content: left;">
                        <i class="epaka-icons icon-sniper"></i>
                        <span class="font-weight-bold">{$translate->wybierz_punkt_odbioru}</span>
                    </div>
                    <div class="input-container">
                        <input id="search-input" autocomplete="off" class="input-field" type="text"/>
                        <span id="search" class="search-button icon-wrap">
                            <i class="epaka-icons icon-search icon"></i>
                        </span>
                    </div>
                </div>
                <div class="pointsList" style="margin: 0px;">
                    <div class="choose-point-info choose-point-start" style="display:none; padding:10px 0px;">
                        {$translate->wyszukaj}
                    </div>
                    <div class="choose-point-info choose-point-searching" style="display:none; padding:10px; 0px;">
                        {$translate->trwa_wyszukiwanie}
                        <div class="lds-roller-container" style="display:none;">
                            <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
                        </div>
                    </div>
                    <div class="choose-point-info choose-point-empty" style="display:none; padding:10px; 0px;">
                        {$translate->brak_punktow}
                    </div>
                    <div class="choose-point-info choose-point-notfound" style="display:none; padding:10px; 0px;">
                        {$translate->nie_znaleziono_lokalizacji}
                        <br />
                        <br />
                    </div>
                    <div class="choose-point-info choose-point-nocarrier" style="display:none; padding:10px 0px;">
                        {* {$translate->brak_kuriera} *}
                        Prawdopodobnie dostęp do tego kuriera nie został włączony. Skontaktuj się z administratorem serwisu www.epaka.pl
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>