90 lines
5.1 KiB
PHP
90 lines
5.1 KiB
PHP
<?php
|
|
$current_url = home_url($_SERVER['REQUEST_URI']);
|
|
$page_title = get_the_title() ?: 'Главная страница';
|
|
$hidden_value = "Страница: {$page_title} | URL: {$current_url}";
|
|
?>
|
|
|
|
<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="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>
|