Skip to content

Instantly share code, notes, and snippets.

@campusboy87

campusboy87/CT_CF7.php

Created March 17, 2020 23:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save campusboy87/9cd32a8516f7773b1ceadfa9190c63b5 to your computer and use it in GitHub Desktop.
Save campusboy87/9cd32a8516f7773b1ceadfa9190c63b5 to your computer and use it in GitHub Desktop.
Download ZIP
CF7 template
Raw
CT_CF7.php
<?php
class CT_CF7 {
private $form_id = 51373;
private $form_path_tpl = '/templates/parts/form-need-help';
public function __construct() {
add_action( 'wpcf7_autop_or_not', '__return_false' );
add_action( 'wpcf7_contact_form', [ $this, 'init' ] );
}
/**
* @param WPCF7_ContactForm $form
*/
public function init( $form ) {
if ( $form->id() === $this->form_id ) {
add_filter( 'wpcf7_contact_form_properties', [ $this, 'set_template' ], 10, 2 );
add_filter( 'wpcf7_editor_panels', [ $this, 'change_panels' ] );
} else {
remove_filter( 'wpcf7_contact_form_properties', [ $this, 'set_template' ] );
remove_filter( 'wpcf7_editor_panels', [ $this, 'change_panels' ] );
}
}
/**
* @param array $properties
*
* @return array
*/
public function set_template( $properties ) {
ob_start();
get_template_part( $this->form_path_tpl );
$properties['form'] = ob_get_clean();
return $properties;
}
/**
* @param array $panels
*
* @return array
*
* @see form_panel_content()
*/
public function change_panels( $panels ) {
$panels['form-panel'] = [
'title' => __( 'Form', 'contact-form-7' ),
'callback' => [ $this, 'form_panel_content' ],
];
return $panels;
}
public function form_panel_content() {
$path_tpl = locate_template( $this->form_path_tpl . '.php' );
$path_class = wp_normalize_path( __FILE__ );
?>
<p>Эта форма использует шаблон, редактируемый в файлах.</p>
<hr>
Шаблон: <code><?= $path_tpl ? wp_normalize_path( $path_tpl ) : 'Не найден' ?></code><br>
Логика: <code><?= $path_class ?></code>
<?php
}
}
Raw
template.php
<?php
/**
* Шаблон формы CF7 "Нужна помощь?"
*/
if ( ! function_exists( 'cf7_form_btn_next' ) ) {
function cf7_form_btn_next() {
?>
<div class="needhelpFull__btn needhelpFull__btn--next btn btn--fill">Далее
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="8" viewBox="0 0 16 8" fill="none">
<path d="M15.7207 4.35355C15.916 4.15829 15.916 3.84171 15.7207 3.64645L12.5388 0.464465C12.3435 0.269203 12.0269 0.269203 11.8317 0.464465C11.6364 0.659727 11.6364 0.97631 11.8317 1.17157L14.6601 4L11.8317 6.82843C11.6364 7.02369 11.6364 7.34027 11.8317 7.53553C12.0269 7.7308 12.3435 7.7308 12.5388 7.53553L15.7207 4.35355ZM0.367188 4.5L15.3672 4.5L15.3672 3.5L0.367187 3.5L0.367188 4.5Z"/>
</svg>
</div>
<?php
}
}
if ( ! function_exists( 'cf7_form_btn_back' ) ) {
function cf7_form_btn_back() {
?>
<div class="needhelpFull__btn needhelpFull__btn--prev btn btn--fill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="8" viewBox="0 0 16 8" fill="none">
<path d="M0.646446 4.35355C0.451184 4.15829 0.451184 3.84171 0.646446 3.64645L3.82843 0.464465C4.02369 0.269203 4.34027 0.269203 4.53553 0.464465C4.7308 0.659727 4.7308 0.97631 4.53553 1.17157L1.70711 4L4.53553 6.82843C4.7308 7.02369 4.7308 7.34027 4.53553 7.53553C4.34027 7.7308 4.02369 7.7308 3.82843 7.53553L0.646446 4.35355ZM16 4.5L1 4.5L1 3.5L16 3.5L16 4.5Z"
fill="#EB9E57"/>
</svg>
Назад
</div>
<?php
}
}
?>
<div class="needhelpFull__progress">
<div class="needhelpFull__progress-line"></div>
<div class="needhelpFull__progress-line needhelpFull__progress-line--active"></div>
<div class="needhelpFull__progress-list">
<div class="needhelpFull__progress-item active">
<span class="needhelpFull__progress-num">1</span>
<span class="needhelpFull__progress-text">Ситуация</span>
</div>
<div class="needhelpFull__progress-item">
<span class="needhelpFull__progress-num">2</span>
<span class="needhelpFull__progress-text">О пациенте</span>
</div>
<div class="needhelpFull__progress-item">
<span class="needhelpFull__progress-num">3</span>
<span class="needhelpFull__progress-text">Документы</span>
</div>
</div>
</div>
<section class="needhelpFull__steps">
<div class="needhelpFull__step active">
<div class="needhelpFull__step-title">О пациенте</div>
<div class="form-line">
<div class="form-line__title">Когда День Рождения у пациента?</div>
[date* needhelp_birth placeholder "30.12.1965"]
<div class="form-line__desc">
Фонд Живой помогает взрослым в возрасте от 18 до 60 лет, имеющим серьезные заболевания
</div>
</div>
<div class="form-line">
<div class="form-line__title">Как Фонд может помочь?</div>
[select needhelp_howhelp class:styler include_blank "Онкологическое заболевание" "Пункт 2" "Пункт 3"]
<div class="form-line__desc">Выберите способ помощи, которая вам необходима</div>
</div>
<div class="form-line">
<div class="form-line__title">Какое у вас гражданство?</div>
[select needhelp_citizenship class:styler include_blank "Российской Федерации" "Украины" "Белоруссии"]
</div>
<div class="needhelpFull__btns">
<?php cf7_form_btn_next() ?>
</div>
</div>
<div class="needhelpFull__step">
<div class="needhelpFull__step-title">О пациенте</div>
<div class="form-line">
<div class="form-line__title">Как зовут пациента?</div>
[text* needhelp_name placeholder "ФИО"]
</div>
<div class="form-line">
<div class="form-line__title">Имеется ли инвалидность?</div>
<div class="form-line__item">
[checkbox* needhelp_ivalid use_label_element exclusive "Да" "Нет"]
</div>
</div>
<div class="form-line">
<div class="form-line__title">Где сейчас проживает пациент?</div>
[text* needhelp_address placeholder "Введите адрес"]
<div class="form-line__desc">Адрес фактического проживания благополучателя</div>
</div>
<div class="form-line">
<div class="form-line__title">Какая именно помощь необходима?</div>
[textarea* needhelp_details_help x4 placeholder "Нужны деньги на лечение..."]
<div class="form-line__desc">
Фонд оказывает медицинскую помощь. Например: нужны деньги на срочную операцию на головном мозге
</div>
</div>
<div class="form-line">
<div class="form-line__title">Вы ведете социальные сети?</div>
<div class="form-line__item">
[checkbox* needhelp_soc use_label_element exclusive "Да" "Нет"]
</div>
</div>
<div class="form-line">
<div class="form-line__title">Какие?</div>
<div class="form-line__soc">
<div class="form-line__soc-item">
<div class="form-line__soc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none">
<path d="M10.8376 0.00433399L8.13642 0C5.10176 0 3.14063 2.01205 3.14063 5.12624V7.48979H0.424731C0.190046 7.48979 0 7.68005 0 7.91473V11.3392C0 11.5739 0.190262 11.764 0.424731 11.764H3.14063V20.4051C3.14063 20.6398 3.33067 20.8298 3.56536 20.8298H7.10883C7.34351 20.8298 7.53356 20.6395 7.53356 20.4051V11.764H10.7091C10.9438 11.764 11.1338 11.5739 11.1338 11.3392L11.1351 7.91473C11.1351 7.80205 11.0902 7.69413 11.0107 7.61439C10.9312 7.53464 10.8228 7.48979 10.7102 7.48979H7.53356V5.48618C7.53356 4.52317 7.76304 4.0343 9.01752 4.0343L10.8371 4.03364C11.0716 4.03364 11.2617 3.84338 11.2617 3.60891V0.429065C11.2617 0.194813 11.0718 0.00476739 10.8376 0.00433399Z"
fill="#EB9E57"/>
</svg>
</div>
[url needhelp_soc_fb placeholder "Ссылка на профиль"]
</div>
<div class="form-line__soc-item">
<div class="form-line__soc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="20" viewBox="0 0 12 20" fill="none">
<path d="M4.96651 13.9364C3.43265 13.7765 2.04964 13.3987 0.865575 12.4726C0.718654 12.3574 0.566967 12.2463 0.432894 12.1177C-0.085369 11.6199 -0.137589 11.0498 0.272504 10.4624C0.623332 9.95964 1.21226 9.82515 1.82439 10.1138C1.94292 10.1698 2.05586 10.2396 2.16403 10.3146C4.37074 11.8309 7.4022 11.8727 9.6172 10.3828C9.83665 10.2145 10.0712 10.0773 10.3431 10.0073C10.8717 9.87157 11.3647 10.0657 11.6484 10.5283C11.9725 11.0565 11.9684 11.572 11.569 11.9821C10.9565 12.6108 10.2198 13.0657 9.40128 13.3832C8.6273 13.6832 7.77956 13.8343 6.94051 13.9346C7.06712 14.0724 7.1268 14.1401 7.20596 14.2197C8.34527 15.3644 9.48956 16.5043 10.6251 17.6526C11.012 18.0438 11.0928 18.5289 10.8798 18.984C10.6469 19.4813 10.1255 19.8085 9.6143 19.7735C9.29041 19.7511 9.03781 19.5899 8.81339 19.3638C7.95362 18.4987 7.07769 17.6495 6.23533 16.7679C5.99019 16.5116 5.87228 16.5601 5.65594 16.7826C4.79099 17.6731 3.91195 18.5498 3.02774 19.4216C2.6307 19.8131 2.15823 19.8835 1.69778 19.6599C1.20832 19.4227 0.896866 18.923 0.920903 18.4209C0.937481 18.0813 1.1045 17.8219 1.33763 17.5892C2.46513 16.4633 3.58952 15.3346 4.71432 14.2069C4.78871 14.1319 4.85813 14.0523 4.96651 13.9364Z"
fill="#EB9E57"/>
<path d="M5.90095 10.0149C3.16458 10.0056 0.920774 7.73709 0.93673 4.99636C0.952479 2.22538 3.19773 -0.00764755 5.96105 1.96854e-05C8.72995 0.0074797 10.9524 2.27263 10.9385 5.07241C10.9244 7.80754 8.66509 10.0244 5.90095 10.0149ZM8.38783 5.00299C8.38306 3.64216 7.29929 2.5588 5.94115 2.55756C4.57162 2.55611 3.47811 3.65916 3.48868 5.03242C3.49883 6.38807 4.59193 7.46376 5.95379 7.45879C7.31152 7.45402 8.39239 6.36362 8.38783 5.00299Z"
fill="#EB9E57"/>
</svg>
</div>
[url needhelp_soc_ok placeholder "Ссылка на профиль"]
</div>
<div class="form-line__soc-item">
<div class="form-line__soc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="14" viewBox="0 0 23 14" fill="none">
<path d="M22.878 12.6435C22.8502 12.5795 22.8242 12.5264 22.8001 12.4838C22.401 11.7171 21.6385 10.7759 20.5128 9.66014L20.4891 9.63459L20.4771 9.62206L20.4651 9.60922H20.453C19.9422 9.08965 19.6186 8.7403 19.4832 8.56144C19.2353 8.22073 19.1798 7.87586 19.3152 7.52642C19.4109 7.26241 19.7705 6.70485 20.393 5.85298C20.7205 5.40152 20.9798 5.03968 21.1713 4.76708C22.5525 2.80801 23.1514 1.55614 22.9677 1.01098L22.8963 0.883578C22.8484 0.80688 22.7246 0.736714 22.5253 0.672725C22.3255 0.608869 22.0701 0.598309 21.7586 0.640865L18.3099 0.666281C18.254 0.64516 18.1742 0.647129 18.0703 0.672725C17.9665 0.698321 17.9146 0.711164 17.9146 0.711164L17.8546 0.743158L17.8069 0.781597C17.767 0.807014 17.7231 0.851717 17.6751 0.915617C17.6274 0.979294 17.5875 1.05402 17.5557 1.13918C17.1802 2.16977 16.7533 3.12796 16.2742 4.0137C15.9788 4.54186 15.7075 4.99959 15.4597 5.38715C15.2123 5.77458 15.0047 6.06003 14.8372 6.243C14.6694 6.42616 14.518 6.57289 14.382 6.68373C14.2463 6.79461 14.1426 6.84146 14.0708 6.82432C13.9989 6.80719 13.9312 6.79018 13.867 6.77318C13.7554 6.69648 13.6655 6.59217 13.5978 6.46017C13.5297 6.32816 13.4839 6.16201 13.46 5.96185C13.4362 5.76156 13.4221 5.58928 13.418 5.44443C13.4143 5.29976 13.416 5.09513 13.4241 4.83111C13.4324 4.56697 13.4362 4.38824 13.4362 4.29454C13.4362 3.97083 13.4421 3.61952 13.4539 3.2405C13.466 2.86148 13.4758 2.56118 13.484 2.33995C13.4921 2.11849 13.4959 1.88419 13.4959 1.63718C13.4959 1.39017 13.4818 1.19646 13.4539 1.05586C13.4264 0.915438 13.3842 0.779136 13.3285 0.646995C13.2725 0.514988 13.1906 0.412873 13.083 0.340381C12.9753 0.267979 12.8413 0.210523 12.6819 0.167833C12.2587 0.0656732 11.7199 0.0104095 11.0651 0.00181783C9.58027 -0.0151864 8.62619 0.0871074 8.20306 0.308565C8.03542 0.402133 7.88371 0.529978 7.74806 0.691698C7.60432 0.879147 7.58427 0.981442 7.68804 0.998267C8.16712 1.07483 8.50627 1.25798 8.70588 1.54755L8.77781 1.70099C8.83377 1.8117 8.88963 2.00769 8.94554 2.28871C9.00137 2.56973 9.0374 2.88059 9.05325 3.22112C9.0931 3.84299 9.0931 4.37531 9.05325 4.81814C9.01328 5.26114 8.97553 5.60602 8.9395 5.85302C8.90347 6.10003 8.84962 6.30019 8.77781 6.45345C8.70588 6.60676 8.65802 6.70046 8.63403 6.73447C8.61008 6.76848 8.59012 6.78991 8.57426 6.79833C8.47049 6.84075 8.36257 6.86236 8.25088 6.86236C8.13902 6.86236 8.00337 6.80267 7.84373 6.68337C7.68414 6.56407 7.51851 6.4002 7.34683 6.1915C7.17516 5.98275 6.98155 5.69104 6.76592 5.31632C6.55046 4.9416 6.3269 4.49873 6.09537 3.9877L5.90381 3.6171C5.78407 3.37868 5.62049 3.03153 5.41291 2.57595C5.20521 2.12019 5.02162 1.67933 4.86203 1.25346C4.79823 1.07461 4.70239 0.938439 4.57467 0.844737L4.51474 0.806298C4.47489 0.772289 4.41093 0.736177 4.32318 0.697694C4.23531 0.659256 4.14362 0.631691 4.04774 0.614731L0.766556 0.640148C0.431261 0.640148 0.203761 0.721187 0.0839705 0.88304L0.0360293 0.959604C0.0120797 1.00225 0 1.07036 0 1.1641C0 1.25781 0.0239496 1.37281 0.0718908 1.50898C0.550883 2.71001 1.07178 3.86832 1.63457 4.98406C2.19737 6.09981 2.68643 6.99857 3.10146 7.67955C3.51657 8.36102 3.93969 9.00418 4.37083 9.60873C4.80196 10.2135 5.08735 10.6011 5.22698 10.7713C5.36677 10.9419 5.47658 11.0694 5.5564 11.1546L5.85583 11.4612C6.04743 11.6656 6.32878 11.9105 6.70002 12.1957C7.07135 12.4812 7.48243 12.7622 7.93349 13.0392C8.38464 13.3158 8.90947 13.5415 9.5083 13.7161C10.107 13.8908 10.6898 13.961 11.2567 13.9271H12.6338C12.9131 13.9014 13.1247 13.8077 13.2686 13.646L13.3162 13.5819C13.3482 13.5311 13.3782 13.4521 13.4059 13.3459C13.4339 13.2394 13.4479 13.1221 13.4479 12.9945C13.4397 12.6284 13.4658 12.2984 13.5255 12.0045C13.5852 11.7108 13.6533 11.4894 13.7293 11.3402C13.8054 11.1912 13.8912 11.0655 13.9867 10.9635C14.0824 10.8614 14.1506 10.7995 14.1906 10.7782C14.2304 10.7567 14.2622 10.7422 14.2861 10.7335C14.4777 10.6654 14.7032 10.7313 14.9629 10.9317C15.2224 11.1318 15.4658 11.379 15.6935 11.6727C15.921 11.9667 16.1944 12.2965 16.5137 12.6627C16.8332 13.029 17.1125 13.3013 17.3519 13.4804L17.5913 13.6337C17.7512 13.736 17.9588 13.8297 18.2143 13.9149C18.4694 14 18.6928 14.0213 18.8847 13.9787L21.9502 13.9277C22.2534 13.9277 22.4894 13.8742 22.6567 13.7679C22.8244 13.6614 22.924 13.5441 22.9562 13.4166C22.9882 13.2888 22.9899 13.144 22.9622 12.982C22.9338 12.8204 22.9059 12.7074 22.878 12.6435Z"
fill="#EB9E57"/>
</svg>
</div>
[url needhelp_soc_vk placeholder "Ссылка на профиль"]
</div>
<div class="form-line__soc-item">
<div class="form-line__soc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
<path d="M9.5 5.64062C7.35137 5.64062 5.60352 7.38848 5.60352 9.53711C5.60352 11.6857 7.35137 13.4336 9.5 13.4336C11.6486 13.4336 13.3965 11.6857 13.3965 9.53711C13.3965 7.38848 11.6486 5.64062 9.5 5.64062ZM9.5 5.64062C7.35137 5.64062 5.60352 7.38848 5.60352 9.53711C5.60352 11.6857 7.35137 13.4336 9.5 13.4336C11.6486 13.4336 13.3965 11.6857 13.3965 9.53711C13.3965 7.38848 11.6486 5.64062 9.5 5.64062ZM16.2168 0H2.7832C1.24687 0 0 1.24687 0 2.7832V16.2168C0 17.7531 1.24687 19 2.7832 19H16.2168C17.7531 19 19 17.7531 19 16.2168V2.7832C19 1.24687 17.7531 0 16.2168 0ZM9.5 14.5469C6.7391 14.5469 4.49023 12.298 4.49023 9.53711C4.49023 6.77613 6.7391 4.52734 9.5 4.52734C12.2609 4.52734 14.5098 6.77613 14.5098 9.53711C14.5098 12.298 12.2609 14.5469 9.5 14.5469ZM15.623 4.52734C15.0107 4.52734 14.5098 4.02637 14.5098 3.41406C14.5098 2.80176 15.0107 2.30078 15.623 2.30078C16.2354 2.30078 16.7363 2.80176 16.7363 3.41406C16.7363 4.02637 16.2354 4.52734 15.623 4.52734ZM9.5 5.64062C7.35137 5.64062 5.60352 7.38848 5.60352 9.53711C5.60352 11.6857 7.35137 13.4336 9.5 13.4336C11.6486 13.4336 13.3965 11.6857 13.3965 9.53711C13.3965 7.38848 11.6486 5.64062 9.5 5.64062ZM9.5 5.64062C7.35137 5.64062 5.60352 7.38848 5.60352 9.53711C5.60352 11.6857 7.35137 13.4336 9.5 13.4336C11.6486 13.4336 13.3965 11.6857 13.3965 9.53711C13.3965 7.38848 11.6486 5.64062 9.5 5.64062ZM9.5 5.64062C7.35137 5.64062 5.60352 7.38848 5.60352 9.53711C5.60352 11.6857 7.35137 13.4336 9.5 13.4336C11.6486 13.4336 13.3965 11.6857 13.3965 9.53711C13.3965 7.38848 11.6486 5.64062 9.5 5.64062Z"
fill="#EB9E57"/>
</svg>
</div>
[url needhelp_soc_inst placeholder "Ссылка на профиль"]
</div>
</div>
</div>
<div class="form-line">
<div class="form-line__title">Может ли пациент принимать решения самостоятельно?</div>
<div class="form-line__item">
[checkbox* needhelp_self use_label_element exclusive "Да" "Нет"]
</div>
</div>
<div class="needhelpFull__step-title">Опекун</div>
<div class="form-line">
<div class="form-line__title">Как зовут опекуна?</div>
[text* needhelp_opekun_name placeholder "ФИО"]
</div>
<div class="form-line">
<div class="form-line__title">По какому телефону можно связаться с опукуном?</div>
[tel* your-tel class:phone-mask placeholder "+_(___)___-__-__ "]
</div>
<div class="form-line">
<div class="form-line__title">Какая контактная почта опекуна?</div>
[email* needhelp_opekun_email placeholder "Email"]
</div>
<div class="needhelpFull__btns">
<?php cf7_form_btn_back() ?>
<?php cf7_form_btn_next() ?>
</div>
</div>
<div class="needhelpFull__step">
<div class="needhelpFull__step-title">Документы</div>
<div class="form-line">
<div class="form-line__title">Загрузите документы</div>
<div class="file-item">
<div class="file-item__input">
<label class="file-item__label">
<input type="file" name="needhelp_docs">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="37" viewBox="0 0 29 37" fill="none">
<path d="M19.7253 0.285957C19.5575 0.107269 19.3274 0 19.0889 0H4.80978C2.17492 0 0 2.1897 0 4.85281V32.1469C0 34.8103 2.17492 37 4.80978 37H24.1902C26.8251 37 29 34.8103 29 32.1469V10.4743C29 10.242 28.8939 10.0187 28.7436 9.84873L19.7253 0.285957ZM19.9817 3.15485L26.0205 9.56277H22.0949C20.9278 9.56277 19.9817 8.61542 19.9817 7.43574V3.15485ZM24.1902 35.2126H4.80978C3.15653 35.2126 1.76831 33.8274 1.76831 32.1469V4.85281C1.76831 3.18166 3.1476 1.78745 4.80978 1.78745H18.2134V7.43574C18.2134 9.60738 19.9465 11.3502 22.0949 11.3502H27.2317V32.1469C27.2317 33.8274 25.8524 35.2126 24.1902 35.2126Z"
fill="#EB9E57"/>
<path d="M21.7765 29.046H7.2234C6.7372 29.046 6.33925 29.448 6.33925 29.9397C6.33925 30.4312 6.7372 30.8334 7.2234 30.8334H21.7854C22.2716 30.8334 22.6695 30.4312 22.6695 29.9397C22.6695 29.448 22.2716 29.046 21.7765 29.046Z"
fill="#EB9E57"/>
<path d="M13.8545 25.8375C14.0227 26.0162 14.2525 26.1235 14.4999 26.1235C14.7476 26.1235 14.9775 26.0162 15.1453 25.8375L20.3265 20.216C20.6625 19.8584 20.6359 19.2865 20.2824 18.9559C19.9286 18.6163 19.3628 18.6428 19.0358 19.0005L15.3841 22.9596V13.2003C15.3841 12.7086 14.9861 12.3066 14.4999 12.3066C14.0137 12.3066 13.6158 12.7086 13.6158 13.2003V22.9596L9.97304 19.0005C9.63709 18.6431 9.07995 18.6163 8.7264 18.9559C8.37286 19.2955 8.34632 19.8587 8.68228 20.216L13.8545 25.8375Z"
fill="#EB9E57"/>
</svg>
<span>Загрузить файлы</span>
</label>
<div class="file-item__files">
<div class="file-item__file">
<span class="file-item__file-tip">✓</span>
<span></span> Выписка из диспансера 10.12.2018.pdf
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none">
<path d="M6.47994 0.154404C6.68582 -0.0514679 7.0196 -0.0514681 7.22547 0.154404C7.43134 0.360276 7.43134 0.69406 7.22547 0.899932L0.899933 7.22547C0.694061 7.43134 0.360276 7.43134 0.154404 7.22547C-0.051468 7.0196 -0.051468 6.68582 0.154404 6.47994L6.47994 0.154404Z"
fill="#CCD2D5"/>
<path d="M0.920784 0.154404C0.714912 -0.0514679 0.381128 -0.0514681 0.175256 0.154404C-0.0306162 0.360276 -0.0306162 0.69406 0.175256 0.899932L6.50079 7.22547C6.70667 7.43134 7.04045 7.43134 7.24632 7.22547C7.4522 7.0196 7.4522 6.68582 7.24632 6.47994L0.920784 0.154404Z"
fill="#CCD2D5"/>
</svg>
</div>
<div class="file-item__file">
<span class="file-item__file-tip">✓</span>
<span>Скан паспорта.pdf</span>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none">
<path d="M6.47994 0.154404C6.68582 -0.0514679 7.0196 -0.0514681 7.22547 0.154404C7.43134 0.360276 7.43134 0.69406 7.22547 0.899932L0.899933 7.22547C0.694061 7.43134 0.360276 7.43134 0.154404 7.22547C-0.051468 7.0196 -0.051468 6.68582 0.154404 6.47994L6.47994 0.154404Z"
fill="#CCD2D5"/>
<path d="M0.920784 0.154404C0.714912 -0.0514679 0.381128 -0.0514681 0.175256 0.154404C-0.0306162 0.360276 -0.0306162 0.69406 0.175256 0.899932L6.50079 7.22547C6.70667 7.43134 7.04045 7.43134 7.24632 7.22547C7.4522 7.0196 7.4522 6.68582 7.24632 6.47994L0.920784 0.154404Z"
fill="#CCD2D5"/>
</svg>
</div>
</div>
</div>
<div class="form-line__desc">Приложите отсканированные документы: выписки, рецепты, назначения. Документ
должен быть не старше 2-х месяцев.
</div>
</div>
</div>
<div class="form-line">
<div class="form-line__title">Обращались ли в другие фонды?</div>
<div class="form-line__item">
<label class="radio-item">
<input type="radio" name="needhelp_other">
<div class="radio-item__label">Да</div>
</label>
<label class="radio-item">
<input type="radio" name="needhelp_other">
<div class="radio-item__label">Нет</div>
</label>
</div>
</div>
<div class="form-line__item">
<div class="form-line">
<div class="form-line__title">Название фонда</div>
<input type="text" placeholder="Ввведите название фонда" name="needhelp_name_fond">
</div>
<div class="form-line needhelpFull__year">
<div class="form-line__title">Год</div>
<input type="text" placeholder="Введите год" name="needhelp_year_fond">
</div>
</div>
<div class="form-line__item">
<div class="needhelpFull__add">+ Добавить фонд</div>
</div>
<div class="form-line">
<div class="form-line__title">Какая сумма необходима?</div>
<input type="text" placeholder="50 000 ₽" name="needhelp_sum">
</div>
[acceptance needhelp_agree]Я даю согласие на обработку персональных данных[/acceptance]
<div class="needhelpFull__btns">
<?php cf7_form_btn_back() ?>
<div class="needhelpFull__btn btn btn--fill btn--disabled">Отправить
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="8" viewBox="0 0 16 8" fill="none">
<path d="M15.7207 4.35355C15.916 4.15829 15.916 3.84171 15.7207 3.64645L12.5388 0.464465C12.3435 0.269203 12.0269 0.269203 11.8317 0.464465C11.6364 0.659727 11.6364 0.97631 11.8317 1.17157L14.6601 4L11.8317 6.82843C11.6364 7.02369 11.6364 7.34027 11.8317 7.53553C12.0269 7.7308 12.3435 7.7308 12.5388 7.53553L15.7207 4.35355ZM0.367188 4.5L15.3672 4.5L15.3672 3.5L0.367187 3.5L0.367188 4.5Z"/>
</svg>
</div>
</div>
</div>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment