@extends('front.pages.company-dashboard.main')
@section('title', 'Notification')
@section('dashboard-main-content')
    <div class="col-lg-12">
        <div class="dashboard-inner">

            <div class="applied-job-area">
                <div class="table-wrapper">

                    @if (count($notifications) > 0)
                        <table class="eg-table table category-table mb-30">
                            <thead>
                                <tr>
                                    <th>{{ translate('Title') }}</th>
                                    <th>{{ translate('Message') }}</th>
                                    <th>{{ translate('Date') }}</th>
                                    <th>{{ translate('Action') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($notifications as $notification)
                                    <tr>
                                        <td> {{ $notification->data['title'] }}</td>
                                        <td> <button type="button" class="primary-btn-2 {{!$notification->read_at ? "show-notification":"" }}" data-action="{{route('company.read.notification', $notification->id)}}" data-bs-toggle="modal"  data-bs-target="#showMessage{{ $notification->id }}">{{ translate('Show Message') }} </button>
                                            <div class="modal fade center" id="showMessage{{ $notification->id }}"
                                                tabindex="-1" aria-labelledby="titleLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-sm modal-dialog modal-dialog-centered"
                                                    role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="btn-close close"
                                                                data-bs-dismiss="modal" aria-label="Close">&times;</button>
                                                        </div>
                                                        <div class="modal-body">
                                                            {!! clean($notification->data['message']) !!}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-label="{{ translate('Date') }}">
                                            {{ $notification?->created_at?->diffForHumans() }}
                                        </td>
                                        <td data-label="{{ translate('Action') }}">
                                            <a href="{{ route('company.delete.notification', $notification->id) }}"
                                                class="text-danger"> <i class="bi bi-trash-fill"> </i> </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div class="pagination-table-info">
                            <div class="table-info">
                                <span>{{ $notifications->lastItem() }} {{ translate('Results Showing In') }}
                                    {{ $notifications->total() }} {{ translate('Notifications') }}</span>
                            </div>
                            <div class="pagination-area">
                                {{ $notifications->links('front.vendor.pagination.custom') }}
                            </div>
                        </div>
                    @else
                        <div class="section-title">
                            <h5>{{ translate('No Notifications') }}</h5>
                        </div>
                    @endif
                </div>

            </div>
        </div>
    </div>
@endsection