{% extends 'base.html.twig' %}

{% block title %}Visite Médicale{% endblock %}


{% block body %}
    <div class="content-page">
        <div class="content">
            <!-- Start Content-->
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">           

                            <h1>Ajouter une visite médicale{#} pour {{salarie.titre}} {{salarie.nom}} {{salarie.prenom}}#}</h1>

                                {{ form_start(form) }}

                                {% if not form.vars.valid %}
                                    <ul>
                                        {% for child in form.children %}
                                            {% for error in child.vars.errors %}
                                                <li>{{ error.message }}</li>
                                            {% endfor %}
                                        {% endfor %}
                                    </ul>
                                {% endif %}
                               
                                <div class="mb-3">
                            {{ form_label(form.salarie, null, {'label_attr': {'class': 'form-label'}}) }}
                            {{ form_widget(form.salarie, {'attr': {'class': 'form-select'}}) }}
                        </div>

                               <div class="mb-3">
                                {{ form_label(form.type, null, {'label_attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.type, {'attr': {'class': 'form-select'}}) }}
                                </div>
                            
                            <div class="row" style="margin-bottom:20px;">
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-6">
                                            {{ form_label(form.rendezVous, null, {'label_attr': {'class': 'form-label'}}) }}
                                            {{ form_widget(form.rendezVous, {'attr': {'class': 'form-select'}}) }}
                                        </div>
                                        <div class="col-6">
                                            {{ form_label(form.dateRendezVous, null, {'label_attr': {'class': 'form-label', 'style':'color:transparent'}}) }}
                                            {{ form_widget(form.dateRendezVous, {'attr': {'class': 'form-control', 'type': 'date', 'name': 'dateRendezVous'}}) }}
                                        </div>
                                    </div>
                                </div></div>
                           

                               <div class="mb-3">
                                    {{ form_label(form.dateDerniere, null, {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_widget(form.dateDerniere, {'attr': {'class': 'form-control', 'type': 'date', 'name': 'dateDerniere'}}) }}
                              </div>
                               

                                <div class="mb-3">
                                {{ form_label(form.etat, null, {'label_attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.etat, {'attr': {'class': 'form-select'}}) }}
                                </div>
                               
                                <div class="mb-3">
                                    {{ form_label(form.commentaire, null, {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_widget(form.commentaire, {'attr': {'class': 'form-control'}}) }}
                                </div>


                            <div class="col-12 text-center"> 
                                <button type="submit">Ajouter</button>
                                 {{ form_end(form) }}
                          <button class="retour-custom" onclick="retourPage(event);">
                <i class="ri-reply-line font-14"></i> Retour
            </button>
        </div>    
    </div>    
</div>   
</div>
</div>
</div> 
</div>          
{% endblock %}

{% block javascripts %}
 {{parent()}}
{% endblock %}