@extends('backend.layout.master-tailwind')
@section('title', __('Activity Logs'))

@section('admin_styles')
<style>
.row-pop {
  position: fixed;
  z-index: 9999;
  background: var(--bg-elev, var(--surface));
  border: 1px solid var(--border-strong, var(--border));
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  min-width: 160px;
  overflow: hidden;
  padding: 4px;
}
@media (max-width: 768px) {
    .tbl .col-id,
    .tbl .col-url { display: none; }
    #string_search { width: 100% !important; }
}
@media (max-width: 480px) {
    .tbl .col-location { display: none; }
}
</style>
@endsection

@section('content')
<div class="page">

  <div class="page-head">
    <div>
      <h1 class="page-title">{{ __('Activity Logs') }}</h1>
      <p class="page-sub">{{ __('Track user and admin activity across the platform') }}</p>
    </div>
    <div class="page-actions">
      <button type="button" class="btn sm" id="bulkDeleteBtn" style="display:none;color:var(--danger,#ef4444);border:1px solid var(--danger,#ef4444);background:transparent" onclick="bulkDelete()">
        <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M9 6V4h6v2"/></svg>
        {{ __('Delete Selected') }}
      </button>
      <input type="search" id="string_search" class="input" placeholder="{{ __('Search…') }}" style="width:200px">
    </div>
  </div>

  <div class="card">
    <div class="search_result">
      @include('securitymanage::backend.log-history.search-result')
    </div>
  </div>

</div>
@endsection

@section('script')
@include('securitymanage::backend.log-history.log-js')
@endsection