@extends('main-site.layouts.app')

@section('content')
    <h4 class="dashboard-title">{{ __("site.Navbar.Notify_1") }}</h4>
    <div class="notifications-section">
        <div class="d-flex justify-content-end p-3">
            @if ($data->total())
            <form action="{{ route('saudi.delete_all_notifications') }}" method="POST" onsubmit="return confirm('Are you sure?')">
                @csrf
                <button  type="submit" class="btn btn-danger ">{{ __("site.Navbar.Notify_2") }}</button>
            </form>
            @endif


        </div>
        <div class="notification-list">


            @forelse($data as $item)
            <div class="notification-item d-flex align-items-start mb-3">
                <div class="item-img">
                    <img src="{{ asset('main-site')}}/assets/img/user.png" class="img-fluid" alt="">
                </div>
                <div class="item-content">
                    <div class="d-flex justify-content-between align-items-center gap-3 flex-wrap">
                        <h6 class="title dark-color mb-0 fw-600">{{ \App\Http\Helpers\HelperApp::convert_numbers($item->message) }}</h6>
                        <span class="dark-color opacity-50">{{ \App\Http\Helpers\HelperApp::convert_numbers($item->time_format) }}</span>
                    </div>
                </div>
            </div>
            @empty
            <div class="d-flex justify-content-center">
                <img src="{{ asset('main-site/assets/img/error.png') }}" width="300" height="300" class="img-fluid">
            </div>
        @endforelse


            <div>{{ $data->links() }}</div>

        </div>
    </div>
@endsection