@extends('web.layouts.layout')
@section('content')

    <main>
        <!-- Start section -->
        @include('web.layouts.header')

        <section class="notifications_pg section">
            <div class="container">
                <h2 class="sec_title bb text-center fw-bold mb-5"> {{__('web.notifications')}}  </h2>
                <div class="col-lg-10 m-auto">
                    @if(count($notifications) == 0)
                        <div class="alert alert-danger py-4 text-center my-5" role="alert">
                            {{__('web.not_exist_notifications')}}
                        </div>
                    @else
                        @foreach($notifications as $row)
                            <div class="noti_card d-flex align-items-center">
                                <img src="{{url('')}}/assets/web/images/icons/notification.png" alt=""
                                     class="noti_icon "/>
                                <div class="content">
                                    <div class="in-flex flex-wrap mb-2">
                                        <h5 class="title color-dark mb-0">  {{$row->title}}   </h5>
                                        <p class="date mb-0"><i
                                                class="fal fa-calendar-alt color-primary me-2"></i> {{$row->date}} </p>
                                    </div>
                                    <p class="p mb-0">
                                        {!! $row->description !!}
                                    </p>
                                </div>
                            </div>
                        @endforeach
                        @if($count_paginate > 1)
                            <div class="pagination-wrapper mt-4">
                                <nav aria-label="Page navigation example">
                                    <ul class="pagination justify-content-center">
                                        @if($pagination != 0)
                                            <li class="page-item">
                                                <a class="page-link"
                                                   href="{{route('notifications')}}?paginate={{$pagination-1}}"
                                                   aria-label="Previous">
                                                    <span aria-hidden="true">«</span>
                                                </a>
                                            </li>
                                        @endif
                                        @for($i=1 ; $i <= $count_paginate ; $i++)
                                            <li class="page-item">
                                                <a class="page-link  @if($i == ($pagination +1)) active @endif"
                                                   href="{{route('notifications')}}?paginate={{$i-1}}">{{$i}}</a></li>
                                        @endfor
                                        @if(($pagination+1) != $count_paginate)
                                            <li class="page-item">
                                                <a class="page-link"
                                                   href="{{route('notifications')}}?paginate={{$pagination+1}}"
                                                   aria-label="Next">
                                                    <span aria-hidden="true">»</span>
                                                </a>
                                            </li>
                                        @endif
                                    </ul>
                                </nav>
                            </div>
                        @endif
                    @endif
                </div>

            </div>
        </section>
    </main>
    @section('inject_js')


    @endsection
@stop