@extends('admin.layouts.app')
@section('content')
@section('page-name', __('Categories'))



<div class="container-fluid py-4">
    <div class="row">
      <div class="col-12">
        <!-- Add New Button -->
        @if (auth()->user()->hasRole('admin') || auth()->user()->hasPermission('category-create'))
        <a class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#addModal">
            {{ __('Add New') }}
        </a>
        @endif


        <div class="card mb-4">
          <div class="card-header pb-0">
            <h6>{{ __('Categories Table') }}</h6>

          </div>
          <div class="card-body px-0 pt-0 pb-2">
            <div class="table-responsive p-0">
                {{ $dataTable->table() }}
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>


  @if (auth()->user()->hasRole('admin') || auth()->user()->hasPermission('category-create'))
  @include('admin.categories.create')
  @endif

  @if (auth()->user()->hasRole('admin') || auth()->user()->hasPermission('category-update'))
  @include('admin.categories.update')
  @endif

@endsection
@push('scripts')

{{ $dataTable->scripts(attributes: ['type' => 'module']) }}

<script src="{{ asset('admin/ajax/categories.js') }}?v={{ time() }}"></script>
<script>
       let routes = {
            store: "{{ route('categories.store') }}",
            edit: "{{ route('categories.edit') }}", // Dynamic route for edit
            update: "{{ route('categories.update') }}", // Dynamic route for update
            destroy: "{{ route('categories.destroy') }}" // Dynamic route for delete
        };
</script>

@endpush