{% block checkbox_widget %}
<div class="d-grid my-2">
    <input type="checkbox" class="btn-check" id="{{form.vars.id}}" autocomplete="off" name="{{form.vars.full_name}}"
        value="{{form.vars.value}}">
    <label class="btn btn-primary rounded-4 col-10 mx-auto" for="{{form.vars.id}}">{{form.vars.label}}</label>
</div>
{% endblock %}

{% block radio_widget %}
<div class="d-grid my-2">
    <input type="radio" class="btn-check" id="{{form.vars.id}}" autocomplete="off" name="{{form.vars.full_name}}"
        value="{{form.vars.value}}">
    <label class="btn btn-primary rounded-4 col-10 mx-auto" for="{{form.vars.id}}">{{form.vars.label}}</label>
</div>
{% endblock %}
{# {% block _prestation_reccurenceDates_entry_date_widget %}   
    <button type="button" class="btn btn-primary rounded-4">{{ ux_icon('mdi:calendar', {width:32, height:32 }) }}</button> 
    {{ form_widget(form) }} 
    <twig:DateSelectorComponent  />
{% endblock %} #}
{% block _prestation_rendezVous_entry_options_widget %} 
<div class="row"> 
    {% for child in form.children %}        
    <input type="checkbox" class="btn-check" id="{{child.vars.id}}" autocomplete="off" name="{{child.vars.full_name}}" value="{{child.vars.value}}">
    <label class="btn btn-outline-primary rounded-4 col-6" for="{{child.vars.id}}">{{child.vars.label}}</label>
    {% endfor %}
</div>
{% endblock %}
{% block _prestation_forfait_widget %}
<div class="d-flex">
    {% for child in form.children %}
    <div class="card d-flex flex-column justify-content-between rounded-4 p-4 col-8 mx-2 text-center border-primary shadow">
        <p class="text-center"><span class="badge text-light bg-fc rounded-circle fs-4">{{
                ux_icon('material-symbols:star',{width:64,height:64}) }}</span></p>
        <p>{{ ('prestation.description.' ~ child.vars.attr['data-type'])|trans }}</p>
        {{form_widget(child)}}
         <p class="fw-bold text-primary"> {{child.vars.attr['data-duree']}} min - {{(child.vars.attr['data-price'] / 100)|number_format(2, '.', ',')}} €</p>
    </div>
    {% endfor %}
</div>
{% endblock %}

{% block _support_note_widget %}
{% for key, child in form.children %}
<input type="radio" class="btn-check feedbackNote" id="{{child.vars.id}}" autocomplete="off" name="{{child.vars.full_name}}"
    value="{{child.vars.value}}" data-key="{{key}}">
<label class="btn btn-stars rounded-4" for="{{child.vars.id}}">{{ ux_icon('material-symbols:star-rounded', { width: 64, height: 64  }) }}</label>
{% endfor %}
{% endblock %}