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

{% block title %}Panneau de gestion{% endblock %}
{% block navlink %}nav-admin{% endblock %}

{% block body %}
    <h1 class="wrap text-light font-h text-center">PANNEAU DE GESTION</h1>

    <div class="wrap">
        <div class="media-gallery">
            <section class="mh-4 d-grid">
                <h2 class="text-light middle text-center font-h">CHEVAUX ET ÉLEVEURS</h2>

                <div class="d-grid">
                    <a href="/cheval">
                        <button class="button button-black ml-auto mb-2">
                            Gérer les chevaux enregistrés
                        </button>
                    </a>
                </div>

                <div class="d-grid">
                    <a href="/panneau-de-gestion/eleveurs">
                        <button class="button button-black ml-auto mb-2">
                            Gérer les éleveurs de chevaux
                        </button>
                    </a>
                </div>
            <section>

            <section class="mh-4 d-grid">
                <h2 class="text-light middle text-center font-h">FIL D'ACTUALITÉS</h2>

                <div class="d-grid">
                    <a href="/actualite">
                        <button class="button button-black ml-auto mb-2">
                            Gérer les articles d'actualité
                        </button>
                    </a>
                </div>

                <div class="d-grid">
                    <a href="/panneau-de-gestion/categories">
                        <button class="button button-black ml-auto mb-2">
                            Gérer les catégories d'articles
                        </button>
                    </a>
                </div>
            </section>

            <section class="mh-4 d-grid">
                <h2 class="text-light middle text-center font-h">IMAGES ET VIDÉOS</h2>

                <div class="d-grid">
                    <a href="/image">
                        <button class="button button-black ml-auto mb-2">
                            Gérer les images enregistrées
                        </button>
                    </a>
                </div>

                <div class="d-grid">
                    <a href="/image">
                        <button class="button button-black ml-auto mb-2">
                            Gérer les vidéos enregistrées
                        </button>
                    </a>
                </div>
            </section>
        </div>
    </div>
{% endblock %}