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

{% block title %}Secretariat{% endblock %}

{% block body %}
    <main class="container text-center mt-5">
        <img src="{{ asset('images/header.jpg') }}" width=40%">
        <h1 class="h3 mb-3 font-weight-normal">Espace Secretariat</h1>
        <form method="post">
            {% if app.user %}
                <div class="mb-3">
                    Vous êtes authentifié en tant que {{ app.user.username }}, <a href="{{ path('app_logout') }}">Se déconnecter</a>
                </div>
            {% endif %}
        </form>
        <input class="btn btn-primary" id="FP" type="button" value="Feuille paroissiale">
        <input class="btn btn-primary" id="STATS" type="button"  value="Statistiques">
        <input class="btn btn-primary" id="AGENDA" type="button"  value="Agenda">
    </main>
    <div class="jumbotron content" id="content">

    </div>
    <script>
        $(function() {
            $("#FP").on({
                click: function(){
                    location.assign("{{path('app.secretariat.fp')}}");
                }
            });
        });
    </script>

{% endblock %}