<div>
    <?php use Carbon\Carbon; ?>
    <ul class="list-inline mb-0 h-100 d-none d-xl-flex justify-content-end align-items-center">
        <li class="list-inline-item ml-3 mr-3 pr-3 pl-0 dropdown">
            <a class="dropdown-toggle no-arrow text-secondary fs-12"
               data-toggle="dropdown"
               href="javascript:void(0);"
               role="button"
               aria-haspopup="false"
               aria-expanded="false">
            <span class="">
                <span
                    class="position-relative d-inline-block <?php if(auth()->user()->unreadNotifications->count() > 0): ?> text-primary <?php else: ?> text-secondary <?php endif; ?>">
                    <svg xmlns="http://www.w3.org/2000/svg" width="14.668" height="16"
                         viewBox="0 0 14.668 16">
                        <path id="_26._Notification" data-name="26. Notification"
                              d="M8.333,16A3.34,3.34,0,0,0,11,14.667H5.666A3.34,3.34,0,0,0,8.333,16ZM15.06,9.78a2.457,2.457,0,0,1-.727-1.747V6a6,6,0,1,0-12,0V8.033A2.457,2.457,0,0,1,1.606,9.78,2.083,2.083,0,0,0,3.08,13.333H13.586A2.083,2.083,0,0,0,15.06,9.78Z"
                              transform="translate(-0.999)" fill="currentColor"/>
                    </svg>
                    <?php if( count( auth()->user()->unreadNotifications ) > 0 ): ?>
                        <span
                            class="badge badge-primary badge-inline badge-pill absolute-top-right--10px"><?php echo e(count( auth()->user()->unreadNotifications )); ?></span>
                    <?php endif; ?>
                </span>
            </span>
            </a>
            <?php if(auth()->guard()->check()): ?>
                <div class="dropdown-menu dropdown-menu-right dropdown-menu-xl py-0 border-bottom-2l">
                    <div class="p-3 bg-light border-bottom">
                        <h6 class="mb-0"><?php echo e(translate('Notifications')); ?></h6>
                    </div>
                    <div class="px-3 c-scrollbar-light overflow-auto " style="max-height:300px;">
                        <ul class="list-group list-group-flush">
                            <?php $__empty_1 = true; $__currentLoopData = $this->notifications; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $notification): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                <?php
                                    $date = Carbon::parse($notification->created_at)->locale('es');
                                ?>
                                <li class="<?php echo \Illuminate\Support\Arr::toCssClasses([
                                'list-group-item',
                                'd-flex',
                                'justify-content-between',
                                'lh-condensed',
                                'my-1',
                                'bg-black-10' => $notification->read_at == null,
                                ]) ?>" wire:click="readNotification( '<?php echo e($notification->id); ?>' )">
                                    <?php if($notification->type == 'App\Notifications\OrderNotification'): ?>
                                        <?php if(auth()->user()->user_type == 'customer'): ?>
                                            <a href="<?php echo e(route('purchase_history.details', encrypt($notification->data['order_id']))); ?>"
                                               class="w-100 text-secondary d-flex align-items-center justify-content-between">
                                            <span
                                                class="border p-2 rounded-circle bg-primary d-flex align-items-center justify-content-center w-50px h-50px">
                                                <i class="las la-people-carry text-white fs-24"></i>
                                            </span>
                                                <div class="w-75">
                                                    <h6 class="my-0 text-dark fs-4 font-weight-bold"><?php echo e(translate($notification->data['status'])); ?></h6>
                                                    <small class="text-muted d-block w-100 mb-0 mt-1">Estamos procesando
                                                        tu orden No. </small>
                                                    <small
                                                        class="text-muted font-weight-bold"><?php echo e($notification->data['order_code']); ?></small>
                                                    <small
                                                        class="text-muted text-right d-block w-100"><?php echo e($date->diffForHumans()); ?></small>
                                                </div>
                                            </a>
                                        <?php elseif(Auth::user()->user_type == 'seller'): ?>
                                            <a href="<?php echo e(route('purchase_history.details', encrypt($notification->data['order_id']))); ?>"
                                               class="w-100 text-secondary d-flex align-items-center justify-content-between">
                                            <span
                                                class="border p-2 rounded-circle bg-primary d-flex align-items-center justify-content-center w-50px h-50px">
                                                <i class="las la-money-bill-wave text-white fs-24"></i>
                                            </span>
                                                <div class="w-75">
                                                    <h6 class="my-0 text-dark fs-4 font-weight-bold">Pedido
                                                        Confirmado</h6>
                                                    <small class="text-muted d-block w-100 mb-0 mt-1">Has recibido una
                                                        nueva orden No. </small>
                                                    <small
                                                        class="text-muted font-weight-bold"><?php echo e($notification->data['order_code']); ?></small>
                                                    <small
                                                        class="text-muted text-right d-block w-100"><?php echo e($date->diffForHumans()); ?></small>
                                                </div>
                                            </a>
                                        <?php endif; ?>
                                    <?php endif; ?>
                                </li>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                <li class="list-group-item">
                                    <div class="py-4 text-center fs-16">
                                        No hay notificaciones
                                    </div>
                                </li>
                            <?php endif; ?>
                        </ul>
                    </div>
                    <div class="text-center border-top d-flex px-2 justify-content-between align-items-center mt-2">
                        <a href="<?php echo e(route('all-notifications')); ?>"
                           class="fs-13 px-3 py-1 d-inline-block fw-700 text-negro header_menu_links hov-bg-black-10 hover-article">
                            <?php echo e(translate('View All')); ?>

                        </a>
                        <button wire:click.prevent="markAllAsRead()"
                                class="text-secondary fs-12 fw-700 text-negro d-block py-1 px-3 btn p-0 hover-article">
                            Marcar todas como leídas
                        </button>
                    </div>
                </div>
            <?php endif; ?>
        </li>
    </ul>
</div>

<?php /**PATH /var/www/devs.lapieza.net/resources/views/livewire/notifications.blade.php ENDPATH**/ ?>