@extends('backend.layout.master-tailwind')
@section('title', __('All Notifications'))

@section('admin_styles')
<style>
@media (max-width: 640px) {
  .notif-search { width: 100% !important; }
  .tbl th:nth-child(1), .tbl td:nth-child(1),
  .tbl th:nth-child(3), .tbl td:nth-child(3) { display: none; }
}
</style>
@endsection

@section('content')

<div class="page">

  <div class="page-head">
    <div>
      <h1 class="page-title">{{ __('All Notifications') }}</h1>
      <p class="page-sub">{{ $all_notifications->total() }} {{ __('notifications') }}</p>
    </div>
    <div class="page-actions">
      <button type="button" id="mark-all-read-btn" class="btn ghost sm">
        <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
        {{ __('Mark All Read') }}
      </button>
    </div>
  </div>

  <div class="card">

    <div class="toolbar">
      <input class="input notif-search" type="text" id="string_search" placeholder="{{ __('Search notifications…') }}" style="min-width:220px">
    </div>

    <div class="search_result">
      @include('backend.pages.notification.search-result')
    </div>

  </div>

</div>

@endsection

@section('script')
@include('backend.pages.notification.notification-js')
@endsection