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-room-selection__inquiry-form--tracking 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 js-form-tracking__input" required
  227.                                    data-form-tracking-attribute-address="sha256_first_name"
  228.                                    autocomplete="given-name" value="{{ user is not null ? user.getFirstName() : null }}">
  229.                         </label>
  231.                         <div class="form-errors"></div>
  232.                     </div>
  234.                     <div class="form-group">
  235.                         <label class="form-box form-box--gray">
  236.                             <span class="form-box__label">{{ "demi.detail.enquiry.surname"|trans }} *</span>
  237.                             <input type="text" name="surname" class="form-box__content form-control js-form-tracking__input" required
  238.                                    data-form-tracking-attribute-address="sha256_last_name"
  239.                                    autocomplete="family-name" value="{{ user is not null ? user.getLastName() : null }}">
  240.                         </label>
  242.                         <div class="form-errors"></div>
  243.                     </div>
  245.                     <div class="form-group">
  246.                         <label class="form-box form-box--gray">
  247.                             <span class="form-box__label">{{ "demi.detail.enquiry.phone"|trans }}</span>
  248.                             <input type="text" name="tel" class="form-box__content form-control js-form-tracking__input"
  249.                                    data-form-tracking-attribute="sha256_phone_number"
  250.                                    autocomplete="phone" value="{{ user is not null ? user.getPhone() : null }}">
  251.                         </label>
  253.                         <div class="form-errors"></div>
  254.                     </div>
  256.                     <div class="form-group">
  257.                         <label class="form-box form-box--gray{{ user is not null ? ' form-box--readonly' : '' }}">
  258.                             <span class="form-box__label">{{ "demi.detail.enquiry.mail"|trans }} *</span>
  259.                             <input type="email" name="email" class="form-box__content form-control js-form-tracking__input" required
  260.                                    data-form-tracking-attribute-address="sha256_email_address"
  261.                                    autocomplete="email" value="{{ user is not null ? user.getEmail() : null }}">
  262.                         </label>
  264.                         <div class="form-errors"></div>
  265.                     </div>
  267.                     <div class="row row--gutter-width-10">
  268.                         <div class="col col-auto text-success icon-in-text">
  269.                             <span class="demi-icon demi-icon-info-circle-outline" aria-label="{{ "demi.detail.enquiry.info"|trans }}" title="{{ "demi.detail.enquiry.info"|trans }}"></span>
  270.                         </div>
  271.                         <div class="col">
  272.                             {{ "demi.detail.enquiry.fill-all-in"|trans }}
  273.                         </div>
  274.                     </div>
  275.                 </fieldset>
  276.             </div>
  278.             <div class="card box-shadow mt-3">
  279.                 <section class="card-body">
  280.                     <div class="mb-3">
  281.                         <label class="h3 d-inline" for="comment"> {{ "demi.detail.enquiry.your-message"|trans }}</label>
  282.                         <span class="text-muted">({{ "demi.detail.enquiry.optional"|trans }})</span>
  283.                     </div>
  285.                     <textarea name="comment" id="comment" rows="7" class="form-control form-control--gray"></textarea>
  287.                     {% set privacyPolicy = demi_core_configuration("getPrivacyPolicyEnquiry",{"locale" : app.request.locale})|trim %}
  288.                     {% if privacyPolicy is not empty %}
  289.                     <div class="form-group mt-3">
  290.                         <label class="custom-checkbox">
  291.                             <span class="custom-checkbox__text">{{ privacyPolicy|raw }}</span>
  292.                         </label>
  293.                     </div>
  294.                     {% endif %}
  295.                 </section>
  296.             </div>
  298.             <div class="js-reload-form__loading hide-loading-text" hidden>
  299.                 <div class="text-center py-3">
  300.                     {{ include('@ElementsDemiFrontend/Includes/elements/spinner/loading-spinner.html.twig') }}
  301.                 </div>
  302.             </div>
  304.             <div class="mt-3 text-center">
  305.                 <button type="submit" class="btn btn-primary btn-lg">
  306.                     <span class="btn__icon demi-icon demi-icon-email mr-2" aria-hidden="true"></span>
  307.                     {{ "demi.detail.enquiry.send-enquiry"|trans }}
  308.                 </button>
  309.             </div>
  311.             <div class="mt-3 gdpr-text">
  312.                 <small>{{ demi_fillTranslation({'[ACCO_ADDRESS_EMAIL]': demi_getGdprDataReceiverInfoAsString(accommodation)},"demi.detail.enquiry.gdpr-text") }}</small>
  313.             </div>
  315.         </div>
  316.     </div>
  317. </form>
  318. </div>
  319. {% else %}
  320. <div class="modal fade"
  321.      id="inquiry-modal"
  322.      tabindex="-1"
  323.      role="dialog"
  324.      aria-label="{{ title is defined ? title : '' }}"
  325.      aria-hidden="true">
  326.     <div class="modal-dialog modal-lg" role="document">
  327.         <div class="modal-content">
  328.             <div class="modal-body">
  329.                 <button type="button"
  330.                         class="btn-no-styling increased-click-area text-primary icon-btn close-btn"
  331.                         data-dismiss="modal"><span class="demi-icon demi-icon-close icon-btn__icon"></span>
  332.                 </button>
  334.                 <form action="/404"
  335.                       id="inquiry-form"
  336.                       data-action="{{ detailUrl }}"
  337.                       method="post"
  338.                       class="js-parsley js-room-selection__inquiry-form js-room-selection__inquiry-form--tracking js-tracking js-tracking--submit js-reload-form"
  339.                       data-tracking-category="button"
  340.                       data-tracking-action="anfrage"
  341.                       data-tracking-label="{{ name|escape }}">
  342.                     <input type="hidden" id="send-productinfos" name="productinfos" value=""/>
  343.                     <input type="hidden" name="enquire" value="enquire"/>
  345.                     <div class="card">
  346.                         <div class="card-body">
  347.                             <h3 class="h2 text-primary mt-2 mb-4">{{ "demi.detail.enquiry.enquiry"|trans }}: {{ name }}</h3>
  349.                             <div class="js-room-selection__selection">
  350.                                 <span class="h3 mb-2 mt-4">{{ "demi.detail.enquiry.products"|trans }}</span>
  352.                                 <div class="js-room-selection__selection-list js-room-selection__inquiry-selection-list">
  354.                                 </div>
  356.                                 <div class="js-room-selection__inquiry-single-product">
  358.                                 </div>
  359.                             </div>
  361.                             {% if searchParam.getDateFrom() is  null %}
  362.                             <div class="js-search-data__hide-if-submitted">
  363.                                 <div class="row row--gutter-width-20 js-search-form js-range-datepicker js-date-range-form__datepicker">
  365.                                     <div class="col col-12">
  366.                                             <span class="h4">
  367.                                                 {{ 'demi.search.travel-period'|trans }}
  368.                                             </span>
  369.                                     </div>
  370.                                     <div class="col-12 col-md-6 col-lg-4">
  371.                                         <div class="form-group">
  372.                                             <label class="form-box form-box--gray">
  373.                                                 {% set date = carbon().create() %}
  374.                                                 {% do date.setTime(0,0,0) %}
  375.                                                 {% if isGroupRequest is defined and GroupRequest == true %}
  376.                                                     {% do date.modify('+4 days') %}
  377.                                                 {% endif %}
  378.                                                 <span class="form-box__label">{{ 'demi.saving-request.label.arrival'|trans }} *</span>
  379.                                                 <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"
  380.                                                        value=""
  381.                                                        required
  382.                                                        name="arrival-datepicker"
  383.                                                        placeholder="{{ elements_dateFormat(date, 'date-long') }}"
  384.                                                        data-datepicker-min-date="{{ elements_customDateFormat(date) }}"
  385.                                                        autocomplete="off">
  386.                                                 <input class="js-range-datepicker__from" readonly type="hidden" id="arrival" name="from-no-date" value="">
  387.                                                 <span class="demi-icon demi-icon-calendar-insert form-box__icon"
  388.                                                       aria-hidden="true"></span>
  389.                                             </label>
  390.                                             <div class="form-errors"></div>
  391.                                         </div>
  392.                                     </div>
  394.                                     <div class="col-12 col-md-6 col-lg-4">
  395.                                         <div class="form-group">
  396.                                             <label class="form-box form-box--gray">
  397.                                                 <span class="form-box__label">{{ 'demi.saving-request.label.departure'|trans }} *</span>
  398.                                                 {% do date.modify('+7 days') %}
  399.                                                 <input data-alt-field="#departure" readonly data-date-picker="" type="text"
  400.                                                        required
  401.                                                        class="form-box__content form-control js-range-datepicker__picker js-datepicker__picker--to-only"
  402.                                                        value="" name="departure-datepicker" placeholder="{{ elements_dateFormat(date, 'date-long') }}"
  403.                                                        autocomplete="off">
  404.                                                 <input class="js-range-datepicker__to" readonly type="hidden" id="departure" name="to-no-date" value="">
  405.                                                 <span class="demi-icon demi-icon-calendar-insert form-box__icon"
  406.                                                       aria-hidden="true"></span>
  407.                                             </label>
  408.                                             <div class="form-errors"></div>
  409.                                         </div>
  410.                                     </div>
  412.                                 </div>
  413.                             </div>
  414.                             {% endif %}
  416.                             <div class="js-search-data__show-if-submitted">
  417.                                 <span class="h3 mb-2 mt-4">{{ "demi.detail.enquiry.your-searchparams"|trans }}</span>
  418.                                 <ul class="list-unstyled">
  419.                                     <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>
  420.                                         -
  421.                                         <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>
  422.                                     <li>{{ 'demi.nights'|trans }}: <span class="js-room-selection__search-data-nights"></span></li>
  423.                                     <li>{{ guestsTranslation|trans }}: <span class="js-search-data__persons">{{ guests }}</span></li>
  424.                                     <li>{{ 'demi.units'|trans  }}: <span class="js-search-data__rooms"></span> x <span class="js-search-data__room-type">{{ unitStr }}</span></li>
  425.                                 </ul>
  426.                             </div>
  428.                             <span class="h3 mb-3 mt-4">{{ "demi.detail.enquiry.provide-data"|trans }}</span>
  429.                             <div class="row">
  430.                                 <div class="col col-6">
  431.                                     <div class="form-group">
  432.                                         <label class="form-box form-box--gray">
  433.                                             <span class="form-box__label">{{ "demi.detail.enquiry.salutation"|trans }} *</span>
  434.                                             <select name="salutation" class="form-box__content form-control" required
  435.                                                     autocomplete="honorific-prefix">
  436.                                                 {% set salutations = demi_getSalutations(app.request.locale) %}
  437.                                                 {% if salutations is iterable %}
  438.                                                     {% for salutation in salutations %}
  439.                                                         {% if salutation.getTitle() and salutation.getTitle() != '' %}
  440.                                                             <option value="{{ salutation.getId() }}">{{ salutation.getTitle() }}</option>
  441.                                                         {% endif %}
  442.                                                     {% endfor %}
  443.                                                 {% endif %}
  444.                                             </select>
  445.                                             <span class="demi-icon demi-icon-chevron-down form-box__select-icon" aria-hidden="true"></span>
  446.                                         </label>
  448.                                         <div class="form-errors"></div>
  449.                                     </div>
  450.                                 </div>
  451.                             </div>
  453.                             <div class="row">
  454.                                 <div class="col-12 col-md-6">
  455.                                     <div class="form-group">
  456.                                         <label class="form-box form-box--gray">
  457.                                             <span class="form-box__label">{{ "demi.detail.enquiry.first-name"|trans }} *</span>
  458.                                             <input type="text" name="firstname" class="form-box__content form-control js-form-tracking__input" required
  459.                                                    data-form-tracking-attribute-address="sha256_first_name"
  460.                                                    autocomplete="given-name" value="{{ user is not null ? user.getFirstName() : null }}">
  461.                                         </label>
  463.                                         <div class="form-errors"></div>
  464.                                     </div>
  465.                                 </div>
  466.                                 <div class="col-12 col-md-6">
  467.                                     <div class="form-group">
  468.                                         <label class="form-box form-box--gray">
  469.                                             <span class="form-box__label">{{ "demi.detail.enquiry.surname"|trans }} *</span>
  470.                                             <input type="text" name="surname" class="form-box__content form-control js-form-tracking__input" required
  471.                                                    data-form-tracking-attribute-address="sha256_last_name"
  472.                                                    autocomplete="family-name" value="{{ user is not null ? user.getLastName() : null }}">
  473.                                         </label>
  475.                                         <div class="form-errors"></div>
  476.                                     </div>
  477.                                 </div>
  478.                             </div>
  479.                             <div class="row">
  480.                                 <div class="col-12 col-md-6">
  481.                                     <div class="form-group">
  482.                                         <label class="form-box form-box--gray">
  483.                                             <span class="form-box__label">{{ "demi.detail.enquiry.phone"|trans }}</span>
  484.                                             <input type="text" name="tel" class="form-box__content form-control js-form-tracking__input"
  485.                                                    data-form-tracking-attribute="sha256_phone_number"
  486.                                                    autocomplete="phone"
  487.                                                    placeholder="z.B. +43 123 456789"
  488.                                                    value="{{ user is not null ? user.getPhone() : null }}"
  489.                                                    pattern="((((\((0{2}|\+))|((0{2}|\+)\())\d+\)\s*)|(0{2}|\+)\d+)(\s*\d+)*"
  490.                                                    data-parsley-error-message="{{ "demi.booking.checkout.telephone-number.error"|trans }}">
  491.                                         </label>
  494.                                         <div class="form-errors"></div>
  495.                                     </div>
  496.                                 </div>
  497.                                 <div class="col-12 col-md-6">
  498.                                     <div class="form-group">
  499.                                         <label class="form-box form-box--gray">
  500.                                             <span class="form-box__label">{{ "demi.detail.enquiry.mail"|trans }} *</span>
  501.                                             <input type="email" name="email" class="form-box__content form-control js-form-tracking__input" required
  502.                                                    data-form-tracking-attribute="sha256_email_address"
  503.                                                    autocomplete="email" value="{{ user is not null ? user.getEmail() : null }}">
  504.                                         </label>
  506.                                         <div class="form-errors"></div>
  507.                                     </div>
  508.                                 </div>
  509.                             </div>
  513.                             <div class="row row--gutter-width-10">
  514.                                 <div class="col col-auto text-success icon-in-text">
  515.                                     <span class="demi-icon demi-icon-info-circle-outline" aria-label="{{ "demi.detail.enquiry.info"|trans }}" title="{{ "demi.detail.enquiry.info"|trans }}"></span>
  516.                                 </div>
  517.                                 <div class="col">
  518.                                     {{ "demi.detail.enquiry.fill-all-in"|trans }}
  519.                                 </div>
  520.                             </div>
  522.                             <hr>
  523.                             <div class="mb-3 mt-4">
  524.                                 <label class="h3 d-inline" for="comment"> {{ "demi.detail.enquiry.your-message"|trans }}</label>
  525.                                 <span class="text-muted">({{ "demi.detail.enquiry.optional"|trans }})</span>
  526.                             </div>
  528.                             <textarea name="comment" id="comment" rows="7" class="form-control form-control--gray"></textarea>
  530.                             {% set privacyPolicy = demi_core_configuration("getPrivacyPolicyEnquiry",{"locale" : app.request.locale})|trim %}
  531.                             {% if privacyPolicy is not empty %}
  532.                             <div class="form-group mt-3">
  533.                                 <label class="custom-checkbox">
  534.                                     <span class="custom-checkbox__text">{{ privacyPolicy|raw }}</span>
  535.                                 </label>
  536.                             </div>
  537.                             {% endif %}
  539.                             <div class="js-reload-form__loading hide-loading-text" hidden>
  540.                                 <div class="text-center py-3">
  541.                                     {{ include('@ElementsDemiFrontend/Includes/elements/spinner/loading-spinner.html.twig') }}
  542.                                 </div>
  543.                             </div>
  546.                             <div class="mt-3 text-center">
  547.                                 <button type="submit" class="btn btn-primary btn-lg">
  548.                                     <span class="btn__icon demi-icon demi-icon-email mr-2" aria-hidden="true"></span>
  549.                                     {{ "demi.detail.enquiry.send-enquiry"|trans }}
  550.                                 </button>
  551.                             </div>
  552.                             <div class="mt-3 gdpr-text">
  553.                                 <small>{{ demi_fillTranslation({'[ACCO_ADDRESS_EMAIL]':demi_getGdprDataReceiverInfoAsString(accommodation)},"demi.detail.enquiry.gdpr-text") }}</small>
  554.                             </div>
  555.                         </div>
  556.                     </div>
  557.                 </form>
  559.             </div>
  560.         </div>
  561.     </div>
  562. </div>
  564. {% endif %}