{% 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>Modifier Visite Médicale {{ 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">
                            Date de la dernière visite médicale effectuée:
                            {% if visite.etat == 'fait' %}
                                {{ visite.dateDerniere|date('d/m/Y') }}
                            {% endif %}
                        </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.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">Modifier</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 %}