{% extends 'layout.html.twig' %}
 {% block stylesheets %}
     {{ encore_entry_link_tags('app') }}
 {% endblock %}

    {% block javascripts_header %}
        {{ encore_entry_script_tags('app') }}
        {{ encore_entry_script_tags('determination') }}
    {% endblock %}

{% block body %}
    {% include "module/_title.html.twig" %}
    <div class="shadow mt-4">
        {% include "module/_menu.html.twig" %}
        {% for message in app.flashes('info') %}
            <div class="alert alert-warning">
                {{ message }}
            </div>
        {% endfor %}
        <div class="row ">

            <div class="col-lg-12 form">
                {{ form_start(form, {'attr': {'class': 'form form-horizontal','id':"formdetermination",'autocomplete':'off'}}) }}
                <div class="bodyZone bg-white">

                    <div class="row">
                        <div class="bg-light form-group col-7 pt-5 ml-3">
                            <div class="form-row ml-4">
                                <div class="form-group  form-group-lg ">

                                    {{ form_label(form.nom,'Nom du produit  ', {'label_attr': {'class': 'control-label required'}}) }}
                                    {{ form_widget(form.nom, {'id' : 'nom', 'attr': { 'class': 'form-control input-lg',}}) }}
                                    {{ form_errors(form.nom) }}
                                </div>
                            </div>
                            <div class="form-row ml-4">
                                <div class="form-group  form-group-lg">
                                    {{ form_widget(form._token) }}
                                    {{ form_label(form.dispositif,'Le produit ou la technologie est-elle éligible DM *', {'label_attr': {'class': 'control-label '}}) }}
                                    {{ form_widget(form.dispositif, {'id' : 'dispositif', 'attr': { 'class': 'form-control required  input-lg '}}) }}

                                    {{ form_errors(form.dispositif,{'attr':{'class':'error'}}) }}

                                </div>

                            </div>
                            <div class="form-row ml-4">
                                <div class="form-group  form-group-lg ">
                                    {{ form_label(form.classification,'Classification DM *', {'label_attr': {'class': 'control-l abel'}}) }}
                                    {{ form_widget(form.classification, {'id' : 'classification', 'attr': { 'class': 'form-control required  input-lg'}}) }}
                                    {{ form_errors(form.classification,{'attr':{'class':'error'}}) }}
                                </div>


                            </div>
                            <div class="form-row ml-4">
                                <div class="form-group  form-group-lg ">
                                    {{ form_label(form.titreLPPR,'Titre LPPR *', {'label_attr': {'class': 'control-l abel'}}) }}
                                    {{ form_widget(form.titreLPPR, {'id' : 'titreLPPR', 'attr': { 'class': 'form-control required  input-lg'}}) }}
                                    {{ form_errors(form.titreLPPR,{'attr':{'class':'error'}}) }}
                                </div>

                            </div>
                            <div class="form-row ml-4">
                                <div class="form-group  form-group-lg ">

                                    {{ form_label(form.marquageCE,'Date de marquage CE  *', {'label_attr': {'class': 'control-label required'}}) }}
                                    <div class="input-group date" data-provider="datepicker">
                                        {{ form_widget(form.marquageCE, {'id' : 'marquage_ce', 'attr': { 'class': 'form-control date input-lg','placeholder':'jj/mm/aaaa'}}) }}
                                        <div class="input-group-addon">
                                            <span class="glyphicon glyphicon-th"></span>
                                        </div>
                                    </div>
                                    {{ form_errors(form.marquageCE) }}
                                </div>
                            </div>

                        </div>
                        <div class="bg-light col-3  opacity-8">
                            <h4 class="mb-5 mt-5 bleupastel border-bottom pb-2"><i class="far fa-question-circle"></i>
                                Aide à la définition</h4>
                            <div class="form-group form-group-lg mb-4">

                                <a href="#" id="btndeterminationDM"
                                   class="btn btn-bleupastel w-100 determinationDM text-left" data-toggle="modal"
                                   data-target="#determinationDM">
                                    <i class="fas fa-layer-group "></i> Définition d'éligibilité d'un DM</a>

                            </div>
                            <div class="form-group form-group-lg mb-4">
                                <a href="#" id="btnclassificationDM"
                                   class="btn btn-vertpastel w-100 questionClasse text-left" data-toggle="modal"
                                   data-target="#classificationDM">
                                    <i class="fas fa-layer-group "></i> Déterminer Classification DM</a>
                            </div>
                            <div class="form-group form-group-lg">
                                <a href="#" id="btntitreLppr" class="btn btn-rougepastel w-100 questionTitre text-left"
                                   data-toggle="modal"
                                   data-target="#titreLppr">
                                    <i class="fas fa-layer-group "></i> Déterminer Titre LPPR</a>
                            </div>
                            {% if form_innovation is not empty %}
                                <div class="form-group form-group-lg">

                                    <button type="button" class="btn btn-commanditaire opacity-6 w-100 text-left"
                                            data-toggle="modal"
                                            data-target="#dialogInnovation2">
                                        <i class="fas fa-layer-group "></i> Vérifier l'éligibilité au Forfait Innovation
                                    </button>
                                    {% if eligible_forfait is not empty %}
                                    {% if eligible_forfait == 0 %}
                                        <div class="text-danger p-2"><i class="fa fa-exclamation-triangle"></i>
                                            Le Dispositif Médical n'est pas éligible au forfait innovation
                                        </div>
                                    {% else %}
                                        <div class="text-success p-2"><i class="fa fa-check"></i> Le Dispositif
                                            Médical est éligible au forfait innovation
                                        </div>
                                    {% endif %}
                                    {% endif %}
                                </div>
                            {% endif %}
                        </div>
                    </div>

                    <div id="contenu_question"></div>
                    <div id="html_element"></div>
                    <div id="error_element"></div>
                    <div class="row col-sm-10 ">
                        <div class="center m-auto">
                            <a href="{{ path('accueil') }}" class=" btn btn-secondary mr-5"><i
                                        class="fas fa-undo"></i> Retour</a>
                            <button type="submit" class=" btn btn-success"><i class="fas fa-check"></i> Enregistrer
                            </button>
                        </div>

                    </div>
                    <hr class="mb-4">


                </div>
                {{ form_end(form, {'render_rest': false}) }}<!-- fin div.form -->
            </div>
        </div>
        <div class="modal fade bottom" id="determinationDM" tabindex="-1" role="dialog"
             aria-labelledby="determiantionLabel"
             aria-hidden="true">
            {% include "mission/_eligibilite_dm.html.twig" %}

        </div>
        <div class="modal fade bottom" id="classificationDM" tabindex="-1" role="dialog"
             aria-labelledby="classificationDMLabel"
             aria-hidden="true">
            {% include "mission/_eligibilite_classe.html.twig" %}
        </div>
        <div class="modal fade bottom" id="titreLppr" tabindex="-1" role="dialog"
             aria-labelledby="dialogTitreLabel"
             aria-hidden="true">
          {% include "mission/_eligibilite_lppr.html.twig" %}
        </div>
        {% if form_innovation is not empty %}
            {% include "mission/_forfait_innovation.html.twig" %}
        {% endif %}
    </div>
{% endblock %}