templates/account/profiles/profile_form.html.twig line 173

Open in your IDE?
  1. {% extends 'account/grid.html.twig' %}
  3. {% block name_page %}account-profile-form{% endblock %}
  5. {% block title %}Добавление анкеты - Личный Кабинет{% endblock %}
  7. {# Обработка списка услуг. Получаем список переменных. Название группы и кол-во элементов внутри
  8. array:6 [▼
  9.   0 => array:2 [▼
  10.     0 => "Секс"
  11.     1 => 14
  12.   ]
  13.   1 => array:2 [▶]
  14.   2 => array:2 [▶]
  15.   3 => array:2 [▶]
  16.   4 => array:2 [▶]
  17.   5 => array:2 [▶]
  18. ]
  19. #}
  21. {% set photo_media_upload_url = oneup_uploader_endpoint('profile_photo') %}
  22. {% set selfie_media_upload_url = oneup_uploader_endpoint('profile_selfie') %}
  23. {% set approval_media_upload_url = oneup_uploader_endpoint(feature('approval_by_video') and feature('postprocess_video') ? 'tmp_media' : 'profile_media_approval') %}
  24. {% set video_media_upload_url = oneup_uploader_endpoint('process_queue') %}
  26. {% if approval_media_upload_domain %}
  27.     {% set photo_media_upload_url = 'https://' ~ approval_media_upload_domain ~ photo_media_upload_url %}
  28.     {% set selfie_media_upload_url = 'https://' ~ approval_media_upload_domain ~ selfie_media_upload_url %}
  29.     {% set approval_media_upload_url = 'https://' ~ approval_media_upload_domain ~ approval_media_upload_url %}
  30.     {% set video_media_upload_url = 'https://' ~ approval_media_upload_domain ~ video_media_upload_url %}
  31. {% endif %}
  33. {% set services_array = [] %}
  34. {% set count_in_group = 0 %}
  35. {% set current_group = 0 %}
  36. {% set title_group = 0 %}
  37. {% set services = services_list() %}
  39. {% for provided_service in form.provided_services %}
  40.     {% set service = services[provided_service.service.vars.value] %}
  41.     {% if current_group != service.group %}
  42.         {% if not loop.first %}
  43.             {% set services_array = services_array|merge([
  44.                 [title_group,count_in_group]
  45.             ]) %}
  46.         {% endif %}
  47.         {% set current_group = service.group %}
  48.         {% set title_group = current_group|service_group|trans({}, 'service_groups')  %} {#Заголовок группы#}
  50.         {% set count_in_group = 0 %}
  51.     {% endif %}
  52.     {% set count_in_group = count_in_group + 1 %}
  53. {% endfor %}
  54.  {% set services_array = services_array|merge([
  55.      [title_group,count_in_group]
  56.  ]) %}
  58.  {%- macro _service_block(provided_service, service) -%}
  59.     <div class="checkbox-form d-flex" data-id="{{ provided_service.vars.name }}">
  60.         <div class="checkbox-block d-flex{% if not provided_service.enabled.vars.checked %} not-selected{% endif %}">
  61.             <div class="conditions d-flex">
  62.                 {{ form_widget(provided_service.condition[0]) }}
  63.                 <label for="{{provided_service.condition[0].vars.id}}" title="Включено" class="d-flex include">
  64.                     <svg class="icon">
  65.                         <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-condition-include"></use>
  66.                     </svg>
  67.                 </label>
  68.                 {{ form_widget(provided_service.condition[1]) }}
  69.                 <label for="{{provided_service.condition[1].vars.id}}" title="По симпатии" class="d-flex sympathy">
  70.                     <svg class="icon">
  71.                         <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-condition-sympathy"></use>
  72.                     </svg>
  73.                 </label>
  74.                 {{ form_widget(provided_service.condition[2]) }}
  75.                 <label for="{{provided_service.condition[2].vars.id}}" title="За дополнительную плату" class="d-flex extra">
  76.                     <svg class="icon">
  77.                         <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-condition-with-price"></use>
  78.                     </svg>
  79.                 </label>
  80.             </div>
  81.             <div class="main-checkbox d-flex">
  82.                 {{ form_widget(provided_service.enabled) }}
  83.                 <label for="{{ provided_service.vars.id }}_enabled" class="">{{ service.name|trans({}, 'left_menu') }}</label>
  84.             </div>
  85.             <div class="price d-flex">
  86.                 <div class="input__sub">
  87.                     {{ form_widget(provided_service.extra_charge, {'attr': {
  88.                         'class': 'basic-view extra-price input__sub__input',
  89.                         maxlength: '6'
  90.                     }}) }}
  91.                     <span class="input__sub__text">₽</span>
  92.                 </div>
  93.             </div>
  94.         </div>
  95.         <div class="services__comment services__comment--empty d-none" data-services-comment>
  96.             {{ form_widget(provided_service.comment, {'attr': {
  97.                 'class': 'services__comment__textarea',
  98.                 'placeholder': 'Дополнительная информация по услуге (необязательно)',
  99.                 'data-services-comment-textarea':'',
  100.                 'maxlength': '80'
  101.             }}) }}
  102.             <div class="services__comment__count" data-services-comment-count>80</div>
  103.         </div>
  104.         {% set error_message = form_errors(provided_service.extra_charge) %}
  105.         <p class="field-error services-error{% if error_message|length > 0 %} show{% endif %}" id="{{ provided_service.extra_charge.vars.id }}_error">{{ error_message }}</p>
  107.         <div>{{ form_widget(provided_service.service) }}</div>
  108.     </div>
  109. {%- endmacro -%}
  111. {# {% form_theme form _self %}
  112. {% set city = app.request.attributes.get('city', default_city()) %}
  113. {% block _stations_widget %}
  114.     {% for choice in form.vars.choices %}
  115.         <div class="fake-checkbox-label" data-city-id="{{ choice.data.city.id }}">
  116.             <label class="checkbox" for="check{{ loop.index }}"></label>
  117.             <input class="input-for-valid" name="{{ form.vars.full_name }}" type="checkbox" id="check{{ loop.index }}" value="{{ choice.value }}" {% if choice is selectedchoice(value) %}checked{% endif %}>
  118.             <label for="check{{ loop.index }}">{{ choice.label }}</label>
  119.         </div>
  120.     {% endfor %}
  121. {% endblock %} #}
  122. {# переменная отвечает за отметку редактирование это или добавление #}
  123. {% set editCheck = form.vars.value ? true : false %}
  125. {% block specialPageClass %} girl-form{% endblock %}
  127. {% block mainContainer %}
  129.     <ul class="breadcrumbs" vocab="http://schema.org/" typeof="BreadcrumbList">
  130.         <li class="" property="itemListElement" typeof="ListItem">
  131.             <a href="{{ path('account') }}" property="item" typeof="WebPage">Личный кабинет</a>
  132.             <meta property="position" content="1">
  133.         </li>
  134.         <li class="last-crumb"><span>{% if editCheck %}Редактирование анкеты{% else %}Добавить новую анкету{% endif %}</span></li>
  135.     </ul>
  136.     <h1 class="border-line" role="heading">{% if editCheck %}Редактирование анкеты{% else %}Новая анкета{% endif %}</h1>
  138.     <div class="girl-form"
  139.         {# data-masseur-id="{{ form.is_masseur.vars.id }}"#}
  140.          {#data-masseur-exclude-service-groups="{{ form.masseur_exclude_service_groups.vars.value }}"#}>
  141.         {{ form_start(form, {'attr': {
  142.             'novalidate': 'novalidate',
  143.             'class': 'profile-form',
  144.             'data-edit': editCheck ? 'true' : 'false'
  145.         }}) }}
  146.         {% if form_errors(form) %}
  147.             <div class="field-error form-error is-flex level">
  148.                 <i><img src="{{ asset('assets/images/icons/alert.svg','basicConfig') }}"></i>
  149.                 <p>{{ form_errors(form) }}</p>
  150.             </div>
  151.         {% endif %}
  152.         {% include 'account/flashes.html.twig' %}
  154.         {# Главное фото анкеты + Основная информация + Основные параметры + Расценки + О себе #}
  155.         <div class="main-block">
  156.             <div class="block avatar">
  157.                 <h2 class="border-line">Главное фото анкеты</h2>
  158.                 {% set error_message = form_errors(form.avatar) %}
  159.                 <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.avatar.vars.id }}_error">{{ error_message }}</p>
  160.                 <div class="photo-data" style="display:none"></div>
  161.                 <div class="photo">
  162.                     {% if form.avatar.vars.value %}
  163.                         <div class="preview">
  164.                             <img src="{{ responsive_asset(form.avatar.vars.value, 'profile_media_avatar', "357x500", "jpg") }}" id="avatar_preview">
  165.                         </div>
  166.                     {% else %}
  167.                         <div class="empty-image">
  168.                             <svg class="icon mr-1">
  169.                                 <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-empty-girl"></use>
  170.                             </svg>
  171.                         </div>
  172.                         <div class="preview invisible">
  173.                             <img data-src="{{ responsive_asset(form.avatar.vars.value, 'profile_media_avatar', "357x500", "jpg") }}" id="avatar_preview">
  174.                         </div>
  175.                     {% endif %}
  176.                 </div>
  177.                 <div class="upload-photo">
  178.                     <p>Рекомендованный размер: 500х700px.</p>
  179.                     <div class="button">
  180.                         {{ form_widget(form.avatar) }}
  181.                         <input type="file"
  182.                             id="set_avatar"
  183.                             style="position:absolute;left:-999999px"
  184.                             accept="image/jpg,image/jpeg"
  185.                             data-url="{{ oneup_uploader_endpoint('profile_media_avatar') }}"
  186.                             data-id="{{ form.avatar.vars.id }}"
  187.                             data-original-path="{{ responsive_media_base_url }}"
  188.                             data-type="avatar">
  189.                         <label class="btn btn-secondary d-flex" for="set_avatar">
  190.                             <svg class="icon mr-2">
  191.                                 <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-profile"></use>
  192.                             </svg>
  193.                             <span>Загрузить аватар</span>
  194.                         </label>
  195.                     </div>
  196.                 </div>
  197.             </div>
  198.             <div class="block main-information">
  199.                 <h2 class="border-line">Основная информация</h2>
  200.                 <div class="field">
  201.                     <div class="wrap d-flex">
  202.                         <label class="name" for="{{ form.name.vars.id }}">Имя:</label>
  203.                         {{ form_widget(form.name, {'attr': {
  204.                             'class': 'basic-view',
  205.                             'maxlength': '30',
  206.                             'placeholder': 'Введите имя'
  207.                         }}) }}
  208.                     </div>
  209.                     {% set error_message = form_errors(form.name) %}
  210.                     <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.name.vars.id }}_error">{{ error_message }}</p>
  211.                 </div>
  212.                 {% if form.city is defined %}
  213.                     <div class="field">
  214.                         <div class="wrap d-flex">
  215.                             <label class="name" for="{{ form.name.vars.id }}">Город:</label>
  216.                             {% if editCheck %}
  217.                                 {{ form_widget(form.city, {'attr': {
  218.                                     'class': 'basic-view disabled',
  219.                                     "disabled": "disabled"
  220.                                 }}) }}
  221.                                 <input type="hidden" name="{{form.city.vars.name}}" value="{{form.city.vars.value}}">
  222.                             {% else %}
  223.                                 <div class="info selector">
  224.                                     <div class="selector-block">
  225.                                         <button class=""
  226.                                                 type="button"
  227.                                                 data-toggle="selector" data-noempty="true"></button>
  228.                                         <div class="tags"></div>
  229.                                     </div>
  230.                                     <div class="form-data">
  231.                                         {{ form_widget(form.city) }}
  232.                                     </div>
  233.                                 </div>
  234.                             {% endif %}
  235.                         </div>
  236.                         {% set error_message = form_errors(form.city) %}
  237.                         <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.city.vars.id }}_error">{{ error_message }}</p>
  238.                     </div>
  239.                 {% endif %}
  240.                 <div class="field">
  241.                     <div class="wrap d-flex phone-block">
  242.                         <label class="name" for="phone_number">Телефон:</label>
  243.                         {{ form_widget(form.phone_number, {'attr': {
  244.                             'class': 'basic-view',
  245.                             'maxlength': '20',
  246.                             'minlength': '11',
  247.                             'placeholder': '+7 (___) ___ __ __'
  248.                         }}) }}
  249.                         <div class="additional d-flex">
  250.                             <div class="checkbox-form">
  251.                                 {{ form_widget(form.messengers.telegram) }}
  252.                                 <label for="messengers_telegram" class="level">Telegram</label>
  253.                             </div>
  254.                             <div class="checkbox-form">
  255.                                 {{ form_widget(form.messengers.whatsapp) }}
  256.                                 <label for="messengers_whatsapp" class="level">WhatsApp</label>
  257.                             </div>
  258.                         </div>
  259.                         <div class="messengers__tg{{ form.messengers.telegram.vars.checked ? ' show' : '' }}" id="messengers-telegram-root">
  260.                             <label for="messengers_telegram_username">Юзернейм Телеграм:</label>
  261.                             <div class="messengers__tg-wrap">
  262.                                 <span class="messengers__tg-pre">@</span>
  263.                                 {{ form_widget(form.messengers.telegram_username, {'attr': {
  264.                                     'class': 'messengers__tg-input basic-view',
  265.                                     'minlength': '5',
  266.                                     'maxlength': '32',
  267.                                     'placeholder': '',
  268.                                     'pattern': '[A-Za-z0-9_]{5,32}'
  269.                                 }}) }}
  270.                             </div>
  271.                             {% set error_message = form_errors(form.messengers.telegram_username) %}
  272.                             <p class="field-error for-messengers{% if error_message|length > 0 %} show{% endif %}" id="messengers_error">{{ error_message }}</p>
  273.                         </div>
  274.                     </div>
  275.                     {% set error_message = form_errors(form.phone_number) %}
  276.                     <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.phone_number.vars.id }}_error">{{ error_message }}</p>
  277.                 </div>
  278.                 <div class="field time-to-call">
  279.                     <label class="name">Время для звонка:</label>
  280.                     <div class="wrap d-flex">
  281.                         <div class="invisible">
  282.                             <input type="radio" name="time-to-call" id="time-all">
  283.                             <label for="time-all" class="level">Круглосуточно</label>
  284.                         </div>
  285.                         <div class="wrap {% if form_errors(form.phone_call_restrictions.time_from) %} have-error{% endif %}">
  286.                             <div class="radiobox-form invisible">
  287.                                 <input type="radio" name="time-to-call" id="time-sep">
  288.                                 <label for="time-sep" class="">В указанный  промежуток времени:</label>
  289.                                 {% set error_message = form_errors(form.phone_call_restrictions.time_from) %}
  290.                                 <p class="field-error for-time{% if error_message|length > 0 %} show{% endif %}" id="time-sep_error">{{ error_message }}</p>
  291.                             </div>
  292.                             <div class="time-to-call-cell d-flex">
  293.                                 <span>с</span>
  294.                                 <input type="number" class="basic-view"
  295.                                        id="{{form.phone_call_restrictions.time_from.vars.id}}"
  296.                                        name="{{form.phone_call_restrictions.time_from.vars.full_name}}"
  297.                                        placeholder="0"
  298.                                        min="0"
  299.                                        max="24"
  300.                                        {% if editCheck %}value="{{form.phone_call_restrictions.time_from.vars.value}}"{% endif %}>
  301.                                 <span>до</span>
  302.                                 <input type="number"
  303.                                        class="basic-view"
  304.                                        id="{{form.phone_call_restrictions.time_to.vars.id}}"
  305.                                        name="{{form.phone_call_restrictions.time_to.vars.full_name}}"
  306.                                        placeholder="24"
  307.                                        min="0"
  308.                                        max="24"
  309.                                        {% if editCheck %}value="{{form.phone_call_restrictions.time_to.vars.value}}"{% endif %}>
  310.                             </div>
  311.                             <div class="time-to-call-cell-hide invisible">
  312.                                 {{ form_widget(form.phone_call_restrictions.time_from) }}
  313.                                 {{ form_widget(form.phone_call_restrictions.time_to) }}
  314.                             </div>
  315.                         </div>
  316.                     </div>
  317.                 </div>
  318.                 <div class="field answer-only">
  319.                     <div class="wrap d-flex">
  320.                         <label class="name">Отвечаю на:</label>
  321.                         <div class="additional d-flex">
  322.                             {% for i in form.phone_call_restrictions.answering_to %}
  323.                                 <div class="checkbox-form">
  324.                                     {{ form_widget(i) }}
  325.                                     <label for="{{ i.vars.id }}" class="">{{ i.vars.label|trans({}, 'phone_call_restrictions') }}</label>
  326.                                 </div>
  327.                             {% endfor %}
  328.                         </div>
  329.                     </div>
  330.                 </div>
  331.             </div>
  332.             <div class="block main-parameters">
  333.                 <h2 class="border-line">Основные параметры</h2>
  334.                 <div class="input-group">
  335.                     <div class="field">
  336.                         <label>Возраст:</label>
  337.                         {{ form_widget(form.person_parameters.age, {'attr': {
  338.                             'class': 'basic-view',
  339.                             'min': '18',
  340.                             'max': '100',
  341.                             'placeholder': 'лет'
  342.                         }}) }}
  343.                         {% set error_message = form_errors(form.person_parameters.age) %}
  344.                         <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.person_parameters.age.vars.id }}_error">{{ error_message }}</p>
  345.                     </div>
  346.                     <div class="field">
  347.                         <label>Вес:</label>
  348.                         {{ form_widget(form.person_parameters.weight, {'attr': {
  349.                             'class': 'basic-view',
  350.                             'placeholder': 'кг',
  351.                             'min': '25',
  352.                             'max': '250'
  353.                         }}) }}
  354.                         {% set error_message = form_errors(form.person_parameters.weight) %}
  355.                         <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.person_parameters.weight.vars.id }}_error">{{ form_errors(form.person_parameters.weight) }}</p>
  356.                     </div>
  357.                     <div class="field">
  358.                         <label>Одежда:</label>
  359.                         {{ form_widget(form.person_parameters.cloth_size, {'attr': {
  360.                             'class': 'basic-view',
  361.                             'placeholder': 'Размер',
  362.                             'min': '38',
  363.                             'max': '80'
  364.                         }}) }}
  365.                         {% set error_message = form_errors(form.person_parameters.cloth_size) %}
  366.                         <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.person_parameters.cloth_size.vars.id }}_error">{{ error_message }}</p>
  367.                     </div>
  368.                     <div class="field">
  369.                         <label>Рост:</label>
  370.                         {{ form_widget(form.person_parameters.height, {'attr': {
  371.                             'class': 'basic-view',
  372.                             'placeholder': 'см',
  373.                             'min': '120',
  374.                             'max': '220'
  375.                         }}) }}
  376.                         {% set error_message = form_errors(form.person_parameters.height) %}
  377.                         <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.person_parameters.height.vars.id }}_error">{{ error_message }}</p>
  378.                     </div>
  379.                     <div class="field">
  380.                         <label>Грудь:</label>
  381.                         {{ form_widget(form.person_parameters.breast_size, {'attr': {
  382.                             'class': 'basic-view',
  383.                             'placeholder': 'Размер',
  384.                             'min': '1',
  385.                             'max': '12'
  386.                         }}) }}
  387.                         {% set error_message = form_errors(form.person_parameters.breast_size) %}
  388.                         <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.person_parameters.breast_size.vars.id }}_error">{{ error_message }}</p>
  389.                     </div>
  390.                     <div class="field">
  391.                         <label>Обувь:</label>
  392.                         {{ form_widget(form.person_parameters.shoes_size, {'attr': {
  393.                             'class': 'basic-view',
  394.                             'placeholder': 'Размер',
  395.                             'min': '33',
  396.                             'max': '48'
  397.                         }}) }}
  398.                         {% set error_message = form_errors(form.person_parameters.shoes_size) %}
  399.                         <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.person_parameters.shoes_size.vars.id }}_error">{{ error_message }}</p>
  400.                     </div>
  401.                 </div>
  402.                 <div class="checkboxes">
  403.                     <div class="field d-flex">
  404.                         <div class="additional d-flex">
  405.                             <div class="checkbox-form">
  406.                                 {{ form_widget(form.person_parameters.has_tattoo, {'attr': {}}) }}
  407.                                 <label for="person_parameters_has_tattoo" class="">Тату</label>
  408.                             </div>
  409.                             <div class="checkbox-form">
  410.                                 {{ form_widget(form.person_parameters.has_piercing, {'attr': {}}) }}
  411.                                 <label for="person_parameters_has_piercing" class="">Пирсинг</label>
  412.                             </div>
  413.                         </div>
  414.                     </div>
  415.                 </div>
  416.                 <div class="dropdown-elements">
  417.                     <div class="field">
  418.                         <div class="wrap is-flex level">
  419.                             <label class="name">Национальность:</label>
  420.                             <div class="info selector">
  421.                                 <div class="selector-block">
  422.                                     <button class=""
  423.                                             type="button"
  424.                                             data-toggle="selector" data-noempty="true"></button>
  425.                                     <div class="tags"></div>
  426.                                 </div>
  427.                                 <div class="form-data">
  428.                                     {{ form_widget(form.person_parameters.nationality, {'attr': {
  429.                                         'class': 'basic-view',
  430.                                     }}) }}
  431.                                 </div>
  432.                             </div>
  433.                         </div>
  434.                         {% set error_message = form_errors(form.person_parameters.nationality) %}
  435.                         <p class="field-error{% if error_message|length > 0 %} show{% endif %}">{{ error_message }}</p>
  436.                     </div>
  437.                     <div class="field">
  438.                         <div class="wrap is-flex level">
  439.                             <label class="name">Телосложение:</label>
  440.                             <div class="info selector">
  441.                                 <div class="selector-block">
  442.                                     <button class=""
  443.                                             type="button"
  444.                                             data-toggle="selector" data-noempty="true"></button>
  445.                                     <div class="tags"></div>
  446.                                 </div>
  447.                                 <div class="form-data">
  448.                                     {{ form_widget(form.person_parameters.body_type, {'attr': {
  449.                                         'class': 'basic-view',
  450.                                     }}) }}
  451.                                 </div>
  452.                             </div>
  453.                         </div>
  454.                         {% set error_message = form_errors(form.person_parameters.body_type) %}
  455.                         <p class="field-error{% if error_message|length > 0 %} show{% endif %}">{{ error_message }}</p>
  456.                     </div>
  457.                     <div class="field">
  458.                         <div class="wrap is-flex level">
  459.                             <label class="name">Цвет волос:</label>
  460.                             <div class="info selector">
  461.                                 <div class="selector-block">
  462.                                     <button class=""
  463.                                             type="button"
  464.                                             data-toggle="selector" data-noempty="true"></button>
  465.                                     <div class="tags"></div>
  466.                                 </div>
  467.                                 <div class="form-data">
  468.                                     {{ form_widget(form.person_parameters.hair_color, {'attr': {
  469.                                         'class': 'basic-view',
  470.                                     }}) }}
  471.                                 </div>
  472.                             </div>
  473.                         </div>
  474.                         {% set error_message = form_errors(form.person_parameters.hair_color) %}
  475.                         <p class="field-error{% if error_message|length > 0 %} show{% endif %}">{{ error_message }}</p>
  476.                     </div>
  477.                     <div class="field">
  478.                         <div class="wrap is-flex level">
  479.                             <label class="name">Интимная стрижка:</label>
  480.                             <div class="info selector">
  481.                                 <div class="selector-block">
  482.                                     <button class=""
  483.                                             type="button"
  484.                                             data-toggle="selector" data-noempty="true"></button>
  485.                                     <div class="tags"></div>
  486.                                 </div>
  487.                                 <div class="form-data">
  488.                                     {{ form_widget(form.person_parameters.private_haircut, {'attr': {
  489.                                         'class': 'basic-view',
  490.                                     }}) }}
  491.                                 </div>
  492.                             </div>
  493.                         </div>
  494.                         {% set error_message = form_errors(form.person_parameters.private_haircut) %}
  495.                         <p class="field-error{% if error_message|length > 0 %} show{% endif %}">{{ error_message }}</p>
  496.                     </div>
  497.                 </div>
  498.             </div>
  499.             <div class="block prices">
  500.                 <h2 class="border-line">Расценки</h2>
  501.                 <div class="wrap d-flex">
  502.                     <div class="apartments">
  503.                         <h3>
  504.                             <svg class="icon mr-1">
  505.                                 <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-house"></use>
  506.                             </svg>
  507.                             <span>Апартаменты</span>
  508.                         </h3>
  509.                         <div class="input-group d-flex">
  510.                             <div class="field">
  511.                                 <label>1 час:</label>
  512.                                 {{ form_widget(form.apartments_pricing.one_hour_price, {'attr': {
  513.                                     'class': 'basic-view',
  514.                                     'min': '1',
  515.                                     maxlength: '6'
  516.                                 }}) }}
  517.                                 {% set error_message = form_errors(form.apartments_pricing.one_hour_price) %}
  518.                                 <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.apartments_pricing.one_hour_price.vars.id }}_error">{{ error_message }}</p>
  519.                             </div>
  520.                             <div class="field">
  521.                                 <label>2 часа:</label>
  522.                                 {{ form_widget(form.apartments_pricing.two_hours_price, {'attr': {
  523.                                     'class': 'basic-view',
  524.                                     'min': '1',
  525.                                     maxlength: '6'
  526.                                 }}) }}
  527.                                 {% set error_message = form_errors(form.apartments_pricing.two_hours_price) %}
  528.                                 <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.apartments_pricing.two_hours_price.vars.id }}_error">{{ error_message }}</p>
  529.                             </div>
  530.                             <div class="field">
  531.                                 <label>Ночь:</label>
  532.                                 {{ form_widget(form.apartments_pricing.night_price, {'attr': {
  533.                                     'class': 'basic-view',
  534.                                     'min': '1',
  535.                                     maxlength: '6'
  536.                                 }}) }}
  537.                                 {% set error_message = form_errors(form.apartments_pricing.night_price) %}
  538.                                 <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.apartments_pricing.night_price.vars.id }}_error">{{ error_message }}</p>
  539.                             </div>
  540.                         </div>
  541.                     </div>
  542.                     <div class="takeout">
  543.                         <h3>
  544.                             <svg class="icon mr-1">
  545.                                 <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-car"></use>
  546.                             </svg>
  547.                             <span>Выезд</span>
  548.                         </h3>
  549.                         <div class="input-group d-flex">
  550.                             <div class="field">
  551.                                 <label>1 час:</label>
  552.                                 {{ form_widget(form.take_out_pricing.one_hour_price, {'attr': {
  553.                                     'class': 'basic-view',
  554.                                     'min': '1',
  555.                                     maxlength: '6'
  556.                                 }}) }}
  557.                                 {% set error_message = form_errors(form.take_out_pricing.one_hour_price) %}
  558.                                 <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.take_out_pricing.one_hour_price.vars.id }}_error">{{ error_message }}</p>
  559.                             </div>
  560.                             <div class="field">
  561.                                 <label>2 часа:</label>
  562.                                 {{ form_widget(form.take_out_pricing.two_hours_price, {'attr': {
  563.                                     'class': 'basic-view',
  564.                                     'min': '1',
  565.                                     maxlength: '6'
  566.                                 }}) }}
  567.                                 {% set error_message = form_errors(form.take_out_pricing.two_hours_price) %}
  568.                                 <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.take_out_pricing.two_hours_price.vars.id }}_error">{{ error_message }}</p>
  569.                             </div>
  570.                             <div class="field">
  571.                                 <label>Ночь:</label>
  572.                                 {{ form_widget(form.take_out_pricing.night_price, {'attr': {
  573.                                     'class': 'basic-view',
  574.                                     'min': '1',
  575.                                     maxlength: '6'
  576.                                 }}) }}
  577.                                 {% set error_message = form_errors(form.take_out_pricing.night_price) %}
  578.                                 <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.take_out_pricing.night_price.vars.id }}_error">{{ error_message }}</p>
  579.                             </div>
  580.                         </div>
  581.                     </div>
  582.                 </div>
  583.                 <div class="express{% if not form.express_pricing.provided.vars.checked %} no-ex1press{% endif %}">
  584.                     <div class="wrap">
  585.                         <div class="field">
  586.                             {{ form_widget(form.express_pricing.provided) }}
  587.                             <label for="express_pricing_provided" class="level">Есть экспресс</label>
  588.                         </div>
  589.                         {{ form_widget(form.express_pricing.price, {'attr': {
  590.                             'class': 'express-price basic-view',
  591.                             'min': '1',
  592.                             maxlength: '6'
  593.                         }}) }}
  594.                     </div>
  595.                     {% set error_message = form_errors(form.express_pricing.price) %}
  596.                     <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.express_pricing.price.vars.id }}_error">{{ error_message }}</p>
  597.                 </div>
  598.                 <div class="services-special">
  599.                     <h3>Выезд:</h3>
  600.                     <div class="services-list">
  601.                         {% for take_out_location in form.take_out_pricing.locations %}
  602.                             <div class="checkbox-form">
  603.                                 {{ form_widget(take_out_location) }}
  604.                                 <label for="{{ take_out_location.vars.id }}" class="">{{ take_out_location.vars.label|trans({}, 'take_out_location') }}</label>
  605.                             </div>
  606.                         {% endfor %}
  607.                         <div class="checkbox-form">
  608.                             {{ form_widget(form.car_pricing.provided) }}
  609.                             <label for="{{ form.car_pricing.provided.vars.id }}" class="">В машине</label>
  610.                         </div>
  611.                     </div>
  612.                     {% set error_message = form_errors(form.take_out_pricing.locations) %}
  613.                     <p class="field-error{% if error_message|length > 0 %} show{% endif %}">{{ error_message }}</p>
  614.                 </div>
  615.             </div>
  616.             <div class="block about">
  617.                 <h2 class="border-line">О себе</h2>
  618.                 <div class="textarea">
  619.                     {{ form_widget(form.about, {'attr': {
  620.                         'class': 'basic-view',
  621.                         'placeholder': 'Напишите о себе',
  622.                         'maxlength': '3000',
  623.                         'minlength': '100'
  624.                     }}) }}
  625.                 </div>
  626.                 <p class="info">Напишите о себе (минимум 100 символов):</p>
  627.                 {% set error_message = form_errors(form.about) %}
  628.                 <p class="field-error{% if error_message|length > 0 %} show{% endif %}" id="{{form.about.vars.id }}_error">{{ error_message }}</p>
  629.             </div>
  630.         </div>
  633.         {#<div class="additional-info masseur">
  634.             <div class="field is-flex level">
  635.                 <div class="additional">
  636.                     <div class="checkbox-form level">
  637.                         {{ form_widget(form.is_masseur, {'attr': {}}) }}
  638.                         <label for="is_masseur" class="level">Массажистка</label>
  639.                     </div>
  640.                     <p>Анкета будет показываться только в разделе "Массажистки"</p>
  641.                 </div>
  642.             </div>
  643.         </div>#}
  645.         <div class="block map-block">
  646.             <h2 class="border-line">Расположение</h2>
  647.             <div class="metro d-flex" id="metro-choice">
  648.                 <div class="info selector">
  649.                     <p>Выберите станции метро (максимум 3 станции):</p>
  650.                     <div class="selector-block">
  651.                         <button class=""
  652.                                 type="button"
  653.                                 data-toggle="selector"
  654.                                 data-limit="3"
  655.                                 data-empty-text="Выберите станции метро"></button>
  656.                         <div class="tags"></div>
  657.                     </div>
  658.                     <div class="form-data">
  659.                         {{ form_widget(form.stations) }}
  660.                     </div>
  661.                     {% set error_message = form_errors(form.stations) %}
  662.                     <p class="field-error{% if error_message|length > 0 %} show{% endif %}">{{ error_message }}</p>
  663.                 </div>
  664.             </div>
  666.             <div class="metro-selected-list" id="metro-selected">
  667.             </div>
  669.             {{ form_widget(form.primary_station) }}
  671.             <div class="map">
  672.                 <div style="display:none">
  673.                     {{ form_widget(form.map_coordinate.latitude) }}
  674.                     {{ form_widget(form.map_coordinate.longitude) }}
  675.                 </div>
  676.                 <div class="info">
  677.                     <div class="map-wrap"
  678.                          id="ya-map"
  679.                          data-lat="{% if city.mapCoordinate.latitude %}{{city.mapCoordinate.latitude}}{% else %}55.752{% endif %}"
  680.                          data-lon="{% if city.mapCoordinate.longitude %}{{city.mapCoordinate.longitude}}{% else %}37.61{% endif %}"></div>
  681.                 </div>
  682.             </div>
  683.         </div>
  685.         <div class="block services-block">
  686.             <h2 class="border-line">Предоставляемые услуги</h2>
  687.             <ul class="about-services d-flex">
  688.                 <li class="d-flex include">
  689.                     <svg class="icon">
  690.                         <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-condition-include"></use>
  691.                     </svg>
  692.                     <span>- включено в стоимость</span>
  693.                 </li>
  694.                 <li class="d-flex sympathy">
  695.                     <svg class="icon">
  696.                         <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-condition-sympathy"></use>
  697.                     </svg>
  698.                     <span>- по настроению</span>
  699.                 </li>
  700.                 <li class="d-flex price">
  701.                     <svg class="icon">
  702.                         <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-condition-with-price"></use>
  703.                     </svg>
  704.                     <span>- за дополнительную плату</span>
  705.                 </li>
  706.                 <li class="d-flex not-include">
  707.                     <svg class="icon">
  708.                         <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-condition-with-price"></use>
  709.                     </svg>
  710.                     <span>- услуга не предоставляется</span>
  711.                 </li>
  712.             </ul>
  713.             <div class="services">
  714.                 {# Пояснения
  716.                 Эти открывающие дивы создаются вначале итерации. Но чтобы их закрыть, проще всего пихать закрывающий див при создании нового блока.
  717.                 Так запутанней, но так легче работать.
  719.                 <div class="group-6">   <------- этот див открывает группу. Он создается при первой проверке. Там же он закрывается.
  720.                     <p>Разное</p>
  721.                     <div class="is-flex level"> <------ этот див открывает блок чекбоксов. Тоже создается при первой проверке в цикле. закрывается тоже вначале цикла.
  723.                         <div class="checkbox-form level">
  724.                             <input type="checkbox" id="services_42" name="services[]" service-group="6" class="input-for-valid" value="42">
  725.                             <label class="b-checkbox__text" for="services_42">Ролевые игры</label>
  726.                         </div>
  728.                         <div class="checkbox-form level">
  729.                             <input type="checkbox" id="services_43" name="services[]" service-group="6" class="input-for-valid" value="43">
  730.                             <label class="b-checkbox__text" for="services_43">Фото/видео съемка</label>
  731.                         </div>
  732.                         ---------------------------------------------
  733.                     </div>
  734.                 </div>
  735.                 #}
  737.                 {% set current_group = 0 %}
  738.                 {% set count_in_group = 0 %}
  739.                 {% set title_group = 0 %}
  741.                 {% set initional_group_2 = 0 %}
  742.                 {% set group_2_minet = [] %}
  743.                 {% set group_2_okon = [] %}
  744.                 {% set group_2_okon_trigger = ['Окончание на грудь','Окончание на лицо','Окончание в рот'] %} {# Слова триггеры в 2 категории для блока Окончание. Все остальные уйдут в минет #}
  746.                 {% for provided_service in form.provided_services %}
  747.                     {% set service = services[provided_service.service.vars.value] %}
  748.                     {% if current_group != service.group %}
  750.                         {# Первый див это окончание блока checkbox-group предыдущего. Второй - тоже самое но для обёртки группы #}
  751.                         {% if not loop.first and current_group != 2 %}</div></div>{% endif %}
  752.                         {% set current_group = service.group %}
  754.                         {# Нужно обернуть блок Заголовок+его чекбоксы в див #}
  755.                         {% set title_group = current_group|service_group|trans({}, 'service_groups')  %} {#Заголовок группы#}
  756.                         {% set count_in_group = (services_array[current_group-1][1]/2)|round %} {#Кол-во элементов в группе#}
  758.                         {% if current_group == 2 %}
  760.                         {% elseif current_group == 3 %}
  761.                             <div class="group-2-1" data-group="2-1">
  762.                                 <h3>Минет</h3>
  763.                                 <div class="checkbox-group count-{{ count_in_group }}">
  764.                                     {% for data in group_2_minet %}
  765.                                         {% set _form = data.form %}
  766.                                         {% set _service = data.service %}
  767.                                         {{ _self._service_block(_form, _service) }}
  768.                                     {% endfor %}
  769.                                 </div>
  770.                             </div>
  771.                             <div class="group-2-2" data-group="2-2">
  772.                                 <h3>Окончание</h3>
  773.                                 <div class="checkbox-group count-{{ count_in_group }}">
  774.                                     {% for data in group_2_okon %}
  775.                                         {% set _form = data.form %}
  776.                                         {% set _service = data.service %}
  777.                                         {{ _self._service_block(_form, _service) }}
  778.                                     {% endfor %}
  779.                                 </div>
  780.                             </div>
  782.                             {# Тут выводится третья категория #}
  783.                             <div class="group-{{ current_group }}" data-group="{{ current_group }}">
  784.                                 <h3>{{ title_group }}</h3>
  785.                                 <div class="checkbox-group count-{{ count_in_group }}">
  787.                         {% else %}
  788.                             <div class="group-{{ current_group }}" data-group="{{ current_group }}">
  789.                                 <h3>{{ title_group }}</h3>
  790.                                 <div class="checkbox-group count-{{ count_in_group }}">
  791.                         {% endif %}
  792.                     {% endif %}
  793.                             {% if current_group == 2 %}
  794.                                 {% if service.name|trans({}, 'left_menu') in group_2_okon_trigger %}
  795.                                     {% set group_2_okon = group_2_okon|merge([{form:provided_service, service: service}]) %}
  796.                                 {% else %}
  797.                                     {% set group_2_minet = group_2_minet|merge([{form:provided_service, service: service}]) %}
  798.                                 {% endif %}
  799.                             {% else %}
  800.                                 {{ _self._service_block(provided_service, service) }}
  801.                             {% endif %}
  802.                         {% endfor %}
  803.                     </div>
  804.                 </div>
  805.             </div>
  807.             <div class="services-special">
  808.                 <h3>Услуги для:</h3>
  809.                 <div class="services-list d-flex">
  810.                     {% for client_type in form.client_types %}
  811.                         <div class="checkbox-form{{ client_type.vars.label == 'TRANS' ? ' d-none': '' }}">
  812.                             {{ form_widget(client_type) }}
  813.                             <label for="{{ client_type.vars.id }}" class="">{{ client_type.vars.label|trans({}, 'client_types') }}</label>
  814.                         </div>
  815.                     {% endfor %}
  816.                 </div>
  817.             </div>
  818.             </div>
  819.             <div class="block additional-info">
  820.                 <h2 class="border-line">Дополнительная информация</h2>
  821.                 <div class="age-prevent">
  822.                     <div class="field d-flex">
  823.                         <div class="text d-flex">
  824.                             <input type="checkbox" id="age-prevent">
  825.                             <label for="age-prevent">Ограничение по возрасту партнёра:</label>
  826.                         </div>
  827.                         <div class="age-prevent-cell d-flex">
  828.                             <span>от</span>
  829.                             {{ form_widget(form.client_restrictions.min_age, {'attr': {
  830.                                 'class': 'basic-view',
  831.                                 'min': '18',
  832.                                 'max': '100',
  833.                                 'placeholder': '18'
  834.                             }}) }}
  835.                             <span>до</span>
  836.                             {{ form_widget(form.client_restrictions.max_age, {'attr': {
  837.                                 'class': 'basic-view',
  838.                                 'min': '18',
  839.                                 'max': '100',
  840.                                 'placeholder': '100'
  841.                             }}) }}
  842.                         </div>
  843.                     </div>
  844.                     {% set error_message = form_errors(form.client_restrictions.min_age) %}
  845.                     <p class="field-error field-error-min{% if error_message|length > 0 %} show{% endif %}" id="{{form.client_restrictions.min_age.vars.id }}_error">
  846.                         Ошибка ввода минимального значения: {{ error_message }}
  847.                     </p>
  848.                     {% set error_message = form_errors(form.client_restrictions.max_age) %}
  849.                     <p class="field-error field-error-max{% if error_message|length > 0 %} show{% endif %}" id="{{form.client_restrictions.max_age.vars.id }}_error">
  850.                         Ошибка ввода максимального значения: {{ error_message }}</p>
  851.                 </div>
  853.                 {# <div class="has-friend">
  854.                     <div class="checkbox-form level">
  855.                         <input type="checkbox" id="has-friend">
  856.                         <label for="has-friend" class="level">Есть подруга</label>
  857.                     </div>
  858.                     <a href="">Пригласить подругу</a>
  859.                 </div>
  861.                 <div class="work-in-saloon">
  862.                     <div class="checkbox-form level">
  863.                         <input type="checkbox" id="work-in-saloon">
  864.                         <label for="work-in-saloon" class="level">Работаю в салоне</label>
  865.                     </div>
  866.                 </div> #}
  867.             </div>
  868.             <div class="block media-block">
  869.                 <div class="tabs-block d-flex" id="media-tabs">
  870.                     <div class="tab-header d-flex">
  871.                         <button type="button" class="btn d-flex photo active" data-toggle="photo">
  872.                             <svg class="icon">
  873.                                 <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-photo"></use>
  874.                             </svg>
  875.                             <span>Фото</span>
  876.                         </button>
  877.                         {% if form.selfies is defined %}
  878.                             <button type="button" class="btn d-flex selfie" data-toggle="selfie">
  879.                             <svg class="icon">
  880.                                 <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-selfie"></use>
  881.                             </svg>
  882.                                 <span>Селфи</span>
  883.                             </button>
  884.                         {% endif %}
  885.                         <button type="button" class="btn d-flex video" data-toggle="video">
  886.                             <svg class="icon">
  887.                                 <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-video"></use>
  888.                             </svg>
  889.                             <span>Видео</span>
  890.                         </button>
  891.                         <button type="button" class="btn d-flex verify-photo" data-toggle="verify-photo">
  892.                             <svg class="icon">
  893.                                 <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-approved"></use>
  894.                             </svg>
  895.                             <span>Проверочное фото</span>
  896.                         </button>
  897.                     </div>
  898.                     <div class="tab-content">
  899.                         <div class="tab photo active" data-id="photo">
  900.                             <div class="photos-block" id="photo-block">
  901.                                 <div style="display:none" id="photo_widget">{{ form_widget(form.photos) }}</div>
  902.                                 <template id="template_photo_element">
  903.                                     <div class="attach__element attach__element--loading" data-media-rotater-element>
  904.                                         <img class="attach__element__photo" data-image data-media-rotater-target/>
  905.                                         <button class="btn attach__element__button attach__element__move" type="button" data-button-move>
  906.                                             <svg class="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.39 6.6a1.02 1.02 0 0 1 0-1.45l2.81-2.82a1.12 1.12 0 0 1 1.6 0l2.81 2.82a1.02 1.02 0 1 1-1.44 1.44l-1.15-1.14v5.53h5.53l-1.14-1.15a1.02 1.02 0 1 1 1.44-1.44l2.82 2.82a1.12 1.12 0 0 1 0 1.58l-2.82 2.82a1.02 1.02 0 0 1-1.44-1.44l1.14-1.15h-5.53v5.53l1.15-1.14a1.02 1.02 0 0 1 1.44 1.44l-2.82 2.82a1.12 1.12 0 0 1-1.59 0L8.4 18.85a1.02 1.02 0 1 1 1.44-1.44l1.15 1.14v-5.53H5.45l1.14 1.15a1.02 1.02 0 1 1-1.44 1.44L2.33 12.8a1.12 1.12 0 0 1 0-1.58l2.82-2.82a1.02 1.02 0 0 1 1.44 1.44l-1.14 1.15h5.53V5.45L9.83 6.59a1.02 1.02 0 0 1-1.44 0Z" /></svg>
  907.                                         </button>
  908.                                         <button class="btn attach__element__button attach__element__remove" type="button" data-button-remove>
  909.                                            <svg class="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.33 8h-.77v10.4c0 .42.16.83.45 1.13.3.3.69.47 1.1.47h7.78c.41 0 .8-.17 1.1-.47.3-.3.45-.7.45-1.13V8H7.34Zm3.11 9.6H8.9v-7.2h1.55v7.2Zm4.67 0h-1.55v-7.2h1.55v7.2Zm.48-12L14.33 4H9.67L8.4 5.6H5v1.6h14V5.6h-3.4Z"/></svg>
  910.                                         </button>
  911.                                         <button class="btn attach__element__button attach__element__rotate" type="button" data-button-rotate data-media-rotater-button>
  912.                                             <svg class="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.86 18.46a8.98 8.98 0 0 0 10.74 2.8c.61-.28.74-1.1.27-1.57l-.05-.05a1 1 0 0 0-1.1-.19A7 7 0 0 1 5.19 9.1 6.95 6.95 0 0 1 11 6.03V7.8c0 .45.54.67.86.36l2.79-2.79a.5.5 0 0 0 0-.7l-2.8-2.8a.5.5 0 0 0-.85.35v1.8a8.98 8.98 0 0 0-7.14 14.45Z"/><path d="M17.7 7.71a1 1 0 0 0-1.41 0L11.7 12.3a1 1 0 0 0 0 1.41l4.59 4.6a1 1 0 0 0 1.41 0l4.59-4.6a1 1 0 0 0 0-1.4L17.7 7.7Z" /></svg>
  913.                                         </button>
  915.                                         <svg class="attach__element__progress" data-progress width="100" height="101" fill="none" xmlns="http://www.w3.org/2000/svg">
  916.                                             <circle cx="50" cy="50" r="50" fill="#F7901D"/>
  917.                                             <circle data-progress-animate cx="50" cy="50" r="47" transform="rotate(0 0 0)" fill="none" stroke-dashoffset="314" stroke-dasharray="314"  stroke="#F7901D" stroke-width="6" />
  918.                                             <circle cx="50" cy="50" r="45" fill="#ffffff"/>
  919.                                             <text data-progress-value x="33" y="55" font-family="Verdana" font-size="20" fill="#F7901D">0%</text>
  920.                                         </svg>
  921.                                     </div>
  922.                                 </template>
  924.                                 <div class="attach attach--empty" id="photo_list"></div>
  926.                                 <div class="attach__add">
  927.                                     <input
  928.                                         type="file"
  929.                                         class="visually_hidden"
  930.                                         id="profile-photo-input"
  931.                                         multiple=""
  932.                                         style="position:absolute;left:-999999px"
  933.                                         accept="image/jpg,image/jpeg"
  934.                                         data-url="{{ photo_media_upload_url }}"
  935.                                         data-type="photo"
  936.                                     />
  937.                                     <label class="attach__add__label" for="profile-photo-input">
  938.                                         <svg class="attach__add__icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.94 11.11A7 7 0 0 0 12 5a6.74 6.74 0 0 0-6.24 4.15A5.25 5.25 0 0 0 2 14a5 5 0 0 0 5 5h11a4 4 0 0 0 .94-7.89ZM13 14v3h-2v-3H8l4-5 4 5h-3Z"/></svg>
  939.                                         <span>Загрузить фото</span>
  940.                                     </label>
  941.                                 </div>
  942.                             </div>
  943.                             <p class="info">Загрузите фотографии. Не больше 2500px по большей из сторон и не менее 500px по меньшей. <br>Формат: JPG или PNG</p>
  944.                         </div>
  945.                         {% if form.selfies is defined %}
  946.                             <div class="tab selfie" data-id="selfie">
  947.                                 <div class="photos-block" id="selfie-block">
  948.                                     <div style="display:none" id="selfie_widget">{{ form_widget(form.selfies) }}</div>
  949.                                     <template id="template_selfie_element">
  950.                                         <div class="attach__element attach__element--loading" data-media-rotater-element>
  951.                                             <img class="attach__element__photo" data-image data-media-rotater-target/>
  952.                                             <button class="btn attach__element__button attach__element__move" type="button" data-button-move>
  953.                                                 <svg class="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 22-4-4h8l-4 4Zm0-20 4 4H8l4-4Zm0 12a2 2 0 1 1 0-4 2 2 0 0 1 0 4ZM2 12l4-4v8l-4-4Zm20 0-4 4V8l4 4Z" /></svg>
  954.                                             </button>
  955.                                             <button class="btn attach__element__button attach__element__remove" type="button" data-button-remove>
  956.                                                 <svg class="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m19.37 9-1 1.73-12.13-7 1-1.73 3.04 1.75 1.36-.37 4.33 2.5.37 1.37L19.37 9ZM5 19.09v-12h5.07l6.93 4v8a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2Zm2 0h8v-6.8l-5.54-3.2H7v10Z"/></svg>
  957.                                             </button>
  958.                                             <button class="btn attach__element__button attach__element__rotate" type="button" data-button-rotate data-media-rotater-button>
  959.                                                 <svg class="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 11h3l-4 4-4-4h3a6 6 0 0 0-6-6l-1 .08V3.06L11 3a8 8 0 0 1 8 8ZM8 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-7L8 7Zm2 11H4V9h3v3h3v6Z" /></svg>
  960.                                             </button>
  962.                                             <svg class="attach__element__progress" data-progress width="100" height="101" fill="none" xmlns="http://www.w3.org/2000/svg">
  963.                                                 <circle cx="50" cy="50" r="50" fill="#F7901D"/>
  964.                                                 <circle data-progress-animate cx="50" cy="50" r="47" transform="rotate(0 0 0)" fill="none" stroke-dashoffset="314" stroke-dasharray="314"  stroke="#F7901D" stroke-width="6" />
  965.                                                 <circle cx="50" cy="50" r="45" fill="#ffffff"/>
  966.                                                 <text data-progress-value x="33" y="55" font-family="Verdana" font-size="20" fill="#F7901D">0%</text>
  967.                                             </svg>
  968.                                         </div>
  969.                                     </template>
  971.                                     <div class="attach attach--empty" id="selfie_list"></div>
  973.                                     <div class="attach__add">
  974.                                         <input
  975.                                             type="file"
  976.                                             class="visually_hidden"
  977.                                             id="profile-selfie-input"
  978.                                             multiple=""
  979.                                             style="position:absolute;left:-999999px"
  980.                                             accept="image/jpg,image/jpeg"
  981.                                             data-url="{{ selfie_media_upload_url }}"
  982.                                             data-type="selfie"
  983.                                         />
  984.                                         <label class="attach__add__label" for="profile-selfie-input">
  985.                                             <svg class="attach__add__icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.94 11.11A7 7 0 0 0 12 5a6.74 6.74 0 0 0-6.24 4.15A5.25 5.25 0 0 0 2 14a5 5 0 0 0 5 5h11a4 4 0 0 0 .94-7.89ZM13 14v3h-2v-3H8l4-5 4 5h-3Z"/></svg>
  986.                                             <span>Загрузить селфи</span>
  987.                                         </label>
  988.                                     </div>
  989.                                 </div>
  990.                                 <p class="info">Загрузите фотографии. Для удобства просмотра желательно что бы размер фотографии был не более 2500рх по большей стороне и не менее 1000рх по больше стороне.<br>Формат изображения: JPG или PNG</p>
  991.                             </div>
  992.                         {% endif %}
  993.                         <div class="tab video" data-id="video">
  994.                             <div class="photos-block videos-block" id="video-block">
  995.                                 <div style="display:none" id="video_widget" data-video-on-progress="{{videos_in_process}}">{{ form_widget(form.videos) }}</div>
  996.                                 <template id="template_video_element">
  997.                                     <div class="attach__element attach__element--loading attach__element-video" data-media-rotater-element>
  998.                                         <video class="attach__element__video" data-video data-media-rotater-target  ></video>
  999.                                         {# <button class="btn attach__element__button attach__element__move" type="button" data-button-move>
  1000.                                             <svg class="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 22-4-4h8l-4 4Zm0-20 4 4H8l4-4Zm0 12a2 2 0 1 1 0-4 2 2 0 0 1 0 4ZM2 12l4-4v8l-4-4Zm20 0-4 4V8l4 4Z" /></svg>
  1001.                                         </button> #}
  1002.                                         <button class="btn attach__element__button attach__element__remove" type="button" data-button-remove>
  1003.                                             <svg class="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m19.37 9-1 1.73-12.13-7 1-1.73 3.04 1.75 1.36-.37 4.33 2.5.37 1.37L19.37 9ZM5 19.09v-12h5.07l6.93 4v8a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2Zm2 0h8v-6.8l-5.54-3.2H7v10Z"/></svg>
  1004.                                         </button>
  1006.                                         <button class="attach__element__video__button" type="button" data-button-play>
  1007.                                             <svg class="attach__element__video__play" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none"><g fill="#fff" fill-rule="evenodd" clip-rule="evenodd" opacity=".6"><path d="M32 7.332c-13.623 0-24.667 11.044-24.667 24.667 0 13.623 11.044 24.666 24.667 24.666 13.623 0 24.666-11.043 24.666-24.666C56.666 18.376 45.623 7.332 32 7.332ZM3.333 31.999C3.333 16.167 16.168 3.332 32 3.332s28.666 12.834 28.666 28.667c0 15.832-12.834 28.666-28.666 28.666S3.333 47.831 3.333 32Z"/><path d="M25.723 19.569a2 2 0 0 1 2.053.099l16 10.667a2 2 0 0 1 0 3.328l-16 10.667a2 2 0 0 1-3.109-1.665V21.332a2 2 0 0 1 1.056-1.763Zm2.944 5.5v13.86l10.394-6.93-10.394-6.93Z"/></g></svg>
  1008.                                         </button>
  1010.                                         <svg class="attach__element__progress" data-progress xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none">
  1011.                                             <circle cx="32" cy="32" r="29" fill="#fff" opacity=".5"/>
  1012.                                             <circle data-progress-animate cx="32" cy="32" r="27" stroke="#383838" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" stroke-dasharray="169.65" stroke-dashoffset="169.65"/>
  1013.                                             <text data-progress-value x="22" y="38" font-size="16" fill="#252525">0%</text>
  1014.                                         </svg>
  1015.                                     </div>
  1016.                                 </template>
  1018.                                 <div class="attach attach--empty" id="video_list">
  1019.                                     {% if videos_in_process > 0 -%}
  1020.                                         {% for i in 1..videos_in_process %}
  1021.                                         <div class="attach__element__container">
  1022.                                             <div class="attach__element attach__element-video">
  1023.                                                 <div class="item item-processing">
  1024.                                                     <svg viewBox="0 0 100 100" width="100" width="100" height="100" fill="none"><path fill="#000" fill-opacity=".3" fill-rule="evenodd" d="M25 10c-8.284 0-15 6.716-15 15v50c0 8.284 6.716 15 15 15h50c8.284 0 15-6.716 15-15V25c0-8.284-6.716-15-15-15H25Zm33 26c2.206 0 4 1.794 4 4v6.666L70 40v20l-8-6.666V60c0 2.206-1.794 4-4 4H34c-2.206 0-4-1.794-4-4V40c0-2.206 1.794-4 4-4h24Z" clip-rule="evenodd"/></svg>
  1025.                                                 </div>
  1026.                                             </div>
  1027.                                         </div>
  1028.                                         {% endfor %}
  1029.                                     {% endif %}
  1030.                                 </div>
  1032.                                 <div class="attach__add">
  1033.                                     <input
  1034.                                         type="file"
  1035.                                         class="visually_hidden"
  1036.                                         id="profile-video-input"
  1037.                                         multiple=""
  1038.                                         style="position:absolute;left:-999999px"
  1039.                                         accept=".mp4, .mov"
  1040.                                         data-url="{{ video_media_upload_url }}"
  1041.                                         data-type="video"
  1042.                                     />
  1043.                                     <label class="attach__add__label" for="profile-video-input">
  1044.                                         <svg class="attach__add__icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.94 11.11A7 7 0 0 0 12 5a6.74 6.74 0 0 0-6.24 4.15A5.25 5.25 0 0 0 2 14a5 5 0 0 0 5 5h11a4 4 0 0 0 .94-7.89ZM13 14v3h-2v-3H8l4-5 4 5h-3Z"/></svg>
  1045.                                         <span>Загрузить видео</span>
  1046.                                     </label>
  1047.                                 </div>
  1048.                             </div>
  1050.                             <p class="info">Загрузите видео. До 400 МБ. Mp4, Mov, HEVC</p>
  1051.                         </div>
  1052.                         <div class="tab verify-photo" data-id="verify-photo" id="approval_block">
  1054.                             <div style="display:none" id="approval_widget" data-status="{{ form.approval_status.vars.value }}">
  1055.                                 {% if form.uploaded_approval_photo.vars.data is not null %}
  1056.                                     <img id="uploaded_approval_photo" src="{{ responsive_asset(form.uploaded_approval_photo.vars.data, "profile_media_approval", "357x500", "jpg") }}" width="100" height="100"/><video id="uploaded_approval_photo" src="{{ asset(form.uploaded_approval_photo.vars.data, "profile_media_approval") }}" width="100" height="100"></video>
  1057.                                 {% endif %}
  1058.                                 <div class="form-error">{{ form_errors(form.approval_photo) }}</div>
  1059.                                 {{ form_widget(form.approval_photo, {'attr': {
  1060.                                     'class': 'custom-file-input',
  1061.                                     'data-type': "verify",
  1062.                                     'accept':"image/jpg,image/jpeg",
  1063.                                     'data-url':"{{ approval_media_upload_url }}",
  1064.                                     'style': "position:absolute;left:-999999px"
  1065.                                 }}) }}
  1066.                             </div>
  1068.                             {% set classVerify = form.approval_status.vars.value ? form.approval_status.vars.value : 'NO_ADD' %}
  1071.                             <div class="photos-verify-block d-flex" id="approval_list">
  1072.                                 <div class="status-block">
  1073.                                     <div class="photo">
  1074.                                         <div class="empty-image" id="approval_empty">
  1075.                                             <svg class="icon">
  1076.                                                 <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-empty-girl"></use>
  1077.                                             </svg>
  1078.                                         </div>
  1079.                                         <div class="current-image d-none status_image_{{ classVerify }}" id="approval_image">
  1080.                                             <img class="main" src="" >
  1081.                                             {# <img class="icon rejected" src="{{ asset('assets/images/icons/alert.svg') }}">
  1082.                                             <img class="icon" src="{{ asset('assets/images/icons/alert-grey.svg') }}"> #}
  1083.                                         </div>
  1084.                                     </div>
  1085.                                     <div class="status attach__approval__{{ classVerify }}" data-t="{{form.approval_status.vars.value}}" id="approval_photo_text">
  1086.                                         <div class="status-info status-info-empty" id="status-info-empty">
  1087.                                             <p class="colored">Ваша анкета ещё НЕ подтверждена.</p>
  1088.                                             <p class="sub">Рекомендуем загрузить проверочное фото.</p>
  1089.                                         </div>
  1090.                                         <div class="status-info status-info-wait" id="status-info-wait">
  1091.                                             <p class="colored">Ожидает модерации</p>
  1092.                                             <p class="sub">Ваша проверочная фотография ожидает подтверждения от администрации сайта.</p>
  1093.                                             <p class="sub-2">Проверка может занять до двух дней.<br>Пожалуйста, подождите.</p>
  1094.                                         </div>
  1095.                                         <div class="status-info status-info-rejected" id="status-info-rejected">
  1096.                                             <p class="colored">Фото отклонено</p>
  1097.                                             <p class="sub">К сожалению, <strong>Ваша анкета НЕ подтверждена</strong>.</p>
  1098.                                             <p class="sub-2">Попробуйте отправить новое фото</p>
  1099.                                         </div>
  1100.                                         <div class="status-info status-info-approved" id="status-info-approved">
  1101.                                             <p class="colored d-flex">
  1102.                                                 <svg class="icon">
  1103.                                                     <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-approved"></use>
  1104.                                                 </svg>
  1105.                                                 <span>Подтверждено</span>
  1106.                                             </p>
  1107.                                             <p class="sub">Поздравляем, Ваша анкета подтверждена.</p>
  1108.                                         </div>
  1109.                                         <div class="status-info status-info-wait-second-attempt" id="status-info-wait-second-attempt">
  1110.                                             <p class="colored">Проверяется</p>
  1111.                                             <p class="sub">Вы обновили свои фотографии. Знак верификации временно снят до проверки модератором.</p>
  1112.                                             <p class="sub-2">Если Вы хотите изменить проверочное фото - загрузите его заново.</p>
  1113.                                         </div>
  1115.                                         <div class="add-block" id="status-info-add">
  1116.                                             <div class="add">
  1117.                                                 <input class="custom-file-input d-none"
  1118.                                                     type="file"
  1119.                                                     id="profile-verify-input"
  1120.                                                     data-type="verify"
  1121.                                                     accept="image/jpg,image/jpeg"
  1122.                                                     data-url="{{ approval_media_upload_url }}"
  1123.                                                 />
  1124.                                                 <label class="add-photo btn btn-secondary d-flex" for="profile-verify-input">
  1125.                                                     <svg class="icon">
  1126.                                                         <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-upload"></use>
  1127.                                                     </svg>
  1128.                                                     <span>Загрузить фото</span>
  1129.                                                 </label>
  1130.                                             </div>
  1131.                                         </div>
  1132.                                     </div>
  1133.                                 </div>
  1134.                                 <div class="description">
  1135.                                     <p class="heading">Что такое проверочное фото?</p>
  1136.                                     <p>Чтобы анкета была с отметкой "<span class="colored-green">фото проверено</span>" и показывалась выше непроверенных анкет, <strong>Вам необходимо добавить проверочную фотографию</strong>.</p>
  1137.                                     <p>Проверочная фотография - это фотография девушки из анкеты с листком бумаги, на котором от руки написана свежая дата.</p>
  1138.                                     <p class="colored-red">Фотошоп, плохое качество фотографии запрещены на проверочной фотографии.</p>
  1139.                                     <p>Если Вы добавите новые фотографии к уже проверенной анкете - отметка "фото проверено" пропадёт, и Вам нужно будет снова присылать проверочную фотографию.</p>
  1140.                                     <p>Если Вы удалите одну или несколько фотографий из уже проверенной анкеты - отметка "фото проверено" останется</p>
  1142.                                     <div class="sale">
  1143.                                         <div class="info-box d-flex justify-content-center">
  1144.                                             <svg class="icon icon-verify">
  1145.                                                 <use xlink:href="{{ asset('assets_domain/images/icons/account/svg-library.svg', 'nodomainConfig') }}#icon-approval-check"></use>
  1146.                                             </svg>
  1147.                                             <span class="info-box-center d-flex">
  1148.                                                 <span class="sale">10%</span>
  1149.                                                 <span class="text">скидка за <span class="marked">Проверенные анкеты</span></span>
  1150.                                             </span>
  1151.                                         </div>
  1152.                                     </div>
  1153.                                 </div>
  1154.                             </div>
  1155.                         </div>
  1156.                     </div>
  1157.                 </div>
  1158.             </div>
  1159.             <div class="submit-block">
  1160.                 {{ form_widget(form.submit, {
  1161.                     'label': editCheck ? 'Сохранить изменения' : 'Сохранить',
  1162.                     'attr': {
  1163.                         'class': 'btn btn-danger'
  1164.                     }}) }}
  1165.             </div>
  1166.             <div>
  1167.         {{ form_end(form) }}
  1168.     </div>
  1171.      <div
  1172.         class="dialog-container"
  1173.         id="upload-dialog-id"
  1174.         aria-labelledby="upload-dialog-title-id"
  1175.         aria-hidden="true"
  1176.         >
  1177.         <!-- 2. The dialog overlay -->
  1178.         <div class="dialog-overlay" data-a11y-dialog-hide></div>
  1179.         <!-- 3. The actual dialog -->
  1180.         <div class="dialog-content" role="document">
  1181.             <!-- 4. The close button -->
  1182.             <button class="dialog-button" type="button" data-a11y-dialog-hide aria-label="Close dialog">
  1183.             &times;
  1184.             </button>
  1185.             <!-- 5. The dialog title -->
  1186.             <div class="dialog-title" id="upload_dialog-title">upload title</div>
  1187.             <div class="dialog-body" id="upload_dialog-content">upload content</div>
  1188.             <!-- 6. Dialog content -->
  1189.         </div>
  1190.     </div>
  1191. {% endblock %}
  1193. {% block javascripts %}
  1194.     {{ parent() }}
  1196.     {{ encore_entry_script_tags('scripts/uploader', null, 'basicConfig') }}
  1198.     <script>
  1199.     //     function is_click_masseur(load = false) {
  1200.     //         const checkBox = document.getElementById("is_masseur");
  1201.     //         let group1 = document.querySelector('.group-1');
  1202.     //         let group2 = document.querySelector('.group-5');
  1203.     //         let group3 = document.querySelector('.group-6');
  1204.     //         let group4 = document.querySelector('.group-7');
  1205.     //         if (!load) {
  1206.     //             if (checkBox.checked == true){
  1207.     //                 group1.style.display = "block";
  1208.     //                 group2.style.display = "block";
  1209.     //                 group3.style.display = "block";
  1210.     //                 group4.style.display = "block";
  1211.     //             } else {
  1212.     //                 group1.style.display = "none";
  1213.     //                 group2.style.display = "none";
  1214.     //                 group3.style.display = "none";
  1215.     //                 group4.style.display = "none";
  1216.     //             }
  1217.     //         } else {
  1218.     //             if (checkBox.checked == true) {
  1219.     //                 group1.style.display = "none";
  1220.     //                 group2.style.display = "none";
  1221.     //                 group3.style.display = "none";
  1222.     //                 group4.style.display = "none";
  1223.     //             }
  1224.     //         }
  1225.     //     }
  1226.     //     is_click_masseur(true);
  1227.     </script>
  1228. {% endblock %}
  1230. {% block javascriptss %}
  1231.     {{ parent() }}
  1234.     <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.4/js/intlTelInput.min.js"
  1235.             integrity="sha256-Gf8PGNhkyd/4AuPWG7theaqc8hAvHzocloCkDN9pXFw="
  1236.             crossorigin="anonymous"></script>
  1238.     <script>
  1239.         var input = document.querySelector("#phone"),
  1240.             errorMsg = document.querySelector("#error-msg"),
  1241.             validMsg = document.querySelector("#valid-msg");
  1243.         // here, the index maps to the error code returned from getValidationError - see readme
  1244.         var errorMap = ["Invalid number", "Invalid country code", "Too short", "Too long", "Invalid number"];
  1246.         var input = document.querySelector("#phone");
  1247.         var iti = window.intlTelInput(input, {
  1248.             onlyCountries: ["al", "ad", "at", "by", "be", "ba", "bg", "hr", "cz", "dk",
  1249.                 "ee", "fo", "fi", "fr", "de", "gi", "gr", "va", "hu", "is", "ie", "it", "lv",
  1250.                 "li", "lt", "lu", "mk", "mt", "md", "mc", "me", "nl", "no", "pl", "pt", "ro",
  1251.                 "ru", "sm", "rs", "sk", "si", "es", "se", "ch", "ua", "gb"],
  1252.             geoIpLookup: function(callback) {
  1253.                 $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
  1254.                     var countryCode = (resp && resp.country) ? resp.country : "";
  1255.                     callback(countryCode);
  1256.                 });
  1257.             },
  1258.             utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.4/js/utils.js" // just for formatting/placeholders etc
  1259.         });
  1261.         var reset = function() {
  1262.             input.classList.remove("error");
  1263.             errorMsg.innerHTML = "";
  1264.             errorMsg.classList.add("hide");
  1265.             validMsg.classList.add("hide");
  1266.         };
  1268.         // on blur: validate
  1269.         input.addEventListener('blur', function() {
  1270.             reset();
  1271.             if (input.value.trim()) {
  1272.                 if (iti.isValidNumber()) {
  1273.                     validMsg.classList.remove("hide");
  1274.                 } else {
  1275.                     input.classList.add("error");
  1276.                     var errorCode = iti.getValidationError();
  1277.                     errorMsg.innerHTML = errorMap[errorCode];
  1278.                     errorMsg.classList.remove("hide");
  1279.                 }
  1280.             }
  1281.         });
  1283.         // on keyup / change flag: reset
  1284.         input.addEventListener('change', reset);
  1285.         input.addEventListener('keyup', reset);
  1287.         //-----------
  1288.         document.addEventListener("DOMContentLoaded", function(event) {
  1289.             document.querySelector('.selector-menu .menu').fakeScroll();
  1290.         });
  1291.     </script>
  1294. {% endblock %}