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

{% block title %}{{parent()}}: Ajout d'un exercice{% endblock %}

{% block body %}
    {% include 'breadcrumb.html.twig' %}
    {#{{ dump() }}#}
    <div class="container-fluid">
        <div id="ui-view">
            <div>
                <div class="animated fadeIn">
                    <div class="row">
                        <div class="col-12 col-xl-10 mx-auto">

                            <div class="card ">
                                <div class="card-header">
                                    <h4 class="d-inline-block m-0">Ajouter un composant</h4>
                                </div>
                                <div class="card-body">
                                    {% include '@Courses/Exercices/create_inner.html.twig' with {'popin': false} %}
                                </div>

                                <div class="card-footer">
                                    <button data-target="submit"
                                        onclick="window.submitFormIfValid($('form#form_courses_composant'))"
                                        class="btn btn-primary btn-flat m-b-30 m-t-30 col-2 float-right">
                                        Créer
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock body %}

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

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

    <!-- HTML POUR POPPIN -->
    {% include 'generic_popin.html.twig' with {
        'contenu': '__CONTENU__',
        'titre': '__TITRE__',
        'show_validate_popin' : false,
        'show_cancel_popin' : false,
        'wide': true,
        'suffixe_id': '_media'
    } only %}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/themes/default/style.min.css" />
    <link href="{{ asset('css/ns_courses_composants.css') }}" rel="stylesheet" >
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="//cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/jstree.min.js"></script> {# pour la galerie de media, filtre par catégorie #}
    <script src="{{ asset('js/ns_scripts.js') }}?{{ date().timestamp }}"></script>
    <script src="{{ asset('js/courses_media_gallery.js') }}?{{ date().timestamp }}"></script>
    <script src="{{ asset('js/courses_media_createedit.js') }}?{{ date().timestamp }}"></script>
    <script src="{{ asset('js/courses_composants_createedit.js') }}?{{ date().timestamp }}"></script>
    <script type="text/javascript">

        window.exercice = {};

        jQuery(document).ready(function () {
            window.enableAjaxButtonsExercices();
        });

        window.enableAjaxButtonsQcm();

        window.PATH_MEDIA_PREVIEW = "{{ path('courses_media_show', {'id': '__media_id__', 'preview': true}) }}";
        window.PATH_MEDIA_CATEGORY_FILTER = "{{ path('courses_mediacategorie_jstreedata') }}";

    </script>
{% endblock javascripts %}