@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? '',
        $subTitle ?? '',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    )
)
@php($headingOptions = [
    '<div class="search-field"><input type="text" class="form-control pr-45 module-search" placeholder="Search" value="'. e(request()->input('search_text')) .'">'. ((request()->has('search_text') && request()->input('search_text')) ? '<i class="'. \Config::get('settings.icon_cross') .' search-clear-icon"></i>' : '<i class="'. \Config::get('settings.icon_search') .'"></i>') .'</div>',
    '<button type="button" class="green-btn-inner waves-effect" id="mark-all-as-read"><i class="bx bx-show align-middle me-1"></i> Mark All As Read</button>'
])
@extends('admin.layouts.layout', $headerOption)

@section('content')
<div class="col-12">
    <div class="project-box">
        <x-heading-sec :module="$module ?? 'Notifications'" :options="$headingOptions" />
        <div class="row align-items-center project-form mb-3">
            <div class="col-md-2">
                <label>Filter</label>
                <select id="notif-filter" class="form-select select2 no-search">
                    @php($currentFilter = request()->get('filter','all'))
                    <option value="all" {{ $currentFilter==='all' ? 'selected' : '' }}>All</option>
                    <option value="unread" {{ $currentFilter==='unread' ? 'selected' : '' }}>Unread</option>
                    <option value="read" {{ $currentFilter==='read' ? 'selected' : '' }}>Read</option>
                    <option value="pinned" {{ $currentFilter==='pinned' ? 'selected' : '' }}>Pinned</option>
                    <option value="unpinned" {{ $currentFilter==='unpinned' ? 'selected' : '' }}>Unpinned</option>
                </select>
            </div>
        </div>
        <div class="table-responsive project-table">
            <table class="table mb-0 dt-responsive nowrap">
                <thead class="thead-light">
                <tr>
                    <th class="w-25">Type</th>
                    <th>Notification</th>
                    <th class="w-25">Time</th>
                    <th class="text-end w-10">Actions</th>
                </tr>
                </thead>
                <tbody>
                @php($rows = (isset($notifications) && method_exists($notifications,'items')) ? $notifications->items() : ($notifications ?? []))
                @if(!empty($rows))
                    @foreach($rows as $n)
                        @php(
                            $isRead = (int)($n->status ?? 0) === 1
                        )
                        @php(
                            $isPinned = (int)($n->pinned ?? 0) === 1
                        )
                        @php(
                            $dotClass = $isRead ? 'bg-secondary' : 'bg-success'
                        )
                        @php(
                            $rowClass = $isPinned ? 'bg-warning bg-opacity-10' : ''
                        )
                        @php(
                            $pinIcon = $isPinned ? 'bxs-pin' : 'bx-pin'
                        )
                        @php(
                            $url = $n->redirect_url ?? '#'
                        )
                        <tr class="align-middle {{ $rowClass }}">
                            <td>
                                <div class="d-flex align-items-start">
                                    <span class="me-2 mt-2 rounded-circle {{ $dotClass }}" style="width:10px;height:10px;display:inline-block;"></span>
                                    <div>
                                        <div class="fw-bold">{{ $n->title ?? 'Notification' }}</div>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <a href="{{ $url }}" class="text-reset text-decoration-none notif-item" data-id="{{ $n->id }}" data-url="{{ $url }}" data-entity-type="{{ (int)$n->entity_type }}" data-entity-id="{{ (int)$n->entity_id }}">
                                    {{ $n->message ?? '' }}
                                </a>
                            </td>
                            <td>
                                {{ \Carbon\Carbon::parse($n->created_at)->format('F j, Y \a\t g:i A') }}
                            </td>
                            <td class="text-end">
                                <button type="button" class="btn btn-sm btn-link text-warning notif-pin" title="{{ $isPinned ? 'Unpin' : 'Pin' }}" data-id="{{ $n->id }}" data-pinned="{{ $isPinned ? 1 : 0 }}">
                                    <i class="bx bx-sm {{ $pinIcon }}"></i>
                                </button>
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr><td colspan="4" class="text-center">No Notifications</td></tr>
                @endif
                </tbody>
            </table>
        </div>
    </div>
    @include('admin.components.pagination', ['data' => $notifications])
</div>
@endsection

@push('page_script')
<script src="{{ asset('assets/js/common.js') }}"></script>
<script>
// Main page filter (jQuery): update URL param and reload
$(function(){
    $('#notif-filter').on('change', function(){
        var val = $(this).val() || 'all';
        var params = new URLSearchParams(window.location.search);
        params.set('filter', val);
        var url = window.location.pathname + '?' + params.toString();
        window.location.href = url;
    });
});
</script>
@endpush