@extends('layout.template')

@section('title', 'Erreur !')

@section('page_breadcrumb')
    <div class="col col-xs-12 justify-content-start d-flex align-items-center">
        <h5 class="font-weight-medium text-uppercase mb-0"> IMPRESSION: ATTESTATION/RELEVÉ </h5>
    </div>
@endsection

@section('content')
    <div class="p-5" style="height: 100% background-color:none">
        
        <div class="card" style="border: solid #cfcfcf 0.07em; box-shadow: -2px 2px 7px #cfcfcf">
            <div class="card-header bg-danger d-flex align-items-center"
                style="border-bottom: solid #cfcfcf 0.02em;">
                <h4 class="card-title text-dark">Oops! Erreur dans le traitement</h4>
                <div class="card-actions ms-auto d-flex button-group">
                    <a class="mb-0 link d-flex align-items-center pe-0" style="color: #cfcfcf;"
                        data-action="">
                        <i data-feather="x" class="feather-sm"></i>
                    </a>
                </div>
            </div>
            <div class="card-body collapse show text-center">
                <p class="card-text text-danger">Pas de résultat pour la requête demandée. Il est possible que vous ayez entré un matricule inexistant, une mauvaise filière ou une mauvaise année académique. <br/>Veuillez revoir les informations que vous avez entrées et réessayer. Bien vouloir cliquer sur retour pour une autre recherche.</p>
            </div>
            <hr>
            <div class="ms-auto ">
                <a href={{ route('index') }} ><button class="btn btn-info" style="margin-right: 15px; margin-bottom: 15px">Retour</button></a>
            </div>
        </div>
    </div>
                       
@endsection