@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.unread_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'] }}.
                    <a href="{{ url('sales/notification/mark-as-read') }}/{{ $notification->id }}" class="float-right mark-as-read" data-id="{{ $notification->id }}">
                        @lang('translate.mark_as_read')
                    </a>
                </div>
                @endif
                @empty
                @lang('translate.there_are_no_new_notifications')
                @endforelse
            </div>
        </div>
    </div>
    <a href="/sales/mark-as-read/all" class="btn btn-primary btn-sm mt-3 ms-2">Mark all read</a>
</div>

@endsection