@extends('layouts.app')

@section('content')
<div class="container-fluid mb-5 pb-5 error">
    <div class="row mt-5">
        <div class="col-2">
            <img class="float-start conf-left" src="{{ asset('assets/images/confetisleft.png') }}" alt="{{ __('Confetis') }}">
        </div>
        <div class="col">
            <h1 class="text-center title">@yield('title')</h1>
            <p class="text-center subtitle">Erreur @yield('code'),  @yield('message')</p>
            <div class="text-center">
                <img class="img-fluid" src="{{ asset('assets/images/panneau.png') }}" alt="{{ __('Panneaux directions') }}">
            </div>
            <div class="d-flex flex-row justify-content-center align-items-end">
                <div>
                    <img class="img-fluid" src="{{ asset('assets/images/cyclistegauche.png') }}" alt="{{ __('Cycliste gauche') }}">
                </div>
                <div class="d-flex flex-column align-self-start">
                    <img class="img-fluid mx-auto" src="{{ asset('assets/images/flecheplain.png') }}" alt="{{ __('Flèche') }}">
                    <a class="bigButton yellowButton" href="{{route('home') }}">{{ __('Retour à la page d\'accueil') }}</a>
                </div>
                <div>
                    <img class="img-fluid" src="{{ asset('assets/images/cyclistedroit.png') }}" alt="{{ __('Cycliste droit') }}">
                </div>
            </div>
        </div>
        <div class="col-2">
            <img class="img-flip float-end conf-right" src="{{ asset('assets/images/confetisleft.png') }}" alt="{{ __('Confetis') }}">
        </div>
    </div>
</div>
@include('modules.banderolle')
<div id="content" class="">
</div>
@endsection