<div class="consultation_signup" id="timeslots_order_form">
<h2 class="title min_title"><span>{{ 'title.sign_up_for_a_consultation'|trans }}</span></h2>
{% if (showSpeakerDetail|default(false)) %}
<div class="speaker_detail">
<h1>{{ speaker }}</h1>
<p>{{ speaker.shortDescription }}</p>
</div>
{% endif %}
<div class="consultation_sub_title">
{% if (showSpeakerDetail|default(false) == false) %}
<h4>{{ 'label.select_datetime'|trans }}:</h4>
{% endif %}
{{ form_widget(form.timezone) }}
</div>
<div class="date_time_wrapper">
<input id="timeslots_date" type="hidden"
data-path="{{ path('speaker.timeslots', {'speaker': speaker.id, 'fromDate': "now"|date('Y-m-d'), 'toDate': "now"|date_modify("+1 month")|date('Y-m-t')}) }}">
<div id="timeslots_datepicker"></div>
<div id="timeslots_container">
<h3></h3>
<ul id="timeslots_slots"></ul>
</div>
</div>
<div class="no_availability exist_timeslots" id="choose_date">
<i class="fas fa-info-circle"></i> {{ 'label.select_datetime_for_consultation'|trans }}
</div>
<div class="no_availability no_timeslots" style="display: none">
<i class="fas fa-info-circle"></i> {{ 'label.speaker_timeslots_not_found'|trans }}
</div>
<div class="order_consultation" id="cons_detail" style="display:none">
<div class="order_col">
{{ 'label.consultation_type_price'|trans }}
{# <select name="cons_type" id=" id="cons_type"">
<option value="price" selected>{{ 'label.consultation_type_price'|trans }}</option>
<option value="groupPrice">{{ 'label.consultation_type_groupPrice'|trans }}</option>
</select>#}
</div>
<div class="order_col">
{# <div class="promocode">
<input type="text" id="timeslots_promo_code" placeholder="{{ 'label.promo_if_exist'|trans }}"
name="promo"
data-speaker="{{ speaker.id }}" value="{{ promoVal|default('') }}"/>
</div> #}
<h5>{{ 'label.cost'|trans }}</h5>
<div class="table_order">
<label>
<em id="cons_name"></em>
<span id="cons_price"></span>
</label>
<label>
<em>{{ 'label.discount'|trans }}
<a href="#" class="tooltip_wrap" onclick="return false;"
{% if (promoVal|default('') == '') %}style="display: none"{% endif %}>
<i class="fas fa-info-circle"></i>
<div class="tooltip" id="cons_dis_desc"></div>
</a>
</em>
<span id="cons_dis_price">0</span>
</label>
<label>
<em>{{ 'label.total'|trans }}</em>
<span class="total" id="cons_total"></span>
</label>
</div>
<a href="#" class="btn all_w btn_xxl" id="btn_quick_order">{{ 'btn.quick_consultation_order'|trans }}</a>
{# <a href="#" class="btn all_w btn_xxl border_btn_nr"
id="btn_add_to_cart"><i>{{ 'btn.add_to_cart'|trans }}</i></a> #}
<div class="agree" style="display: none">
<label class="container">{{ 'label.agreement'|trans|format('#', '#')|raw }}
<input type="checkbox" checked id="agreement">
<span class="checkmark"></span>
</label>
</div>
</div>
</div>
</div>