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


{% block title %} | Enregistrer un suivi {% endblock %}

{% block body %}
 
    <!-- ==========Course Curriculum Section start Here========== -->
    <div class="coursedetails coursedetails--style2 padding-top padding-bottom brand1-bg-1" style="margin-top:100px">
        <div class="container" data-aos="fade-up" data-aos-duration="800">
            <div class="coursedetails__wrapper">

                {% for message in app.flashes('success') %}
                    <div class="row g-5">
                        <div class="col-xl-12">
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                {{ message }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                        </div>
                    </div>
                {% endfor %}

                {% for message in app.flashes('error') %}
                    <div class="row g-5">
                        <div class="col-xl-12">
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                {{ message }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                        </div>
                    </div>
                {% endfor %}

                <div class="coursedetails__header">
                    <h3>Journal de bord d'un enfant</h3>
                    <div class="coursedetails__info">
                        <div class="coursedetails__info-item">
                            <h6>{{ "now"|date('d') }}</h6>
                            <span>
                                {{ "now"|format_datetime(pattern="EEEE") }}
                            </span>
                        </div>
                        <div class="coursedetails__info-item">
                            <h6>{{ "now"|date('m') }}</h6>
                            <span>
                                {{ "now"|format_datetime(pattern="MMMM") }}
                            </span>
                        </div>
                        <div class="coursedetails__info-item">
                            <h6>{{ "now"|date('y') }}</h6>
                            <span>{{ "now"|date('Y') }}</span>
                        </div>
                    </div>
                </div>

                <div class="coursedetails__curriculum">
                    <div class="accordion" id="faqAccordion2">
                    
                        <div class="row g-4">

                            <!-- Alimentation -->
                            <div class="col-12">
                                <div class="accordion__item">
                                    <div class="accordion__header" id="faq1">
                                        <button class="accordion__button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqBody1" aria-expanded="false" aria-controls="faqBody1">
                                            <span class="lesson-name">Alimentation</span> 
                                            <span class="lesson">
                                                <span class="lesson-number">Alimentation de l'enfant</span> 
                                                <span class="plus-icon"></span> 
                                            </span>
                                        </button>
                                    </div>
                                    <div id="faqBody1" class="accordion-collapse collapse" aria-labelledby="faq1" data-bs-parent="#faqAccordion1">
                                        <div class="accordion__body">
                                            <div class="col-lg-12" data-aos="fade-left" data-aos-duration="800">
                                                <div class="contact__form">
                                                    {{ form_start(formAlimentation, {'attr': {'class': 'account__form'}}) }}
                                                        <div class="row g-4">
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formAlimentation.enfant) }}
                                                                    {{ form_errors(formAlimentation.enfant) }}
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formAlimentation.heure) }}
                                                                    {{ form_errors(formAlimentation.heure) }}
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formAlimentation.quantite) }}
                                                                    {{ form_errors(formAlimentation.quantite) }}
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formAlimentation.remarque) }}
                                                                    {{ form_errors(formAlimentation.remarque) }}
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-12">
                                                                <button type="submit" class="trk-btn trk-btn--rounded trk-btn--secondary1">Enregistrer alimentation</button>
                                                            </div>
                                                        </div>

                                                    {{ form_end(formAlimentation) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Sommeil -->
                            <div class="col-12">
                                <div class="accordion__item">
                                    <div class="accordion__header" id="faq2">
                                        <button class="accordion__button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqBody2" aria-expanded="false" aria-controls="faqBody2">
                                            <span class="lesson-name">Sommeil / Repos</span> 
                                            <span class="lesson">
                                                <span class="lesson-number">Sommeil et repos</span> 
                                                <span class="plus-icon"></span> 
                                            </span>
                                        </button>
                                    </div>
                                    <div id="faqBody2" class="accordion-collapse collapse" aria-labelledby="faq2" data-bs-parent="#faqAccordion1">
                                        <div class="accordion__body">
                                            <div class="col-lg-12" data-aos="fade-left" data-aos-duration="800">
                                                <div class="contact__form">
                                                    {{ form_start(formSommeil, {'attr': {'class': 'account__form'}}) }}
                                                        <div class="row g-4">
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formSommeil.enfant) }}
                                                                    {{ form_errors(formSommeil.enfant) }}
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-6">
                                                                <div class="input-group">
                                                                    {{ form_widget(formSommeil.heureDebut) }}
                                                                    {{ form_errors(formSommeil.heureDebut) }}
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="input-group">
                                                                    {{ form_widget(formSommeil.heureFin) }}
                                                                    {{ form_errors(formSommeil.heureFin) }}
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formSommeil.qualite) }}
                                                                    {{ form_errors(formSommeil.qualite) }}
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="col-lg-12">
                                                                <button type="submit" class="trk-btn trk-btn--rounded trk-btn--secondary1">Enregistrer sommeil</button>
                                                            </div>
                                                        </div>

                                                    {{ form_end(formSommeil) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Hygiène et santé -->
                            <div class="col-12">
                                <div class="accordion__item">
                                    <div class="accordion__header" id="faq2">
                                        <button class="accordion__button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqBody3" aria-expanded="false" aria-controls="faqBody3">
                                            <span class="lesson-name">Hygiène & Santé</span> 
                                            <span class="lesson">
                                                <span class="lesson-number">Hygiène et santé de l'enfant</span> 
                                                <span class="plus-icon"></span> 
                                            </span>
                                        </button>
                                    </div>
                                    <div id="faqBody3" class="accordion-collapse collapse" aria-labelledby="faq3" data-bs-parent="#faqAccordion1">
                                        <div class="accordion__body">
                                            <div class="col-lg-12" data-aos="fade-left" data-aos-duration="800">
                                                <div class="contact__form">
                                                    {{ form_start(formHygiene, {'attr': {'class': 'account__form'}}) }}
                                                        <div class="row g-4">

                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formHygiene.enfant) }}
                                                                    {{ form_errors(formHygiene.enfant) }}
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formHygiene.changes) }}
                                                                    {{ form_errors(formHygiene.changes) }}
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formHygiene.particularite) }}
                                                                    {{ form_errors(formHygiene.particularite) }}
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formHygiene.etat) }}
                                                                    {{ form_errors(formHygiene.etat) }}
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-12">
                                                                <button type="submit" class="trk-btn trk-btn--rounded trk-btn--secondary1">Enregistrer hygiène et santé</button>
                                                            </div>
                                                        </div>

                                                    {{ form_end(formHygiene) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Activité -->
                            <div class="col-12">
                                <div class="accordion__item">
                                    <div class="accordion__header" id="faq4">
                                        <button class="accordion__button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqBody4" aria-expanded="false" aria-controls="faqBody4">
                                            <span class="lesson-name">Activités pédagogiques et ludiques</span> 
                                            <span class="lesson">
                                                <span class="lesson-number">Activités pédagogiques</span> 
                                                <span class="plus-icon"></span> 
                                            </span>
                                        </button>
                                    </div>
                                    <div id="faqBody4" class="accordion-collapse collapse" aria-labelledby="faq4" data-bs-parent="#faqAccordion1">
                                        <div class="accordion__body">
                                            <div class="col-lg-12" data-aos="fade-left" data-aos-duration="800">
                                                <div class="contact__form">
                                                    <!-- account form -->
                                                    {{ form_start(formActivite, {'attr': {'class': 'account__form'}}) }}
                                                        <div class="row g-4">
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formActivite.enfant) }}
                                                                    {{ form_errors(formActivite.enfant) }}
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formActivite.theme) }}
                                                                    {{ form_errors(formActivite.theme) }}
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formActivite.competence) }}
                                                                    {{ form_errors(formActivite.competence) }}
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formActivite.participation) }}
                                                                    {{ form_errors(formActivite.participation) }}
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="col-lg-12">
                                                                <button type="submit" class="trk-btn trk-btn--rounded trk-btn--secondary1">Enregistrer activités</button>
                                                            </div>
                                                        </div>

                                                    {{ form_end(formActivite) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Socialisation -->
                            <div class="col-12">
                                <div class="accordion__item">
                                    <div class="accordion__header" id="faq5">
                                        <button class="accordion__button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqBody5" aria-expanded="false" aria-controls="faqBody5">
                                            <span class="lesson-name">Socialisation et comportement</span> 
                                            <span class="lesson">
                                                <span class="lesson-number">Socialisation de l'enfant</span> 
                                                <span class="plus-icon"></span> 
                                            </span>
                                        </button>
                                    </div>
                                    <div id="faqBody5" class="accordion-collapse collapse" aria-labelledby="faq5" data-bs-parent="#faqAccordion1">
                                        <div class="accordion__body">
                                            <div class="col-lg-12" data-aos="fade-left" data-aos-duration="800">
                                                <div class="contact__form">
                                                    {{ form_start(formSocialisation, {'attr': {'class': 'account__form'}}) }}
                                                        <div class="row g-4">

                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formSocialisation.enfant) }}
                                                                    {{ form_errors(formSocialisation.enfant) }}
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formSocialisation.relationEnfant) }}
                                                                    {{ form_errors(formSocialisation.relationEnfant) }}
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formSocialisation.relationAdulte) }}
                                                                    {{ form_errors(formSocialisation.relationAdulte) }}
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formSocialisation.humeur) }}
                                                                    {{ form_errors(formSocialisation.humeur) }}
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-12">
                                                                <button type="submit" class="trk-btn trk-btn--rounded trk-btn--secondary1">Enregistrer socialisation et comportement</button>
                                                            </div>
                                                        </div>

                                                        
                                                    {{ form_end(formSocialisation) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Media -->
                            <div class="col-12">
                                <div class="accordion__item">
                                    <div class="accordion__header" id="faq6">
                                        <button class="accordion__button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqBody6" aria-expanded="false" aria-controls="faqBody6">
                                            <span class="lesson-name">Médias</span> 
                                            <span class="lesson">
                                                <span class="lesson-number">images et vidéos de l'enfant</span> 
                                                <span class="plus-icon"></span> 
                                            </span>
                                        </button>
                                    </div>
                                    <div id="faqBody6" class="accordion-collapse collapse" aria-labelledby="faq6" data-bs-parent="#faqAccordion1">
                                        <div class="accordion__body">
                                            <div class="col-lg-12" data-aos="fade-left" data-aos-duration="800">
                                                <div class="contact__form">
                                                    {{ form_start(formGalerie, {'attr': {'class': 'account__form'}}) }}
                                                        <div class="row g-4">

                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formGalerie.enfant) }}
                                                                    {{ form_errors(formGalerie.enfant) }}
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formGalerie.photo) }}
                                                                    {{ form_errors(formGalerie.photo) }}
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formGalerie.video) }}
                                                                    {{ form_errors(formGalerie.video) }}
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-12">
                                                                <button type="submit" class="trk-btn trk-btn--rounded trk-btn--secondary1">Enregistrer image/vidéo</button>
                                                            </div>

                                                        </div>
                                                        
                                                    {{ form_end(formGalerie) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Commentaires -->
                            <div class="col-12">
                                <div class="accordion__item">
                                    <div class="accordion__header" id="faq7">
                                        <button class="accordion__button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqBody7" aria-expanded="false" aria-controls="faqBody7">
                                            <span class="lesson-name">Commentaires spécifiques de l'éducatrice</span> 
                                            <span class="lesson">
                                                <span class="lesson-number">Commentaire</span> 
                                                <span class="plus-icon"></span> 
                                            </span>
                                        </button>
                                    </div>
                                    <div id="faqBody7" class="accordion-collapse collapse" aria-labelledby="faq7" data-bs-parent="#faqAccordion1">
                                        <div class="accordion__body">
                                            <div class="col-lg-12" data-aos="fade-left" data-aos-duration="800">
                                                <div class="contact__form">
                                                    {{ form_start(formCommentaire, {'attr': {'class': 'account__form'}}) }}
                                                        <div class="row g-4">

                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formCommentaire.enfant) }}
                                                                    {{ form_errors(formCommentaire.enfant) }}
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formCommentaire.observation) }}
                                                                    {{ form_errors(formCommentaire.observation) }}
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formCommentaire.points) }}
                                                                    {{ form_errors(formCommentaire.points) }}
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-12">
                                                                <div class="input-group">
                                                                    {{ form_widget(formCommentaire.commentaire) }}
                                                                    {{ form_errors(formCommentaire.commentaire) }}
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="col-lg-12">
                                                                <button type="submit" class="trk-btn trk-btn--rounded trk-btn--secondary1">Enregistrer Commentaires</button>
                                                            </div>
                                                        </div>

                                                        
                                                    {{ form_end(formCommentaire) }}
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}