<button type="button" id="packlink-drop-off-picker" class="button" style="display: none;">
	<?php echo $button_label; ?>
</button>
<script> if (typeof Packlink !== "undefined") {
	Packlink.checkout.init();
}</script>
<input type="hidden" name="packlink_drop_off_id"/>
<input type="hidden" name="packlink_drop_off_extra"/>
<div id="packlink-js-templates">
	<div id="pl-picker-modal" style="display: none;">
		<location-picker>
			<div class="lp-content" data-lp-id="content">
				<div class="lp-locations">
					<div class="lp-input-wrapper">
						<div class="input">
							<input type="text" data-lp-id="search-box" required="required" title=""/>
							<span class="label" data-lp-id="search-box-label"></span>
						</div>
					</div>
					<div data-lp-id="locations"></div>
				</div>
			</div>
		</location-picker>

		<svg id="pl-picker-modal-close" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
			<g fill="none" fill-rule="evenodd">
				<path d="M7.5 7.5l8 7M15.5 7.5l-8 7" stroke="#627482" stroke-linecap="square"/>
			</g>
		</svg>
	</div>

	<location-picker-template>
		<div class="lp-template" id="template-container">
			<div data-lp-id="working-hours-template" class="lp-hour-wrapper">
				<div class="day" data-lp-id="day">
				</div>
				<div class="hours" data-lp-id="hours">
				</div>
			</div>

			<div class="lp-location-wrapper" data-lp-id="location-template">
				<div class="composite lp-expand">
					<div class="street-name uppercase" data-lp-id="composite-address"></div>
					<div class="lp-working-hours-btn excluded" data-lp-composite
						 data-lp-id="show-composite-working-hours-btn"></div>
					<div data-lp-id="composite-working-hours" class="lp-working-hours">

					</div>
					<div class="lp-select-column">
						<div class="lp-select-button excluded" data-lp-id="composite-select-btn"></div>
						<a class="excluded" href="#" data-lp-id="composite-show-on-map" target="_blank"></a>
					</div>
				</div>
				<div class="name uppercase lp-collapse" data-lp-id="location-name"></div>
				<div class="street lp-collapse">
					<div class="street-name uppercase" data-lp-id="location-street"></div>
					<div class="lp-working-hours-btn excluded" data-lp-id="show-working-hours-btn"></div>
					<div data-lp-id="working-hours" class="lp-working-hours">

					</div>
				</div>
				<div class="city uppercase lp-collapse" data-lp-id="location-city">
				</div>
				<div class="lp-select-column lp-collapse">
					<div class="lp-select-button excluded" data-lp-id="select-btn"></div>
				</div>
				<a class="excluded lp-collapse" href="#" data-lp-id="show-on-map" target="_blank">
					<div class="lp-show-on-map-btn excluded"></div>
				</a>
			</div>
		</div>
	</location-picker-template>
</div>