@php
    $totalNeedReview = '';
    if (Auth::user()->HasRole('doctor')) {
        $totalNeedReview = "<span class='tag is-rounded is-danger is-elevated'>{$status_mcu}</span>";
    }

@endphp

<div class="dropdown-content">
    <div class="heading">
        <div class="heading-left">
            <h6 class="heading-title">@lang('app.notifications')</h6>
        </div>
        <div class="heading-right">
            <a class="notification-link" href="{{ route('notification.index') }}">See all</a>
        </div>
    </div>
    @if (Auth::user()->hasRole('doctor') && $status_mcu > 0)
        <div class="heading">
            <a class="notification-item" href="{{ route('notification.mcu-need-review-doctor') }}">
                <div class="user-content">
                    <div class="fs-10">
                        There are {{ $status_mcu }} medical records with the status
                        <span class="fs-700 tag is-warning">
                            Need Review
                        </span>.
                    </div>
                </div>
            </a>
        </div>
    @endif
    <ul class="notification-list">
        @php $no = 1; @endphp
        @forelse ($notification as $item)
            @php
                $name = $item->employee->name ?? ($item->visitor->name ?? ($item->user->name ?? ''));
                $avatar = $item->employee->pas_photo ?? ($item->visitor->pas_photo ?? ($item->user->pas_photo ?? ''));
            @endphp
            @if($no <= 20)

                @php
                    $user = Auth::user();
                    $role = $user->getRoleNames()->first();
                    $typeItem = $item->type;
                    $typeNotification = $item->type_notification;
                    
                    // if ($role === 'super_admin') {

                    //     $type1 = 'notification_super_admin';
                    //     $type2 = 'notification_doctor';
                    //     $type3 = 'notification_admin_contractor';
                    //     $type4 = 'notification_contract_user';

                    // }else if ($role === 'doctor') {
                    //     $query->where(function ($q) use ($role, $roleNotificationTypes) {
                    //         $q->where('type', 'notification_doctor')
                    //           ->orWhere('type', 'notification_admin_contractor')
                    //           ->orWhere('type', 'notification_contract_user');
                    //     });
                    // }else if ($role === 'office_admin') {
                    //     $query->where(function ($q) use ($role, $roleNotificationTypes) {
                    //         $q->where('type', 'notification_doctor')->where('type_notification', 'visitor')
                    //           ->orWhere('type', 'notification_admin_contractor')
                    //           ->orWhere('type', 'notification_contract_user');
                    //     });
                    // }else if ($role === 'admin_contractor') {
                    //     $query->where(function ($q) use ($role, $roleNotificationTypes) {
                    //         $q->where('type', 'notification_admin_contractor')
                    //           ->orWhere('type', 'notification_contract_user');
                    //     });
                    // }else if ($role === 'contract_user') {
                    //     $query->where(function ($q) use ($role, $roleNotificationTypes) {
                    //         $q->where('type', 'notification_contract_user');
                    //     });
                    // }else {
                    //     $query->where('type', $roleNotificationTypes[$role]);
                    // }
                @endphp
                @if($role == 'doctor')
                    @if($typeItem == 'notification_doctor' || $typeItem == 'notification_admin_contractor' || $typeItem == 'notification_contract_user')
                    <li class="mb-2 pl-2" @if ($item->is_read == 0) style="background-color:#f5f6fa" @endif>
                        <a class="notification-item" onclick="updateNotification('{{ $item->id }}')">
                            <div class="h-avatar mr-2">
                                <img class="avatar" alt="" src="{{ Util::linkFile('pas-photo', $avatar) }}" />
                            </div>
                            <div class="user-content">
                                <p class="user-info">
                                    <span class="name fs-10">{!! Util::shortName($item->message, 80) !!}.
                                </p>
                                <p class="time fs-10">{{ date('d F Y H:i', strtotime($item->created_at)) }}</p>
                            </div>
                        </a>
                    </li>
                    @endif
                @elseif($role == 'office_admin')
                    @if($typeItem == 'notification_doctor' && $typeNotification == 'visitor')
                    <li class="mb-2 pl-2" @if ($item->is_read == 0) style="background-color:#f5f6fa" @endif>
                        <a class="notification-item" onclick="updateNotification('{{ $item->id }}')">
                            <div class="h-avatar mr-2">
                                <img class="avatar" alt="" src="{{ Util::linkFile('pas-photo', $avatar) }}" />
                            </div>
                            <div class="user-content">
                                <p class="user-info">
                                    <span class="name fs-10">{!! Util::shortName($item->message, 80) !!}.
                                </p>
                                <p class="time fs-10">{{ date('d F Y H:i', strtotime($item->created_at)) }}</p>
                            </div>
                        </a>
                    </li>
                    @elseif($typeItem == 'notification_admin_contractor' || $typeItem == 'notification_contract_user')
                    <li class="mb-2 pl-2" @if ($item->is_read == 0) style="background-color:#f5f6fa" @endif>
                        <a class="notification-item" onclick="updateNotification('{{ $item->id }}')">
                            <div class="h-avatar mr-2">
                                <img class="avatar" alt="" src="{{ Util::linkFile('pas-photo', $avatar) }}" />
                            </div>
                            <div class="user-content">
                                <p class="user-info">
                                    <span class="name fs-10">{!! Util::shortName($item->message, 80) !!}.
                                </p>
                                <p class="time fs-10">{{ date('d F Y H:i', strtotime($item->created_at)) }}</p>
                            </div>
                        </a>
                    </li>
                    @endif
                @elseif($role == 'admin_contractor')
                    @if($typeItem == 'notification_admin_contractor' || $typeItem == 'notification_contract_user')
                    <li class="mb-2 pl-2" @if ($item->is_read == 0) style="background-color:#f5f6fa" @endif>
                        <a class="notification-item" onclick="updateNotification('{{ $item->id }}')">
                            <div class="h-avatar mr-2">
                                <img class="avatar" alt="" src="{{ Util::linkFile('pas-photo', $avatar) }}" />
                            </div>
                            <div class="user-content">
                                <p class="user-info">
                                    <span class="name fs-10">{!! Util::shortName($item->message, 80) !!}.
                                </p>
                                <p class="time fs-10">{{ date('d F Y H:i', strtotime($item->created_at)) }}</p>
                            </div>
                        </a>
                    </li>
                    @endif
                @elseif($role == 'contract_user')
                    @if($typeItem == 'notification_contract_user')
                        <li class="mb-2 pl-2" @if ($item->is_read == 0) style="background-color:#f5f6fa" @endif>
                            <a class="notification-item" onclick="updateNotification('{{ $item->id }}')">
                                <div class="h-avatar mr-2">
                                    <img class="avatar" alt="" src="{{ Util::linkFile('pas-photo', $avatar) }}" />
                                </div>
                                <div class="user-content">
                                    <p class="user-info">
                                        <span class="name fs-10">{!! Util::shortName($item->message, 80) !!}.
                                    </p>
                                    <p class="time fs-10">{{ date('d F Y H:i', strtotime($item->created_at)) }}</p>
                                </div>
                            </a>
                        </li>
                    @endif
                @else
                    <li class="mb-2 pl-2" @if ($item->is_read == 0) style="background-color:#f5f6fa" @endif>
                        <a class="notification-item" onclick="updateNotification('{{ $item->id }}')">
                            <div class="h-avatar mr-2">
                                <img class="avatar" alt="" src="{{ Util::linkFile('pas-photo', $avatar) }}" />
                            </div>
                            <div class="user-content">
                                <p class="user-info">
                                    <span class="name fs-10">{!! Util::shortName($item->message, 80) !!}.
                                </p>
                                <p class="time fs-10">{{ date('d F Y H:i', strtotime($item->created_at)) }}</p>
                            </div>
                        </a>
                    </li>
                @endif
            @endif
            @php $no++; @endphp
        @empty
            <li class="has-text-centered">
                <div class="fs-10">You don't have any notifications yet.</div>
            </li>
        @endforelse
    </ul>
</div>

<script>
    function updateNotification(id) {
        $.ajax({
            url: '{{ route('notification.update', ['id' => '__id__']) }}'.replace('__id__', id),
            success: (res) => {
                dataNotification()
                if (res.status) {
                    window.location.href = res.redirect_url
                }
            }
        })
    }
</script>