@extends('resources.views.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($adminPanelNotifications as $notification)
                    <tr>
                        {{-- <td>{{ $notification->details['title'] ?? $notification->descriptions[0]->title ?? "" }}</td> --}}
                        <td>{{ $notification->details['message'] ?? $notification->descriptions[0]->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>
                            @elseif($notification->type_key == 'product')
                                <a href="{{ route ('products.edit', $notification->item_id) }}" class="icon"
                                   title="{{ __('general.details') }}">
                                    <i class="fa fa-eye"></i>
                                </a>
                            @elseif($notification->type_key == 'plan')
                                <a href="{{ route ('plans.show', $notification->item_id) }}" class="icon"
                                   title="{{ __('general.details') }}">
                                    <i class="fa fa-eye"></i>
                                </a>
                            @else
                                -
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
                <tfoot>
                <tr class="tr-pagination">
                    <td>
                        {{ $adminPanelNotifications->links('pagination::bootstrap-5') }}
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>
    </div> <!-- end of border-item -->

@endsection

@push('stack_scripts')
    <script>
        $('.tr-pagination td').attr('colspan', $('tbody tr:first').children().length);
    </script>
@endpush