@props(['notices'])
<div style="font-size: 0.7em;">
    <x-nav-top :navobject="$notices" :pathfile="'/notice-for-staffs'" :container="'#Notice4staffContainer'"  :querystring="''" :viewtitle=false/>
</div>
<div class="text-warning mt-1">
    <div class="table-responsive">
        @forelse ($notices as $notice)

            <table class="table table-bordered table-dark table-hover">
                <tr>
                    <th class="text-start col-1">
                        <span class="fas fa-check-circle text-success blink_me"></span>
                    </th>
                    <th style="cursor: pointer;">
                        <a href="{{ url('/notice-show/'.$notice->notice_id) }}" class="text-info fw-lighter">{{ $notice->title }}
                            <span class="d-block text-danger fst-italic">
                                {{ $notice->subtitle }}
                            </span>
                            <span class="d-block text-secondary fw-bolder mt-1 p-1 border-top border-secondary" style="font-size: 0.7em;">
                                <span class="fas fa-calendar"></span> {{ $notice->created_at }}
                            </span>
                        </a>
                    </th>
                </tr>
            </table>
        @empty
            
        @endforelse
    </div>
</div>