@extends('admin.layouts.container')

@section('content')
    <div class="side-title">
        <h3>{{ $head ?? '' }}</h3>
    </div>

    <div class="border-itemm">
        <div class="table-responsive">

            <table class="table table-striped text-center">
                <thead>
                    <tr>
                        <th scope="col">{{ __('users::users.notification_title') }}</th>
                        <th scope="col">{{ __('users::users.notification_message') }}</th>
                        <th scope="col">{{ __('users::users.date') }}</th>
                        <th scope="col">{{ __('users::users.link') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($notifications as $notification)
                        <tr>
                            <td>{{ $notification->details['title'] ?? "" }}</td>
                            <td>{{ $notification->details['message'] ?? "" }}</td>
                            <td>{{ $notification->created_at->diffForHumans() }}</td>
                            <td class="d-block">
                                @if($notification->type_key == 'order')
                                    <a href="{{ route ('orders.edit', $notification->item_id) }}" class="icon" title="{{ __('general.details') }}">
                                        <i class="fa fa-eye"></i>
                                    </a>
                                @else
                                    -
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div> <!-- end of border-item -->

@endsection

@section('inner_js')

@endsection