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

{% block title %}{{parent()}}: Nouveau compte-rendu{% endblock %}

{% block body %}
    {% include 'breadcrumb.html.twig' %}

    <div class="container-fluid">
        <div id="ui-view">
            <div>
                <div class="animated fadeIn">
                    <div class="row">
                        <div class="col-lg-8 mx-auto">
                            <div class="card">

                                <div class="card-header">
                                    <h4 class="d-inline-block m-0">Nouveau compte-rendu</h4>
                                </div>
                                <div class="card-body">
                                    {{ form_start(form, {'label':false}) }}
                                    <div class="row">
                                        <div class="col-lg-6">{{ form_row(form.numero) }}</div>
                                        <div class="col-lg-6">{# { form_row(form.active) } #}</div>

                                        <div class="col-lg-6">{{ form_row(form.date) }}</div>
                                        <div class="col-lg-6">{{ form_row(form.duree) }}</div>

                                        <div class="col-12">{{ form_row(form.objectifspedagogiques) }}</div>

                                        <div class="col-12 form-group row">
                                            <div class="col-lg-6">
                                                <h4>Remarques</h4>
                                                {{ form_row(form.activitesrealisees) }}
                                                {{ form_row(form.grammaire) }}
                                                {{ form_row(form.vocabulaire) }}
                                                {{ form_row(form.phonetique) }}
                                            </div>
                                            <div class="col-lg-6 bloc_bilan" style="border:dashed black 1px">
                                                <h4>Bilan
                                                    <i class="btn bouton_bilan fa fa-eye fa-lg m-0" title="Voir"
                                                       onclick="$('.contenu_bilan,.bouton_bilan').toggle()"></i>
                                                    <i class="btn contenu_bilan fa fa-eye-slash m-0  fa-lg" title="Masquer"
                                                       onclick="$('.contenu_bilan,.bouton_bilan').toggle()"></i>
                                                </h4>
                                                <div class="contenu_bilan">
                                                    {{ form_row(form.activitesrealiseesbilan) }}
                                                    {{ form_row(form.grammairebilan) }}
                                                    {{ form_row(form.vocabulairebilan) }}
                                                    {{ form_row(form.phonetiquebilan) }}
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-6">{{ form_row(form.supportutilise) }}</div>
                                        <div class="col-lg-6">{{ form_row(form.travailafaire) }}</div>

                                        <div class="col-lg-6">{{ form_row(form.commentaire) }}</div>
                                        <div class="col-lg-6">{{ form_row(form.dateprochaincours) }}</div>

                                    </div>
                                    {#
                                    {{ form_label(form.libelle, 'Libellé ') }}
                                    {{ form_widget(form.libelle, {'attr': {'class': 'form-control'}}) }}<br/>
                                    {{ form_errors(form.libelle) }}
                                    #}
                                    <div hidden="hidden">
                                    {{ form_row(form) }} {# autres champs, à cacher #}
                                    </div>
                                    <div>
                                        <input type="submit" value="Créer" class="btn btn-primary btn-flat m-b-30 m-t-30 float-right" />
                                    </div>
                                    {{ form_end(form) }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block body_before_end %}
    {{ parent() }}
    {{ tinymce_init() }}

    <!-- temporaire -->
    <script src="{{ asset('js/ns_rustine_tinymceinline.js') }}?{{ date().timestamp }}"></script>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        $(document).ready(function() {
            //génération: datetimepicker_widget.html.twig
            window.enable_flatpickr_formationbundle_compterendu_date();
            window.enable_flatpickr_formationbundle_compterendu_dateprochaincours();

            window.initTinyMCE();
            window.ns_renettoie_tinymce();
        });
    </script>
{% endblock %}