update
This commit is contained in:
@@ -58,11 +58,11 @@ class Carei_Reservation_Widget extends \Elementor\Widget_Base {
|
||||
|
||||
<div class="carei-modal-overlay" data-carei-modal role="dialog" aria-modal="true" aria-labelledby="carei-modal-title">
|
||||
<div class="carei-modal">
|
||||
<button type="button" class="carei-modal-close" data-carei-close-modal aria-label="Zamknij formularz">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||
<span role="button" tabindex="0" class="carei-modal-close" data-carei-close-modal aria-label="Zamknij formularz">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M15 5L5 15M5 5l10 10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
</span>
|
||||
<h2 class="carei-modal-title" id="carei-modal-title">Wypełnij formularz rezerwacji<span>.</span></h2>
|
||||
|
||||
<form class="carei-form" id="carei-reservation-form" novalidate>
|
||||
@@ -78,16 +78,19 @@ class Carei_Reservation_Widget extends \Elementor\Widget_Base {
|
||||
<svg class="carei-form__select-arrow" width="16" height="16" viewBox="0 0 16 16"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round"/></svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carei-form__field">
|
||||
<label class="carei-form__label-small" for="carei-date-from">Od kiedy?</label>
|
||||
<input type="datetime-local" id="carei-date-from" name="dateFrom" class="carei-form__input" required>
|
||||
<div class="carei-form__field carei-form__field--date">
|
||||
<div class="carei-form__date-wrap">
|
||||
<svg class="carei-form__date-icon" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2.5" y="3" width="11" height="10" rx="0.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 1.5v2M5 1.5v2M2.5 5.5h11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
<label class="carei-form__date-label" for="carei-date-from">Od kiedy?</label>
|
||||
<input type="datetime-local" id="carei-date-from" name="dateFrom" class="carei-form__input carei-form__input--date" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carei-form__field">
|
||||
<label class="carei-form__label-small" for="carei-date-to">
|
||||
<svg class="carei-form__icon-calendar" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="11" rx="1" stroke="currentColor" stroke-width="1.5"/><path d="M2 6h12M5 1v3M11 1v3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
Do kiedy?
|
||||
</label>
|
||||
<input type="datetime-local" id="carei-date-to" name="dateTo" class="carei-form__input" required>
|
||||
<div class="carei-form__field carei-form__field--date">
|
||||
<div class="carei-form__date-wrap">
|
||||
<svg class="carei-form__date-icon" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2.5" y="3" width="11" height="10" rx="0.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 1.5v2M5 1.5v2M2.5 5.5h11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
<label class="carei-form__date-label" for="carei-date-to">Do kiedy?</label>
|
||||
<input type="datetime-local" id="carei-date-to" name="dateTo" class="carei-form__input carei-form__input--date" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -126,6 +129,26 @@ class Carei_Reservation_Widget extends \Elementor\Widget_Base {
|
||||
<!-- Ubezpieczenie + Opcje dodatkowe (ukryte do wybrania segmentu i miejsca odbioru) -->
|
||||
<div id="carei-extras-wrapper" class="carei-form__extras-wrapper" style="display:none;">
|
||||
|
||||
<div class="carei-form__divider"><span>Wyjazd zagraniczny</span></div>
|
||||
<div class="carei-form__section" id="carei-abroad-section" style="display:none;">
|
||||
<label class="carei-form__checkbox-label carei-form__checkbox-label--abroad">
|
||||
<input type="checkbox" id="carei-abroad-toggle" name="abroadToggle">
|
||||
<span class="carei-form__checkbox-box"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7l3.5 3.5L12 4" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
|
||||
<span>Planuję trasę poza granicę Polski</span>
|
||||
</label>
|
||||
<div id="carei-abroad-search" class="carei-abroad" style="display:none;">
|
||||
<div class="carei-abroad__input-wrap">
|
||||
<svg class="carei-abroad__plus-icon" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 2v12M2 8h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
|
||||
<input type="text" id="carei-abroad-input" class="carei-abroad__input" placeholder="Wyszukaj i dodaj kraj na trasie">
|
||||
<span role="button" tabindex="0" class="carei-abroad__clear" id="carei-abroad-clear" title="Wyczyść">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 3l8 8M11 3l-8 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="carei-abroad__results" id="carei-abroad-results"></div>
|
||||
<div class="carei-abroad__selected" id="carei-abroad-selected"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carei-form__divider"><span>Ubezpieczenie</span></div>
|
||||
<div class="carei-form__section">
|
||||
<div class="carei-form__row" id="carei-insurance-container">
|
||||
@@ -148,51 +171,67 @@ class Carei_Reservation_Widget extends \Elementor\Widget_Base {
|
||||
<div class="carei-form__section">
|
||||
<div class="carei-form__row">
|
||||
<div class="carei-form__field">
|
||||
<label class="carei-form__label-small" for="carei-firstname">Imię</label>
|
||||
<input type="text" id="carei-firstname" name="firstName" class="carei-form__input" required>
|
||||
<div class="carei-form__float-wrap">
|
||||
<input type="text" id="carei-firstname" name="firstName" class="carei-form__input carei-form__input--float" placeholder=" " required>
|
||||
<label class="carei-form__float-label" for="carei-firstname">Imię</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carei-form__field">
|
||||
<label class="carei-form__label-small" for="carei-lastname">Nazwisko</label>
|
||||
<input type="text" id="carei-lastname" name="lastName" class="carei-form__input" required>
|
||||
<div class="carei-form__float-wrap">
|
||||
<input type="text" id="carei-lastname" name="lastName" class="carei-form__input carei-form__input--float" placeholder=" " required>
|
||||
<label class="carei-form__float-label" for="carei-lastname">Nazwisko</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carei-form__row carei-form__row--address">
|
||||
<div class="carei-form__field">
|
||||
<label class="carei-form__label-small" for="carei-city">Miejscowość</label>
|
||||
<input type="text" id="carei-city" name="city" class="carei-form__input" required>
|
||||
<div class="carei-form__float-wrap">
|
||||
<input type="text" id="carei-city" name="city" class="carei-form__input carei-form__input--float" placeholder=" " required>
|
||||
<label class="carei-form__float-label" for="carei-city">Miejscowość</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carei-form__field carei-form__field--zipcode">
|
||||
<label class="carei-form__label-small" for="carei-zipcode">Kod pocztowy</label>
|
||||
<input type="text" id="carei-zipcode" name="zipCode" class="carei-form__input" placeholder="00-000" maxlength="6" required>
|
||||
<div class="carei-form__float-wrap">
|
||||
<input type="text" id="carei-zipcode" name="zipCode" class="carei-form__input carei-form__input--float" placeholder=" " maxlength="6" required>
|
||||
<label class="carei-form__float-label" for="carei-zipcode">Kod pocztowy</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carei-form__field">
|
||||
<label class="carei-form__label-small" for="carei-street">Ulica i nr domu</label>
|
||||
<input type="text" id="carei-street" name="street" class="carei-form__input" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carei-form__row">
|
||||
<div class="carei-form__field">
|
||||
<label class="carei-form__label-small" for="carei-email">Adres e-mail</label>
|
||||
<input type="email" id="carei-email" name="email" class="carei-form__input" required>
|
||||
</div>
|
||||
<div class="carei-form__field">
|
||||
<label class="carei-form__label-small" for="carei-phone">Nr telefonu</label>
|
||||
<div class="carei-form__phone-wrap">
|
||||
<div class="carei-form__phone-prefix">
|
||||
<span class="carei-form__phone-flag">🇵🇱</span>
|
||||
<span class="carei-form__phone-code">+48</span>
|
||||
</div>
|
||||
<input type="tel" id="carei-phone" name="phone" class="carei-form__input carei-form__input--phone" placeholder="___ ___ ___" required>
|
||||
<div class="carei-form__float-wrap">
|
||||
<input type="text" id="carei-street" name="street" class="carei-form__input carei-form__input--float" placeholder=" " required>
|
||||
<label class="carei-form__float-label" for="carei-street">Ulica i nr domu</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carei-form__row">
|
||||
<div class="carei-form__field">
|
||||
<label class="carei-form__label-small" for="carei-pesel">PESEL</label>
|
||||
<input type="text" id="carei-pesel" name="pesel" class="carei-form__input" maxlength="11" placeholder="00000000000" required>
|
||||
<div class="carei-form__float-wrap">
|
||||
<input type="email" id="carei-email" name="email" class="carei-form__input carei-form__input--float" placeholder=" " required>
|
||||
<label class="carei-form__float-label" for="carei-email">Adres e-mail</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carei-form__field">
|
||||
<div class="carei-form__phone-wrap">
|
||||
<label class="carei-form__phone-label" for="carei-phone">Nr telefonu</label>
|
||||
<div class="carei-form__phone-row">
|
||||
<div class="carei-form__phone-prefix">
|
||||
<span class="carei-form__phone-flag">🇵🇱</span>
|
||||
<span class="carei-form__phone-code">+48</span>
|
||||
</div>
|
||||
<input type="tel" id="carei-phone" name="phone" class="carei-form__input carei-form__input--phone" placeholder="___ ___ ___" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carei-form__row">
|
||||
<div class="carei-form__field">
|
||||
<div class="carei-form__float-wrap">
|
||||
<input type="text" id="carei-pesel" name="pesel" class="carei-form__input carei-form__input--float" placeholder=" " maxlength="11" required>
|
||||
<label class="carei-form__float-label" for="carei-pesel">PESEL</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carei-form__field"></div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user