@extends('layout.mainlayout')

@section('content')

    <main class="page-main notific" style="min-height:450px">
        <div class="page-title">
            <div class="container">
                <h3 class="h5">{{trans("web.notifications")}}</h3>
            </div>
        </div> <!-- End Page Title -->
        <div class="container">
            <!-- Start Main Notifications Div -->
            <div class="main-notifications">
                <div class="sec-boxes" style="border-bottom: none;padding-bottom:10px">
                    <div class="row" style="text-align: center">
                        <div class="col">
                            <img style="width: 100px;margin-top:10px;" src="/img/no-notification.png" />
                        </div>
                    </div>
                </div>
                <div class="sec-boxes" style="border-bottom: none;">
                    <div class="row" style="text-align: center">
                        <div class="col">
                            <h3 class="sec-title mb-2 mb-sm-0 mx-2">{{trans("web.no_notifications")}}</h3>
                        </div>
                    </div> <!-- End Section Row -->
                </div> <!-- End Section Boxes -->
                {{--<ul class="all-notifications">
                    <li class="single-notoficatoin d-flex justify-content-between align-items-center booked">
                        <p class="noti-name">Athletics Examinations status <a href="#" class="link">Appointment <br class="d-none d-sm-block"> Booked</a></p>
                        <span class="bi bi-chevron-right d-inline-block icon"></span>
                    </li> <!-- Single Notificatoin -->
                    <li class="single-notoficatoin d-flex justify-content-between align-items-center collected">
                        <p class="noti-name">Athletics Examinations status <a href="#" class="link">Appointment <br class="d-none d-sm-block"> Collected</a></p>
                        <span class="bi bi-chevron-right d-inline-block icon"></span>
                    </li> <!-- Single Notificatoin -->
                    <li class="single-notoficatoin d-flex justify-content-between align-items-center analyzed">
                        <p class="noti-name">Athletics Examinations status <a href="#" class="link">Appointment <br class="d-none d-sm-block"> Analyzed</a></p>
                        <span class="bi bi-chevron-right d-inline-block icon"></span>
                    </li> <!-- Single Notificatoin -->
                    <li class="single-notoficatoin d-flex justify-content-between align-items-center ready">
                        <p class="noti-name">Athletics Examinations status <a href="#" class="link">Appointment <br class="d-none d-sm-block"> Ready</a></p>
                        <span class="bi bi-chevron-right d-inline-block icon"></span>
                    </li> <!-- Single Notificatoin -->
                    <li class="single-notoficatoin d-flex justify-content-between align-items-center booked">
                        <p class="noti-name">Athletics Examinations status <a href="#" class="link">Appointment <br class="d-none d-sm-block"> Booked</a></p>
                        <span class="bi bi-chevron-right d-inline-block icon"></span>
                    </li> <!-- Single Notificatoin -->
                    <li class="single-notoficatoin d-flex justify-content-between align-items-center booked">
                        <p class="noti-name">Athletics Examinations status <a href="#" class="link">Appointment <br class="d-none d-sm-block"> Booked</a></p>
                        <span class="bi bi-chevron-right d-inline-block icon"></span>
                    </li> <!-- Single Notificatoin -->
                    <li class="single-notoficatoin d-flex justify-content-between align-items-center booked">
                        <p class="noti-name">Athletics Examinations status <a href="#" class="link">Appointment <br class="d-none d-sm-block"> Booked</a></p>
                        <span class="bi bi-chevron-right d-inline-block icon"></span>
                    </li> <!-- Single Notificatoin -->
                </ul> <!-- End all notifications -->--}}
            </div> <!-- End Main Notifications Div-->
        </div>
    </main> <!-- End Main Paeg-->

@endsection