@extends('layouts.app')

@section('title', 'Notification Users List')

@section('content')
<div class="right-content-wrapper">
	<div class="container-fluid p-0">
        <!-- Page Heading -->
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <h1 class="main-heading h3 mb-0 text-gray-800">Notification Users</h1>
        </div>

        {{-- Alert Messages --}}
        @include('common.alert')

        <!-- DataTales Example -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Title: <span class="text-success display-6 small">{{$notificationInfo->title}}</span></h6>
                <h6 class="m-0 font-weight-bold text-primary">Message: <span class="text-secondary display-6 small">{{$notificationInfo->message}}</span></h6>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table cm-table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th> Email</th>
                                <th>Send to</th>
                                <th>Created Date</th>
                                <th>Status</th>                            
                            </tr>
                        </thead>
                        <tbody>
                            @if(count($notificationLogs)>0)
                            @foreach ($notificationLogs as $notification)
                            <tr>
                                <td>{{ $notification->notificationUser->name }}</td>
                                <td>{{ $notification->notificationUser->name }}</td>
                                <td>{{ $notification->notificationUser->mobile_number }}</td>
                                <td>{{ $notification->created_at }}</td>   
                                <td>{{ $notification->status }}</td>                        
                            </tr>
                            @endforeach
                            @else
                            <tr>
                                <td colspan="5">There are no data.</td>
                            </tr>
                            @endif
                        </tbody>
                    </table>

                    {{-- $notificationLogs->links() --}}
                    {{ $notificationLogs->appends(request()->query())->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('script')
@endpush