@extends('layouts.frontend')
@section('title', 'Notification')
@section('content')
<div class="mb-4 py-1 card-bg">
    <a href="{{route('home')}}" class="text-decoration-none">
        <i class="fa-solid fa-arrow-left gray-color fs-4 ps-2 text-white"></i>
    </a>
    <p class="d-inline-block fs-4 fw-bold mb-0 ms-2 text-white text-center small-header">Notification</p>
</div>
@foreach($notifications as $notification)
    <div class="rounded card-bg p-2 my-2">
        <div class="row m-0">
            <div class="col-1 me-2">
                <i class="fa-regular fa-envelope text-white" style="font-size: 1.6em;"></i>
                
            </div>
            <div class="col-9 ps-0">
                <p class="text-white fw-bold mb-0">{{$notification->message??''}}</p>
                <p class="mb-0">
                    <small class="light-gray-color">
                        <i class="fa-regular fa-calendar-check"></i>
                    {{$notification->created_at??''}}
                    </small>
                </p>
                @php
                    $notification->already_read=1;
                    $notification->save();
                @endphp
            </div>
        </div>
    </div>
@endforeach
@endsection