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

{% block title %}Expense: {{ expense.employee }}{% endblock %}

{% block body %}
    <h1 class="text-danger">{{ expense.employee }} ({{ expense.expenseCategory }})</h1>

    {{ include('expense/_form.html.twig', {'button_label': 'Update'}) }}

    <a class="btn btn-outline-success" href="{{ path('expense_index') }}">Return to list</a>

    {{ include('expense/_delete_form.html.twig') }}
{% 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: "F Y",
            {#defaultDate: "{{ expensemonth.format('Y-m-d H:i:s') }}",#}
            time_24hr: true,
            enableTime: false,
            noCalendar: false,
            dateFormat: "Y-m-d H:i",
            minuteIncrement: 15
            //minDate: "today",
        });


    </script>
{% endblock javascripts %}