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

{% block title %}Evènement{% endblock %}

{% block customNavigation %}
    {% include "base/nav-teacher.html.twig" %}
{% endblock %}

{% block body %}
    

    <div class="row col-12">
        <div class="col-6 well" style="padding:3%">
            <h2>Informations</h2>
            <hr />
            {{ form(event_form) }}
        </div>
        <div class="col-6" style="padding:5%" align="center">
            {% if event.image != "" %}
                <img src="{{ event.image }}" alt="Mon image" width="100%" height="auto"/>
            {% endif %}
        </div>
    </div>


    <script>
        $(document).ready(function() {
            // you may need to change this code if you are not using Bootstrap Datepicker
            $('.js-datepicker').datepicker({
                format: 'dd-mm-yyyy'
            });
        });
    </script>
    


{% endblock %}