{{-- <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>Scope Of Business</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">Scope Of Business</li>
              </ol>
            </div>
          </div>
        </div><!-- /.container-fluid -->
      </section>
    
      <!-- Main content -->
      <section class="content">
        @if (Session::has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ Session::get('success') }}
                @php
                    Session::forget('success');
                @endphp
                <button type="button" class="close" data-dismiss="alert"
                    aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif
        <!-- 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/sob/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 w-100']) }}
                </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/sob/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']) }} --}}
    {{ $dataTable->scripts(attributes: ['type' => 'module']) }}
    {{-- </x-app-layout> --}}