Files

65 lines
2.8 KiB
PHP

<?php
/**
* booking-bar.php — barra di ricerca pubblica (parrucchieri)
* Variabili opzionali dalla pagina chiamante:
* $cities (array di stringhe) per i suggerimenti città
* $allServices (array di ['name'=>...]) per il menu servizi
* $q_city, $q_service valori correnti della ricerca (per ripopolare)
*/
$cities = $cities ?? [];
$allServices = $allServices ?? [];
$q_city = $q_city ?? '';
$q_service = $q_service ?? '';
?>
<div class="tp-booking-form d-inline-block text-start">
<form action="search.php" method="get">
<div class="tp-booking-wrap tp-marker-tab p-relative">
<!-- Città / dove -->
<div class="tp-booking-location tp-booking-col-1 p-relative">
<div class="tp-booking-location-input tp-booking-toggle p-relative">
<span class="tp-booking-input-icon">
<i class="fa-solid fa-location-dot"></i>
</span>
<input class="tp-input" type="text" name="city" list="cityList"
value="<?= htmlspecialchars($q_city) ?>" placeholder="Città o zona">
<datalist id="cityList">
<?php foreach ($cities as $c): ?>
<option value="<?= htmlspecialchars($c) ?>"></option>
<?php endforeach; ?>
</datalist>
</div>
</div>
<!-- Servizio -->
<div class="tp-booking-location tp-booking-col-2 p-relative">
<div class="tp-booking-location-input tp-booking-toggle p-relative">
<span class="tp-booking-input-icon">
<i class="fa-solid fa-scissors"></i>
</span>
<select class="tp-input" name="service">
<option value="">Tutti i servizi</option>
<?php foreach ($allServices as $s): ?>
<?php $sn = is_array($s) ? ($s['name'] ?? '') : $s; ?>
<option value="<?= htmlspecialchars($sn) ?>" <?= ($q_service === $sn ? 'selected' : '') ?>>
<?= htmlspecialchars($sn) ?>
</option>
<?php endforeach; ?>
</select>
</div>
</div>
<!-- Bottone cerca -->
<div class="tp-booking-location tp-booking-col-3 tp-booking-nohide p-relative">
<div class="tp-booking-submit-btn">
<button type="submit" aria-label="Cerca">
<i class="fa-solid fa-magnifying-glass"></i>
</button>
</div>
</div>
<span id="lineMarker" class="d-none d-lg-inline-block"></span>
</div>
</form>
</div>