{% extends 'base.html.twig' %}
{% block menuTop %}
{{ include('projet/_menuTop.html.twig') }}
{% endblock %}
{% block menuMiddle %}
{{ include('projet/_menuMiddle.html.twig') }}
{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href={{ asset('assets/css/style.css') }}>
    <link rel="stylesheet" href={{ asset('assets/css/projet/navTop.css') }}>
    <link rel="stylesheet" href={{ asset('assets/css/projet/navMiddle.css') }}>
    <link rel="stylesheet" href={{ asset('assets/css/projet/style.css') }}>
{% endblock %}
{% block title %}{{titlePage}}{% endblock %}

{% block body %}

<div class="modal fade" id="newProjetModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5 colorProjet " id="exampleModalLabel">Projet</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                {{ form_start(form) }}
                {{ form_label(form.name, 'Nom') }}
                {{ form_widget(form.name) }}
                {{ form_label(form.priorite) }}
                {{ form_widget(form.priorite) }}
                {{ form_label(form.type, 'Type') }}
                {{ form_widget(form.type) }}

            </div>
            <div class="modal-footer">
                <a href={{ path("app_projet_index") }}>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" >fermer</button>
                </a>
                <button type="button submit" class="btn btn-success">Ajouter</button>
                {{ form_end(form) }}
            </div>
        </div>
    </div>
</div>


<script>
    document.addEventListener('DOMContentLoaded', function () {
        var myModal = new bootstrap.Modal(document.getElementById('newProjetModal'));
        myModal.show();
    });
</script>


{% endblock %}