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

{% block title %}New To Do List{% endblock %}

{% block body %}
    <h1 style="color: red">New: To Do List</h1>

    {{ include('todolist/_form.html.twig') }}

    <a class="btn btn-outline-primary btn-sm mt-2" href="{{ path('todolist_index') }}">Return to list</a>
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
    <script src="https://npmcdn.com/flatpickr/dist/l10n/fr.js"></script>
    <script>

        $(".datepicker").flatpickr({
            altInput: true,
            altFormat: "d F Y",
            time_24hr: false,
            enableTime: false,
            noCalendar: false,
            dateFormat: "Y-m-d H:i",
            minuteIncrement: 15
            //minDate: "today",
        });



    </script>
{% endblock javascripts %}