@extends('layouts.app')

@section('title', 'Tableau de bord')

@section('side_bar')
@include('layouts.admin.side_bar_dashboard')
@endsection

@section('content')

<div class="container">
        <h4 class="mb-4">Accueil</h4>


        <ul class="nav nav-pills-primary-border-start flex-column">
            <a class="card-body px-0 pb-0" href="{{route('categories.index')}}">
                <div class=" nav-link position-relative d-md-flex align-items-center bg-opacity-10 shadow mb-4 p-4">
                    <h2 class="fs-1 mb-0 me-3"> <img class="avatar-img rounded-circle border border-2 border-white logo-menu" src="{{asset('img/admin/btn_categories.webp')}}" alt=""></h2>
                    <div class="me-md-3 mb-3 mb-md-0">
                        <h6 class="mb-1">Catégories</h6>
                        <p class="mb-0 small">Gérer vos catégories d'article</p>
                    </div>
                </div>
            </a>


            <a class="card-body px-0 pb-0" href="{{route('pages.index')}}">
                <div class=" nav-link position-relative d-md-flex align-items-center bg-opacity-10 shadow mb-4 p-4">
                    <h2 class="fs-1 mb-0 me-3"> <img class="avatar-img rounded-circle border border-2 border-white logo-menu" src="{{asset('img/admin/btn_articles.webp')}}" alt=""></h2>
                    <div class="me-md-3 mb-3 mb-md-0">
                        <h6 class="mb-1">Articles</h6>
                        <p class="mb-0 small">Gérer vos articles de presse et d'actu</p>
                    </div>
                </div>
            </a>

            <a class="card-body px-0 pb-0" href="{{route('recipes.index')}}">
                <div class=" nav-link position-relative d-md-flex align-items-center bg-opacity-10 shadow mb-4 p-4">
                    <h2 class="fs-1 mb-0 me-3"> <img class="avatar-img rounded-circle border border-2 border-white logo-menu" src="{{asset('img/admin/btn_recipe.webp')}}" alt=""></h2>
                    <div class="me-md-3 mb-3 mb-md-0">
                        <h6 class="mb-1">Recettes</h6>
                        <p class="mb-0 small">Gérer vos recettes de cuisine</p>
                    </div>
                </div>
            </a>


        </ul>
    </div>
</div>
@endsection