src/Elements/Bundle/DemiFrontendBundle/Resources/views/Includes/overlays/inquiry-overlay.html.twig line 1

Open in your IDE?
  2. {% do jsConfig("_config").add('overlay', true) %}
  3. {% do jsConfig("_config").add('parsley', true) %}
  4. {% do jsConfig("_config").add('reloadForm', true) %}
  5. {% do jsConfig("_config").add('historyController', true) %}
  7. {% if (housePackageMaster is defined)  %}
  8.     {% set detailUrl = demi_demiUrl({
  9.         'accommodation': accommodation,
  10.         'package': housePackageMaster
  11.         }, 'demi_acco_detail_package_page') %}
  12.     {% set name = housePackageMaster.getName() %}
  13. {% elseif tvbPackage is defined %}
  14.     {%  set detailUrl = demi_demiUrl({
  15.         'accommodation': accommodation,
  16.         'package': tvbPackage
  17.         }, 'demi_acco_detail_tvbpackage_page', true) %}
  18.     {% set name = tvbPackage.getName() %}
  19. {% else %}
  20.     {% set detailUrl = demi_demiUrl({
  21.         'accommodation': accommodation,
  22.         }, 'demi_acco_detail_page') %}
  23.     {% set name = accommodation.getName() %}
  24. {% endif %}
  26. {% set nights   = searchParam.getNights() %}
  27. {% set todate   = searchParam.getDateTo() %}
  28. {% set fromdate = searchParam.getDateFrom() %}
  30. {% set from = null %}
  31. {% set to = null %}
  32. {% if fromdate is instanceof('DateTime') %}
  33.     {% set from = carbon().createFromTimestamp(fromdate.getTimestamp()) %}
  34. {% endif %}
  35. {% if todate is instanceof('DateTime') %}
  36.     {% set to = carbon().createFromTimestamp(todate.getTimestamp()) %}
  37. {% endif %}
  40. {% if nights is empty and todate is not empty and fromdate is not empty  %}
  41.     {% set nights = searchParam.getPeriod() %}
  42. {% endif %}
  44. {% set units = 0 %}
  45. {% set guests = 0 %}
  47. {% if searchParam is instanceof('\\Elements\\Demi\\Accommodation\\Search\\Parameter') %}
  48.     {% set roomrows = searchParam.getRoomrows() %}
  49.     {% if roomrows is not empty %}
  50.         {% for roomrow in roomrows %}
  51.             {% set units = units + roomrow.getUnits() %}
  52.             {% set guests = guests + roomrow.getAdults() %}
  53.             {% if roomrow.getChildAges() is not empty %}
  54.                 {% set guests = guests + roomrow.getChildAges|length %}
  55.             {% elseif roomrow.getChildBirthdays() %}
  56.                 {% set guests = guests + roomrow.getChildBirthdays|length %}
  57.             {% endif %}
  58.         {% endfor %}
  59.     {% endif %}
  60. {% endif %}
  62. {% set roomsTranslation = units > 1 ? "demi.units" :  "demi.unit" %}
  63. {% set guestsTranslation = guests > 1 ? "demi.guests" : "demi.guest" %}
  65. {% if app.request.get('occupancyType') %}
  66.     {% set roomsTranslation = "demi.search.multiple-rooms" %}
  67.     {% set unitStr = roomsTranslation|trans %}
  68. {% elseif roomrows is defined and roomrows|length ==1 %}
  69.     {% if guests == 1 %}
  70.         {% set roomsTranslation = "demi.search.single-room" %}
  71.     {% elseif guests == 2 %}
  72.         {% set roomsTranslation = "demi.search.double-room" %}
  73.     {% endif %}
  74.     {% set unitStr = roomsTranslation|trans %}
  75.     {% set guestsStr = "" %}
  76. {% else %}
  77.     {% set unitStr = units ~ " " ~ roomsTranslation|trans %}
  78.     {% set guestsStr = guests ~ " " ~ guestsTranslation|trans %}
  79. {% endif %}
  81. {% if "?" in detailUrl %}
  82.     {% set detailUrl = detailUrl ~ "&enquire=1&submitRequest=1" %}
  83. {% else %}
  84.     {% set detailUrl = detailUrl ~ "?enquire=1&submitRequest=1" %}
  85. {% endif %}
  87. {% if pimcore_device().isPhone() %}
  88. <div id="inquiry-overlay"
  89.      class="overlay js-overlay"
  90.      tabindex="-1"
  91.      role="dialog"
  92.      aria-label="{{ "demi.detail.enquiry.enquiry"|trans }}"
  93.      aria-hidden="true" xmlns="http://www.w3.org/1999/html">
  94. <form action="/404"
  95.       id="inquiry-form"
  96.       method="post"
  97.       class="js-parsley js-room-selection__inquiry-form js-tracking js-tracking--submit"
  98.       data-action="{{ detailUrl }}"
  99.       data-tracking-category="button"
  100.       data-tracking-action="anfrage"
  101.       data-tracking-label="{{ name|escape }}">
  102.     {{ include('@ElementsDemiFrontend/Includes/overlays/sections/header-with-title.html.twig', {
  103.     'title': "demi.detail.enquiry.enquiry"|trans
  104.     }) }}
  105.     <input type="hidden" id="send-productinfos" name="productinfos" value=""/>
  106.     <input type="hidden" name="enquire" value="enquire"/>
  107.     <div class="overlay__content bg-light-gray">
  108.         <div class="container py-4">
  109.             <h3 class="text-center mb-3">{{ name }}</h3>
  111.             <section class="card box-shadow js-room-selection__selection">
  112.                 <div class="card-body">
  113.                     <span class="h3 mb-2">{{ "demi.detail.enquiry.products"|trans }}</span>
  115.                     <div class="js-room-selection__selection-list js-room-selection__inquiry-selection-list">
  117.                     </div>
  118.                     <div class="js-room-selection__inquiry-single-product">
  120.                     </div>
  121.                 </div>
  122.             </section>
  124.             <section class="card box-shadow">
  127.                 {% if searchParam.getDateFrom() is null %}
  128.                 <div class="card-body js-search-data__hide-if-submitted">
  129.                     <div class="row row--gutter-width-20 js-search-form js-range-datepicker js-date-range-form__datepicker">
  131.                         <div class="col col-12">
  132.                                         <span class="h4">
  133.                                             {{ 'demi.search.travel-period'|trans }}>
  134.                                         </span>
  135.                         </div>
  136.                         <div class="col-12 col-md-6 col-lg-4">
  137.                             <div class="form-group">
  138.                                 <label class="form-box form-box--gray">
  139.                                     {% set date = carbon().create() %}
  140.                                     {% do date.setTime(0,0,0) %}
  141.                                     <span class="form-box__label">{{ 'demi.saving-request.label.arrival'|trans }} *</span>
  142.                                     <input data-alt-field="#arrival" readonly data-date-picker="start" type="text" class="form-box__content form-control js-range-datepicker__picker js-datepicker__picker--from-only"
  143.                                            value=""
  144.                                            required
  145.                                            name="arrival-datepicker"
  146.                                            placeholder="{{ elements_dateFormat(date, 'date-long') }}"
  147.                                            autocomplete="off"
  148.                                            data-datepicker-min-date="{{ elements_customDateFormat(date) }}">
  149.                                     <input class="js-range-datepicker__from" readonly type="hidden" id="arrival" name="from-no-date" value="">
  150.                                     <span class="demi-icon demi-icon-calendar-insert form-box__icon"
  151.                                           aria-hidden="true"></span>
  152.                                 </label>
  153.                                 <div class="form-errors"></div>
  154.                             </div>
  155.                         </div>
  157.                         <div class="col-12 col-md-6 col-lg-4">
  158.                             <div class="form-group">
  159.                                 <label class="form-box form-box--gray">
  160.                                     <span class="form-box__label">{{ 'demi.saving-request.label.departure'|trans }} *</span>
  161.                                     {% do date.modify('+7 days') %}
  162.                                     <input data-alt-field="#departure" readonly data-date-picker="" type="text"
  163.                                            required
  164.                                            class="form-box__content form-control js-range-datepicker__picker js-datepicker__picker--to-only"
  165.                                            value="" name="departure-datepicker" placeholder="{{ elements_dateFormat(date, 'date-long') }}"
  166.                                            autocomplete="off">
  167.                                     <input class="js-range-datepicker__to" readonly type="hidden" id="departure" name="to-no-date" value="">
  168.                                     <span class="demi-icon demi-icon-calendar-insert form-box__icon"
  169.                                           aria-hidden="true"></span>
  170.                                 </label>
  171.                                 <div class="form-errors"></div>
  172.                             </div>
  173.                         </div>
  175.                     </div>
  176.                 </div>
  177.                 {% endif %}
  180.                 <div class="card-body js-search-data__show-if-submitted">
  181.                     <span class="h3">{{ "demi.detail.enquiry.your-searchparams"|trans }}</span>
  183.                     <div class="js-room-selection__selection-list">
  184.                         <ul class="list-unstyled">
  185.                             <li>{{ "demi.detail.enquiry.travel-period"|trans }}: <time datetime="{{ from is not null ? from.formatLocalized('%Y-%m-%d') : '' }}" class="js-room-selection__search-data-arrival">{{ from is not null ? elements_dateFormat(from,'date-long') : '' }}</time>
  186.                                 -
  187.                                 <time datetime="{{ to is not null ? to.formatLocalized('%Y-%m-%d') : '' }}" class="js-room-selection__search-data-departure">{{ to is not null ? elements_dateFormat(to,'date-long') : '' }}</time></li>
  188.                             <li>{{ 'demi.nights'|trans }}: <span class="js-room-selection__search-data-nights"></span></li>
  189.                             <li>{{ guestsTranslation|trans }}: <span class="js-search-data__persons">{{ guests }}</span></li>
  190.                             <li>{{ 'demi.units'|trans }}: <span class="js-search-data__rooms"></span> x <span class="js-search-data__room-type"></span></li>
  191.                         </ul>
  192.                     </div>
  193.                 </div>
  194.             </section>
  196.             <div class="card box-shadow mt-3">
  197.                 <fieldset class="card-body">
  198.                     <span class="h3 mb-4">{{ "demi.detail.enquiry.provide-data"|trans }}</span>
  200.                     <div class="row">
  201.                         <div class="col col-8">
  202.                             <div class="form-group">
  203.                                 <label class="form-box form-box--gray">
  204.                                     <span class="form-box__label">{{ "demi.detail.enquiry.salutation"|trans }} *</span>
  205.                                     <select name="salutation" class="form-box__content form-control" required
  206.                                             autocomplete="honorific-prefix">
  207.                                         {% set salutations = demi_getSalutations(app.request.locale) %}
  208.                                         {% if salutations is iterable %}
  209.                                         {% for salutation in salutations %}
  210.                                             {% if salutation.getTitle() and salutation.getTitle() != '' %}
  211.                                                 <option value="{{ salutation.getId() }}">{{ salutation.getTitle() }}</option>
  212.                                             {% endif %}
  213.                                         {% endfor %}
  214.                                         {% endif %}
  215.                                     </select>
  216.                                     <span class="demi-icon demi-icon-chevron-down form-box__select-icon" aria-hidden="true"></span>
  217.                                 </label>
  219.                                 <div class="form-errors"></div>
  220.                             </div>
  221.                         </div>
  222.                     </div>
  223.                     <div class="form-group">
  224.                         <label class="form-box form-box--gray">
  225.                             <span class="form-box__label">{{ "demi.detail.enquiry.first-name"|trans }} *</span>
  226.                             <input type="text" name="firstname" class="form-box__content form-control" required
  227.                                    autocomplete="given-name" value="{{ user is not null ? user.getFirstName() : null }}">
  228.                         </label>
  230.                         <div class="form-errors"></div>
  231.                     </div>
  233.                     <div class="form-group">
  234.                         <label class="form-box form-box--gray">
  235.                             <span class="form-box__label">{{ "demi.detail.enquiry.surname"|trans }} *</span>
  236.                             <input type="text" name="surname" class="form-box__content form-control" required
  237.                                    autocomplete="family-name" value="{{ user is not null ? user.getLastName() : null }}">
  238.                         </label>
  240.                         <div class="form-errors"></div>
  241.                     </div>
  243.                     <div class="form-group">
  244.                         <label class="form-box form-box--gray">
  245.                             <span class="form-box__label">{{ "demi.detail.enquiry.phone"|trans }}</span>
  246.                             <input type="text" name="tel" class="form-box__content form-control"
  247.                                    autocomplete="phone" value="{{ user is not null ? user.getPhone() : null }}">
  248.                         </label>
  250.                         <div class="form-errors"></div>
  251.                     </div>
  253.                     <div class="form-group">
  254.                         <label class="form-box form-box--gray{{ user is not null ? ' form-box--readonly' : '' }}">
  255.                             <span class="form-box__label">{{ "demi.detail.enquiry.mail"|trans }} *</span>
  256.                             <input type="email" name="email" class="form-box__content form-control" required
  257.                                    autocomplete="email" value="{{ user is not null ? user.getEmail() : null }}">
  258.                         </label>
  260.                         <div class="form-errors"></div>
  261.                     </div>
  263.                     <div class="row row--gutter-width-10">
  264.                         <div class="col col-auto text-success icon-in-text">
  265.                             <span class="demi-icon demi-icon-info-circle-outline" aria-label="{{ "demi.detail.enquiry.info"|trans }}" title="{{ "demi.detail.enquiry.info"|trans }}"></span>
  266.                         </div>
  267.                         <div class="col">
  268.                             {{ "demi.detail.enquiry.fill-all-in"|trans }}
  269.                         </div>
  270.                     </div>
  271.                 </fieldset>
  272.             </div>
  274.             <div class="card box-shadow mt-3">
  275.                 <section class="card-body">
  276.                     <div class="mb-3">
  277.                         <label class="h3 d-inline" for="comment"> {{ "demi.detail.enquiry.your-message"|trans }}</label>
  278.                         <span class="text-muted">({{ "demi.detail.enquiry.optional"|trans }})</span>
  279.                     </div>
  281.                     <textarea name="comment" id="comment" rows="7" class="form-control form-control--gray"></textarea>
  283.                     {% set privacyPolicy = demi_core_configuration("getPrivacyPolicyEnquiry",{"locale" : app.request.locale})|trim %}
  284.                     {% if privacyPolicy is not empty %}
  285.                     <div class="form-group mt-3">
  286.                         <label class="custom-checkbox">
  287.                             <span class="custom-checkbox__text">{{ privacyPolicy|raw }}</span>
  288.                         </label>
  289.                     </div>
  290.                     {% endif %}
  291.                 </section>
  292.             </div>
  294.             <div class="js-reload-form__loading hide-loading-text" hidden>
  295.                 <div class="text-center py-3">
  296.                     {{ include('@ElementsDemiFrontend/Includes/elements/spinner/loading-spinner.html.twig') }}
  297.                 </div>
  298.             </div>
  300.             <div class="mt-3 text-center">
  301.                 <button type="submit" class="btn btn-primary btn-lg">
  302.                     <span class="btn__icon demi-icon demi-icon-email mr-2" aria-hidden="true"></span>
  303.                     {{ "demi.detail.enquiry.send-enquiry"|trans }}
  304.                 </button>
  305.             </div>
  307.             <div class="mt-3 gdpr-text">
  308.                 <small>{{ demi_fillTranslation({'[ACCO_ADDRESS_EMAIL]': demi_getGdprDataReceiverInfoAsString(accommodation)},"demi.detail.enquiry.gdpr-text") }}</small>
  309.             </div>
  311.         </div>
  312.     </div>
  313. </form>
  314. </div>
  315. {% else %}
  316. <div class="modal fade"
  317.      id="inquiry-modal"
  318.      tabindex="-1"
  319.      role="dialog"
  320.      aria-label="{{ title is defined ? title : '' }}"
  321.      aria-hidden="true">
  322.     <div class="modal-dialog modal-lg" role="document">
  323.         <div class="modal-content">
  324.             <div class="modal-body">
  325.                 <button type="button"
  326.                         class="btn-no-styling increased-click-area text-primary icon-btn close-btn"
  327.                         data-dismiss="modal"><span class="demi-icon demi-icon-close icon-btn__icon"></span>
  328.                 </button>
  330.                 <form action="/404"
  331.                       id="inquiry-form"
  332.                       data-action="{{ detailUrl }}"
  333.                       method="post"
  334.                       class="js-parsley js-room-selection__inquiry-form js-tracking js-tracking--submit js-reload-form"
  335.                       data-tracking-category="button"
  336.                       data-tracking-action="anfrage"
  337.                       data-tracking-label="{{ name|escape }}">
  338.                     <input type="hidden" id="send-productinfos" name="productinfos" value=""/>
  339.                     <input type="hidden" name="enquire" value="enquire"/>
  341.                     <div class="card">
  342.                         <div class="card-body">
  343.                             <h3 class="h2 text-primary mt-2 mb-4">{{ "demi.detail.enquiry.enquiry"|trans }}: {{ name }}</h3>
  345.                             <div class="js-room-selection__selection">
  346.                                 <span class="h3 mb-2 mt-4">{{ "demi.detail.enquiry.products"|trans }}</span>
  348.                                 <div class="js-room-selection__selection-list js-room-selection__inquiry-selection-list">
  350.                                 </div>
  352.                                 <div class="js-room-selection__inquiry-single-product">
  354.                                 </div>
  355.                             </div>
  357.                             {% if searchParam.getDateFrom() is  null %}
  358.                             <div class="js-search-data__hide-if-submitted">
  359.                                 <div class="row row--gutter-width-20 js-search-form js-range-datepicker js-date-range-form__datepicker">
  361.                                     <div class="col col-12">
  362.                                             <span class="h4">
  363.                                                 {{ 'demi.search.travel-period'|trans }}
  364.                                             </span>
  365.                                     </div>
  366.                                     <div class="col-12 col-md-6 col-lg-4">
  367.                                         <div class="form-group">
  368.                                             <label class="form-box form-box--gray">
  369.                                                 {% set date = carbon().create() %}
  370.                                                 {% do date.setTime(0,0,0) %}
  371.                                                 {% if isGroupRequest is defined and GroupRequest == true %}
  372.                                                     {% do date.modify('+4 days') %}
  373.                                                 {% endif %}
  374.                                                 <span class="form-box__label">{{ 'demi.saving-request.label.arrival'|trans }} *</span>
  375.                                                 <input data-alt-field="#arrival" readonly data-date-picker="start" type="text" class="form-box__content form-control js-range-datepicker__picker js-datepicker__picker--from-only"
  376.                                                        value=""
  377.                                                        required
  378.                                                        name="arrival-datepicker"
  379.                                                        placeholder="{{ elements_dateFormat(date, 'date-long') }}"
  380.                                                        data-datepicker-min-date="{{ elements_customDateFormat(date) }}"
  381.                                                        autocomplete="off">
  382.                                                 <input class="js-range-datepicker__from" readonly type="hidden" id="arrival" name="from-no-date" value="">
  383.                                                 <span class="demi-icon demi-icon-calendar-insert form-box__icon"
  384.                                                       aria-hidden="true"></span>
  385.                                             </label>
  386.                                             <div class="form-errors"></div>
  387.                                         </div>
  388.                                     </div>
  390.                                     <div class="col-12 col-md-6 col-lg-4">
  391.                                         <div class="form-group">
  392.                                             <label class="form-box form-box--gray">
  393.                                                 <span class="form-box__label">{{ 'demi.saving-request.label.departure'|trans }} *</span>
  394.                                                 {% do date.modify('+7 days') %}
  395.                                                 <input data-alt-field="#departure" readonly data-date-picker="" type="text"
  396.                                                        required
  397.                                                        class="form-box__content form-control js-range-datepicker__picker js-datepicker__picker--to-only"
  398.                                                        value="" name="departure-datepicker" placeholder="{{ elements_dateFormat(date, 'date-long') }}"
  399.                                                        autocomplete="off">
  400.                                                 <input class="js-range-datepicker__to" readonly type="hidden" id="departure" name="to-no-date" value="">
  401.                                                 <span class="demi-icon demi-icon-calendar-insert form-box__icon"
  402.                                                       aria-hidden="true"></span>
  403.                                             </label>
  404.                                             <div class="form-errors"></div>
  405.                                         </div>
  406.                                     </div>
  408.                                 </div>
  409.                             </div>
  410.                             {% endif %}
  412.                             <div class="js-search-data__show-if-submitted">
  413.                                 <span class="h3 mb-2 mt-4">{{ "demi.detail.enquiry.your-searchparams"|trans }}</span>
  414.                                 <ul class="list-unstyled">
  415.                                     <li>{{ "demi.detail.enquiry.travel-period"|trans }}: <time datetime="{{ from is not null ? from.formatLocalized('%Y-%m-%d') : '' }}" class="js-room-selection__search-data-arrival">{{ from is not null ? elements_dateFormat(from,'date-long') : '' }}</time>
  416.                                         -
  417.                                         <time datetime="{{ to is not null ? to.formatLocalized('%Y-%m-%d') : '' }}" class="js-room-selection__search-data-departure">{{ to is not null ? elements_dateFormat(to,'date-long') : '' }}</time></li>
  418.                                     <li>{{ 'demi.nights'|trans }}: <span class="js-room-selection__search-data-nights"></span></li>
  419.                                     <li>{{ guestsTranslation|trans }}: <span class="js-search-data__persons">{{ guests }}</span></li>
  420.                                     <li>{{ 'demi.units'|trans  }}: <span class="js-search-data__rooms"></span> x <span class="js-search-data__room-type">{{ unitStr }}</span></li>
  421.                                 </ul>
  422.                             </div>
  424.                             <span class="h3 mb-3 mt-4">{{ "demi.detail.enquiry.provide-data"|trans }}</span>
  425.                             <div class="row">
  426.                                 <div class="col col-6">
  427.                                     <div class="form-group">
  428.                                         <label class="form-box form-box--gray">
  429.                                             <span class="form-box__label">{{ "demi.detail.enquiry.salutation"|trans }} *</span>
  430.                                             <select name="salutation" class="form-box__content form-control" required
  431.                                                     autocomplete="honorific-prefix">
  432.                                                 {% set salutations = demi_getSalutations(app.request.locale) %}
  433.                                                 {% if salutations is iterable %}
  434.                                                     {% for salutation in salutations %}
  435.                                                         {% if salutation.getTitle() and salutation.getTitle() != '' %}
  436.                                                             <option value="{{ salutation.getId() }}">{{ salutation.getTitle() }}</option>
  437.                                                         {% endif %}
  438.                                                     {% endfor %}
  439.                                                 {% endif %}
  440.                                             </select>
  441.                                             <span class="demi-icon demi-icon-chevron-down form-box__select-icon" aria-hidden="true"></span>
  442.                                         </label>
  444.                                         <div class="form-errors"></div>
  445.                                     </div>
  446.                                 </div>
  447.                             </div>
  449.                             <div class="row">
  450.                                 <div class="col-12 col-md-6">
  451.                                     <div class="form-group">
  452.                                         <label class="form-box form-box--gray">
  453.                                             <span class="form-box__label">{{ "demi.detail.enquiry.first-name"|trans }} *</span>
  454.                                             <input type="text" name="firstname" class="form-box__content form-control" required
  455.                                                    autocomplete="given-name" value="{{ user is not null ? user.getFirstName() : null }}">
  456.                                         </label>
  458.                                         <div class="form-errors"></div>
  459.                                     </div>
  460.                                 </div>
  461.                                 <div class="col-12 col-md-6">
  462.                                     <div class="form-group">
  463.                                         <label class="form-box form-box--gray">
  464.                                             <span class="form-box__label">{{ "demi.detail.enquiry.surname"|trans }} *</span>
  465.                                             <input type="text" name="surname" class="form-box__content form-control" required
  466.                                                    autocomplete="family-name" value="{{ user is not null ? user.getLastName() : null }}">
  467.                                         </label>
  469.                                         <div class="form-errors"></div>
  470.                                     </div>
  471.                                 </div>
  472.                             </div>
  473.                             <div class="row">
  474.                                 <div class="col-12 col-md-6">
  475.                                     <div class="form-group">
  476.                                         <label class="form-box form-box--gray">
  477.                                             <span class="form-box__label">{{ "demi.detail.enquiry.phone"|trans }}</span>
  478.                                             <input type="text" name="tel" class="form-box__content form-control"
  479.                                                    autocomplete="phone"
  480.                                                    placeholder="z.B. +43 123 456789"
  481.                                                    value="{{ user is not null ? user.getPhone() : null }}"
  482.                                                    pattern="((((\((0{2}|\+))|((0{2}|\+)\())\d+\)\s*)|(0{2}|\+)\d+)(\s*\d+)*"
  483.                                                    data-parsley-error-message="{{ "demi.booking.checkout.telephone-number.error"|trans }}">
  484.                                         </label>
  487.                                         <div class="form-errors"></div>
  488.                                     </div>
  489.                                 </div>
  490.                                 <div class="col-12 col-md-6">
  491.                                     <div class="form-group">
  492.                                         <label class="form-box form-box--gray">
  493.                                             <span class="form-box__label">{{ "demi.detail.enquiry.mail"|trans }} *</span>
  494.                                             <input type="email" name="email" class="form-box__content form-control" required
  495.                                                    autocomplete="email" value="{{ user is not null ? user.getEmail() : null }}">
  496.                                         </label>
  498.                                         <div class="form-errors"></div>
  499.                                     </div>
  500.                                 </div>
  501.                             </div>
  505.                             <div class="row row--gutter-width-10">
  506.                                 <div class="col col-auto text-success icon-in-text">
  507.                                     <span class="demi-icon demi-icon-info-circle-outline" aria-label="{{ "demi.detail.enquiry.info"|trans }}" title="{{ "demi.detail.enquiry.info"|trans }}"></span>
  508.                                 </div>
  509.                                 <div class="col">
  510.                                     {{ "demi.detail.enquiry.fill-all-in"|trans }}
  511.                                 </div>
  512.                             </div>
  514.                             <hr>
  515.                             <div class="mb-3 mt-4">
  516.                                 <label class="h3 d-inline" for="comment"> {{ "demi.detail.enquiry.your-message"|trans }}</label>
  517.                                 <span class="text-muted">({{ "demi.detail.enquiry.optional"|trans }})</span>
  518.                             </div>
  520.                             <textarea name="comment" id="comment" rows="7" class="form-control form-control--gray"></textarea>
  522.                             {% set privacyPolicy = demi_core_configuration("getPrivacyPolicyEnquiry",{"locale" : app.request.locale})|trim %}
  523.                             {% if privacyPolicy is not empty %}
  524.                             <div class="form-group mt-3">
  525.                                 <label class="custom-checkbox">
  526.                                     <span class="custom-checkbox__text">{{ privacyPolicy|raw }}</span>
  527.                                 </label>
  528.                             </div>
  529.                             {% endif %}
  531.                             <div class="js-reload-form__loading hide-loading-text" hidden>
  532.                                 <div class="text-center py-3">
  533.                                     {{ include('@ElementsDemiFrontend/Includes/elements/spinner/loading-spinner.html.twig') }}
  534.                                 </div>
  535.                             </div>
  538.                             <div class="mt-3 text-center">
  539.                                 <button type="submit" class="btn btn-primary btn-lg">
  540.                                     <span class="btn__icon demi-icon demi-icon-email mr-2" aria-hidden="true"></span>
  541.                                     {{ "demi.detail.enquiry.send-enquiry"|trans }}
  542.                                 </button>
  543.                             </div>
  544.                             <div class="mt-3 gdpr-text">
  545.                                 <small>{{ demi_fillTranslation({'[ACCO_ADDRESS_EMAIL]':demi_getGdprDataReceiverInfoAsString(accommodation)},"demi.detail.enquiry.gdpr-text") }}</small>
  546.                             </div>
  547.                         </div>
  548.                     </div>
  549.                 </form>
  551.             </div>
  552.         </div>
  553.     </div>
  554. </div>
  556. {% endif %}