GP_DEV
2 months ago
parent
9aa5906efa
commit
5e346cfa36
@ -1,5 +1,5 @@ |
|||||||
{ |
{ |
||||||
"/js/app.js": "/js/app.js?id=37f0a4a3aee430ac7ba337b53d7bdc4b", |
"/js/app.js": "/js/app.js?id=37f0a4a3aee430ac7ba337b53d7bdc4b", |
||||||
"/css/editor-style.css": "/css/editor-style.css?id=516c8e57ec0a4cf555760c6db2cbf719", |
"/css/editor-style.css": "/css/editor-style.css?id=b2b6dc9c2f83963566f9d157921f4d2e", |
||||||
"/css/app.css": "/css/app.css?id=7fe830b2a1b256d9bf28f7962a82ca5a" |
"/css/app.css": "/css/app.css?id=387c86ed6537155e6b0a08c0d9151235" |
||||||
} |
} |
||||||
|
|||||||
@ -1,90 +1,22 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
<div class="bg-white max-w-lg w-full rounded-[8px]"> |
$form_id = '4'; |
||||||
<div class="p-[24px]"> |
$form_title = 'Заявка на клубную карту'; |
||||||
<h2 class="text-[24px] font-bold text-gray-900 mb-[16px]"> |
|
||||||
Заказать клубную карту |
|
||||||
</h2> |
|
||||||
|
|
||||||
<form class="space-y-[16px]"> |
$current_url = home_url($_SERVER['REQUEST_URI']); |
||||||
<div> |
$page_title = get_the_title() ?: 'Главная страница'; |
||||||
<label for="name" class="block text-[14px] font-medium text-gray-700 mb-[8px]"> |
|
||||||
Имя * |
|
||||||
</label> |
|
||||||
<input type="text" |
|
||||||
id="name" |
|
||||||
name="name" |
|
||||||
required |
|
||||||
class="w-full px-[12px] py-[8px] border border-gray-300 rounded-[6px] focus:outline-none focus:ring-2 focus:ring-blue-500"> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div> |
|
||||||
<label for="email" class="block text-[14px] font-medium text-gray-700 mb-[8px]"> |
|
||||||
Email * |
|
||||||
</label> |
|
||||||
<input type="email" |
|
||||||
id="email" |
|
||||||
name="email" |
|
||||||
required |
|
||||||
class="w-full px-[12px] py-[8px] border border-gray-300 rounded-[6px] focus:outline-none focus:ring-2 focus:ring-blue-500"> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div> |
$hidden_value = "Форма: {$form_title} | Страница: {$page_title} | URL: {$current_url}"; |
||||||
<label for="phone" class="block text-[14px] font-medium text-gray-700 mb-[8px]"> |
?> |
||||||
Телефон * |
|
||||||
</label> |
|
||||||
<input type="tel" |
|
||||||
id="phone" |
|
||||||
name="phone" |
|
||||||
required |
|
||||||
class="w-full px-[12px] py-[8px] border border-gray-300 rounded-[6px] focus:outline-none focus:ring-2 focus:ring-blue-500"> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div> |
<div class="p-[30px] max-[768px]:p-[20px]"> |
||||||
<label for="card-type" class="block text-[14px] font-medium text-gray-700 mb-[8px]"> |
<h3 class="text-[24px] max-[768px]:text-[20px] font-bold text-[#1f2937] mb-[24px] text-center"> |
||||||
Тип карты |
<?php echo esc_html($form_title); ?> |
||||||
</label> |
</h3> |
||||||
<select id="card-type" |
|
||||||
name="card-type" |
|
||||||
class="w-full px-[12px] py-[8px] border border-gray-300 rounded-[6px] focus:outline-none focus:ring-2 focus:ring-blue-500"> |
|
||||||
<option value="">Выберите тип карты</option> |
|
||||||
<option value="basic">Базовая</option> |
|
||||||
<option value="premium">Премиум</option> |
|
||||||
<option value="vip">VIP</option> |
|
||||||
</select> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div> |
<div class="form-block-wrapper" |
||||||
<label for="message" class="block text-[14px] font-medium text-gray-700 mb-[8px]"> |
data-form-id="<?php echo esc_attr($form_id); ?>"
|
||||||
Комментарий |
data-hidden-value="<?php echo esc_attr($hidden_value); ?>">
|
||||||
</label> |
<?php echo do_shortcode('[fluentform id="' . esc_attr($form_id) . '"]'); ?> |
||||||
<textarea id="message" |
|
||||||
name="message" |
|
||||||
rows="3" |
|
||||||
class="w-full px-[12px] py-[8px] border border-gray-300 rounded-[6px] focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none"></textarea> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="flex items-center"> |
|
||||||
<input type="checkbox" |
|
||||||
id="agreement" |
|
||||||
name="agreement" |
|
||||||
required |
|
||||||
class="mr-[8px] w-[16px] h-[16px] text-blue-600 border-gray-300 rounded focus:ring-blue-500"> |
|
||||||
<label for="agreement" class="text-[14px] text-gray-700"> |
|
||||||
Я согласен с обработкой персональных данных * |
|
||||||
</label> |
|
||||||
</div> |
|
||||||
</form> |
|
||||||
|
|
||||||
<div class="flex justify-end gap-[12px] mt-[24px]"> |
|
||||||
<button data-modal-close |
|
||||||
type="button" |
|
||||||
class="px-[24px] py-[12px] bg-gray-500 text-white rounded-[6px] hover:bg-gray-600 transition-colors duration-[300ms]"> |
|
||||||
Отмена |
|
||||||
</button> |
|
||||||
<button type="submit" |
|
||||||
class="px-[24px] py-[12px] bg-blue-500 text-white rounded-[6px] hover:bg-blue-600 transition-colors duration-[300ms]"> |
|
||||||
Отправить заявку |
|
||||||
</button> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
|
</div> |
||||||
Loading…
Reference in new issue