This commit is contained in:
GP_DEV
2025-07-08 14:21:19 +03:00
parent a6bb81cbe1
commit 21562852ca
65 changed files with 7464 additions and 1073 deletions

View File

@@ -1,22 +1,90 @@
<?php
$form_id = '4';
$form_title = 'Заявка на клубную карту';
$current_url = home_url($_SERVER['REQUEST_URI']);
$page_title = get_the_title() ?: 'Главная страница';
$hidden_value = "Форма: {$form_title} | Страница: {$page_title} | URL: {$current_url}";
$hidden_value = "Страница: {$page_title} | URL: {$current_url}";
?>
<div class="p-[30px] max-[768px]:p-[20px]">
<h3 class="text-[24px] max-[768px]:text-[20px] font-bold text-[#1f2937] mb-[24px] text-center">
<?php echo esc_html($form_title); ?>
<div class="p-[40px] max-[768px]:p-[20px]">
<h3 class="font-[500] text-[40px] leading-[120%] text-[#222]">
Оформить карту “<span class="font-[700]" data-inject="card-title">не выбрана</span>”
</h3>
<div class="form-block-wrapper"
data-form-id="<?php echo esc_attr($form_id); ?>"
data-hidden-value="<?php echo esc_attr($hidden_value); ?>">
<?php echo do_shortcode('[fluentform id="' . esc_attr($form_id) . '"]'); ?>
<div class="bg-[#fff] max-w-fit px-[20px] rounded-[8px] h-[74px] flex items-center mt-[32px] gap-[24px]"
id="card-time-info">
<h4 class="font-[600] text-[24px] leading-[125%] text-[#222] ">Время посещений</h4>
<svg width="2" height="50" viewBox="0 0 2 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" width="1" height="50" fill="#E0E0E0"/>
</svg>
<div class="flex flex-col gap-[4px] font-[500] text-[16px] leading-[145%] text-[#222]">
<span>Будние дни: <strong data-inject="normal-days">-</strong></span>
<span>Выходные: <strong data-inject="vacation-days">-</strong></span>
</div>
</div>
<div class="mt-[32px]">
<div id="price-options" class="flex flex-wrap gap-[4px] justify-between">
<div class="price-option [&_div]:text-[#f8f8f8] [&_p]:text-[#bcbcc0] w-full max-w-[213px] h-[147px] rounded-[12px] flex items-center justify-center flex-col cursor-pointer bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]"
data-period="1_month">
<div class="text-center flex flex-col gap-[6px]">
<div class="font-[600] text-[24px] leading-[125%]">1 месяц</div>
<div class="font-[700] text-[32px] leading-[115%]">
<span data-inject="price-1-month-full">-</span> ₽
</div>
<p class="font-[500] text-[20px] leading-[140%]">
<span data-inject="price-1-month-day">-</span> ₽ в день
</p>
</div>
</div>
<div class="price-option [&_div]:text-[#f8f8f8] [&_p]:text-[#bcbcc0] w-full max-w-[213px] h-[147px] rounded-[12px] flex items-center justify-center flex-col cursor-pointer bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]"
data-period="3_month">
<div class="text-center flex flex-col gap-[6px]">
<div class="font-[600] text-[24px] leading-[125%]">3 месяца</div>
<div class="font-[700] text-[32px] leading-[115%]">
<span data-inject="price-1-month-full">-</span> ₽
</div>
<p class="font-[500] text-[20px] leading-[140%]">
<span data-inject="price-1-month-day">-</span> ₽ в день
</p>
</div>
</div>
<div class="price-option [&_div]:text-[#f8f8f8] [&_p]:text-[#bcbcc0] w-full max-w-[213px] h-[147px] rounded-[12px] flex items-center justify-center flex-col cursor-pointer bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]"
data-period="6_month">
<div class="text-center flex flex-col gap-[6px]">
<div class="font-[600] text-[24px] leading-[125%]">6 месяцев</div>
<div class="font-[700] text-[32px] leading-[115%]">
<span data-inject="price-1-month-full">-</span> ₽
</div>
<p class="font-[500] text-[20px] leading-[140%]">
<span data-inject="price-1-month-day">-</span> ₽ в день
</p>
</div>
</div>
<div class="price-option [&_div]:text-[#f8f8f8] [&_p]:text-[#bcbcc0] w-full max-w-[213px] h-[147px] rounded-[12px] flex items-center justify-center flex-col cursor-pointer bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]"
data-period="12_month">
<div class="text-center flex flex-col gap-[6px]">
<div class="font-[600] text-[24px] leading-[125%]">12 месяцев</div>
<div class="font-[700] text-[32px] leading-[115%]">
<span data-inject="price-1-month-full">-</span> ₽
</div>
<p class="font-[500] text-[20px] leading-[140%]">
<span data-inject="price-1-month-day">-</span> ₽ в день
</p>
</div>
</div>
</div>
<!-- Выбранный тариф -->
<div class="mt-[32px] font-[500] text-[20px] leading-[140%]">
Выбрано <span data-inject="card-title">-</span> на <span id="selected-period">-</span>
</div>
<div class="form-block-wrapper mt-[32px]"
data-form-id="4"
data-hidden-value="<?php echo esc_attr($hidden_value); ?>">
<?php echo do_shortcode('[fluentform id="4"]'); ?>
</div>
</div>
</div>