{{-- <x-app-layout> --}}
    @extends('layouts.master')
    <!-- Theme style -->
    @section('superadmin')
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <div class="container-fluid">
          <div class="row mb-2">
            <div class="col-sm-6">
              <h1>Roles</h1>
            </div>
            <div class="col-sm-6">
              <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active">Roles</li>
              </ol>
            </div>
          </div>
        </div><!-- /.container-fluid -->
      </section>
    
      <!-- Main content -->
      <section class="content">
        @include('super-admin.najma-directory.model')
        <!-- Modal End -->
        <div class="container-fluid">
          <div class="row">
            <div class="col-12">
              <!-- /.card -->
              <div class="card">
                <div class="card-header">
                  {{-- <h3 class="card-title"></h3> --}}
                  <div class="col-lg-1 float-right">
                    <a href="{{ route('super/admin/role/create') }}" class="btn btn-block bg-gradient-primary"><i class="fas fa-plus"></i> Add</a>
                  </div>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                  {{ $dataTable->table(['class' => 'table table-bordered table-hover table-striped']) }}
                </div>
                <!-- /.card-body -->
              </div>
              <!-- /.card -->
            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
      </section>
      <!-- /.content -->
    </div>
 
  
    
    {{--
    
    <script>
      $(document).on("click", ".delete", function(){
         var id = $(this).data('id');
         swal({
             title: "Are you sure?",
             text: "Once deleted, you will not be able to recover this imaginary file!",
             icon: "warning",
             buttons: true,
             dangerMode: true,
         })
         .then((willDelete) => {
             if (willDelete) {
                 $.ajax({
                     url:'{{ route("super/admin/marketing/tracker/delete") }}',
                     method:'POST',
                     dataType:"json",
                     data: {
                         "_token": "{{ csrf_token() }}",
                         id:id
                     },
                     success:function(response){
                      // console.log(response, 'dd');
                          window.location.reload();
                     }
                 })
             } else {
                 swal("Your imaginary file is safe!");
             }
         });
     });
    </script> --}}
    @endsection
    {{ $dataTable->scripts(attributes: ['type' => 'module']) }}