@extends('layouts.master')
@section('title', '403 - Action interdite')
@section('css')
    <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
@endsection

@section('content')
    <!-- auth-page wrapper -->
    <div class="py-5 auth-page-wrapper d-flex justify-content-center align-items-center min-vh-100">

        <!-- auth-page content -->
        <div class="p-0 overflow-hidden auth-page-content">
            <div class="container-fluid">
                <div class="row justify-content-center">
                    <div class="text-center col-sm-4">
                        <div class="error-500 position-relative">
                            <img src="{{ URL::asset('build/images/403-Error.png') }}" alt="error-500" class="img-fluid">
                        </div>
                        <div>
                            <h3>Oups !!! Erreur 403, Action interdite.</h3>
                            <p class="mx-auto text-muted w-75">Vous n'avez pas l'autorisation pour accéder à ce contenu,
                                veuillez contacter votre administrateur.</p>
                            {{-- il faut le retourner d'ou il vient --}}
                            <a href="{{ url()->previous() }}" class="btn btn-primary"><i
                                    class="mdi mdi-arrow-left me-1"></i>Retour</a>
                            {{-- <a href="{{ Route('dashboard') }}" class="btn btn-success"><i class="mdi mdi-home me-1"></i>Retourner au tableau de bord</a> --}}
                        </div>
                    </div><!-- end col-->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end auth-page content -->
    </div>
    <!-- end auth-page-wrapper -->
@endsection