@extends('mobile.layouts.app')
@section('title', app_name() . ' | Elite Rewards')
@section('content')
    @php
        $customer = auth()->user()->customer;
    @endphp
    @include('mobile.includes.app-bar', ['navBarName' => __('mobile.notifications')])
    <div class="container sm:mx-auto px-3 mt-3">
        <h2 class="font-bold text-base">All Notifications</h2>

    <ul class="max-w-full divide-y divide-black-800">
        @foreach ($notifications as $noti)
            <li class="p-3 sm:pb-4">
                <a href="{{route('mobile.noti.detail', $noti)}}">
                    <div class="flex items-center space-x-4 rtl:space-x-reverse">
                        <div class="inline-flex items-center justify-center w-8 h-8 bg-blue-200 p-1 rounded-full">
                            <i class="far fa-bell"></i>
                        </div>
                        <p class="text-sm">{{$noti->title}}</p>
                    </div>
                </a>
            </li>
        @endforeach
        @if ($notifications->count())
            <li></li>
        @endif
     </ul>

    </div>
@endsection