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

{% block title %}Nouvel évènement{% endblock %}

{% block body %}
    <section class="container">
        {% include 'utils/file.ariane.html.twig' %} 
        <h4>Nouvel évènement</h4>
        <hr/>
    
        {% include 'evenement/form.html.twig'  with {'form': form} %}
    </section>
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('fwk/datetimepicker-master/build/jquery.datetimepicker.min.css') }}" rel="stylesheet"/>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('fwk/datetimepicker-master/build/jquery.datetimepicker.full.min.js') }}"></script>
    <script>
        $( document ).ready(function() {
             $('.js-datepicker').datetimepicker({
                format: 'd-m-Y H:i',
                monthChangeSpinner:true,
                closeOnDateSelect:false,
                closeOnTimeSelect:true,
                closeOnWithoutClick:true,
                closeOnInputClick:true,
                openOnFocus:true, 
                timepicker:true,
                datepicker:true,
                weeks:false,
                withoutCopyright:true,
                inverseButton:false,
                hours12:false,
                next:'xdsoft_next',
                prev :'xdsoft_prev',
                dayOfWeekStart: 0,
                todayButton:true,
                prevButton:true,
                nextButton:true
            });
        });
    </script>
{% endblock %}