@extends('layouts.marketing_template')
@section('content')
<!-- container Start -->
<div class="container-fluid px-3 px-xxl-5">
    <div class="titel-head pb-4">
        <h1>@lang('translate.read_notifications_list')</h1>
    </div>
    <div class="flash-message">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
        @if(Session::has('alert-' . $msg))
        <div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
            <strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @endif
        @endforeach
    </div>
    <div class="row g-3">
        <div class="col-lg-12 mt-3 mt-lg-5">
            <div class="bg-dark pb-4 rounded-3 p-4 box-shadow">
                @forelse($notifications as $notification)
                @if($notification->type == 'App\Notifications\NewReminderNotification')
                <div class="alert bg-black" role="alert">
                    [{{ $notification->created_at }}] Reminder for ({{ $notification->data['lead'] }}) is set on {{ $notification->data['reminder'] }}.
                </div>
                @endif
                @empty
                @lang('translate.there_are_no_new_notifications')
                @endforelse
            </div>
        </div>
    </div>
</div>

@endsection