@extends('provider.provider')

@section('content')
<div class="page-wrapper">
    <div class="content container-fluid">
        <div class="row">
            <div class="d-flex align-items-center justify-content-between flex-wrap row-gap-3 mb-4">
                <h4>{{ __('Notifications')}}</h4>
            </div>
        </div>
        <div class="row justify-content-center">
            @if($data['notifications']->isEmpty())
            <div class="card shadow-none booking-list h-80">
                <div class="card-body d-flex align-items-center justify-content-center">
                    <p class="text-center fw-bold w-100">{{__('No notifications found.')}}</p>
                </div>
            </div>
            @else
            <div class="col-xxl-12 col-md-12 d-flex">
                <div class="   flex-fill">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center mb-4">
                        </div>

                        <!-- Loop through notifications -->
                        @foreach($data['notifications'] as $notification)
                        <div class="card book-crd mb-3">
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-center flex-wrap row-gap-2">

                                    <!-- Sender's Details -->
                                    <div class="d-flex align-items-center">
                                        <a class="avatar avatar-lg flex-shrink-0 me-2">
                                            @php
                                                if ($data['auth_user']==$notification->from_user_id || $data['auth_user']==$notification->to_user_id){
                                                    $profileimage=$notification->from_profileimg;
                                                } else{
                                                    $profileimage=$notification->to_profileimg;
                                                }

                                                if($data['auth_user']==$notification->from_user_id) {
                                                    $description=$notification->from_description;
                                                } else {
                                                    $description=$notification->to_description;
                                                }
                                            @endphp
                                            @if (file_exists(public_path('storage/profile/' . $profileimage)) && $profileimage)
                                            <img src="{{ asset('storage/profile/' . $profileimage) }}" alt="User Profile Image" class="img-fluid rounded-circle profileImagePreview">
                                            @else
                                            <img src="{{ asset('assets/img/profile-default.png') }}" alt="Default Profile Image" class="img-fluid rounded-circle profileImagePreview">
                                            @endif

                                        </a>
                                        <div>
                                            <a class="fw-medium text-dark"><b>{{ $notification->source }}</b></a><br>
                                            <a class="fs-14 text-dark">{{ $description }}</a>
                                        </div>
                                    </div>
                                    <div>
                                        <span class="d-block fs-12 text-muted"><i class="ti ti-calendar"></i> {{ $notification->notificationdate }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach

                    </div>
                </div>
            </div>

            @endif
        </div>
        <div class="d-flex justify-content-center">
            {{ $data['notifications']->links('pagination::bootstrap-4') }}
        </div>
    </div>
</div>
</div>
@endsection