@extends('layouts/contentLayoutMaster')

@section('title', 'Notifications')


@section('content')
<div class="row" id="module-table">
    <div class="col-12">
        <div class="card">
            <div class="card-header p-1">
                <h4 class="card-title">Notifications</h4>
            </div>
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>@sortablelink('id', 'Id')</th>
                            <th>@sortablelink('username', 'User Name')</th>
                            <th>@sortablelink('note', 'Note')</th>
                            <th>@sortablelink('action', 'Action')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($data as $key => $row)
                        <tr>
                            <td>
                                <span class="fw-bold">{{ $key + 1 }}</span>
                            </td>
                            <td>
            					<span class="fw-bold">{{ $row->customer->name }}</span>
                            </td>
                            <td>
                                <span class="fw-bold">{{ $row->customer->note }}</span>
                            </td>
                            <td style="text-align: center;">
                                @if( $row->status == 0)
                                    <a href="{{ route('notifications.read', $row->id) }}" class="waves-effect waves-float waves-light"><img width="18" src="{{ asset('images/read.png') }}" /></a>
                                @else
                                    <a href="{{ route('notifications.unread', $row->id) }}" class="waves-effect waves-float waves-light"><img width="18" src="{{ asset('images/unread.png') }}" /></a>
                                @endif
                            </td>
                        </tr>

                        @empty
                        <tr>
                            <td colspan="10" align="center">
                                No records found.
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
           
        </div>
    </div>
</div>
@endsection