@extends('administrative.layouts.main')
@section('title', 'Roles')
@section('content')
  <x-breadcrumb />

  <div class="flex justify-between items-center mt-5">
    <div>
      <h4 class="text-2xl font-semibold">Roles</h4>
    </div>

    <div class="">
      {{-- <a href="{{ route('administrative.role.create') }}" class="btn btn-primary btn-icon-text mb-2 mb-md-0">
        <i class="btn-icon-prepend" data-feather="plus-square"></i>
        Add New
      </a> --}}
    </div>
  </div>

  <div class="mt-6 rounded-lg bg-white p-4 shadow-[0_0_10px_0_rgba(183,192,206,0.2)]">
    <table id="datatables" class="table">
      <thead>
        <tr>
          <th>SL</th>
          <th>Name</th>
          <th>Weight</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($roles as $role)
          <tr>
            <td>{{ $loop->iteration }}</td>
            <td>{{ $role->name }}</td>
            <td>{{ $role->role_weight }}</td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>
@endsection
@section('pageScripts')
  <script>
    $(document).ready(function() {
      $('#datatables').DataTable({
        pageLength: 50,
      });
    });

    // $('.card .material-datatables label').addClass('form-group');

    // function deleteData(rowid) {
    //   let url = '{{ route('administrative.role.destroy', ':id') }}';
    //   url = url.replace(':id', rowid);
    //   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) {
    //         axios.delete(url).then(res => {
    //           //console.log(res);
    //         });
    //       } else {
    //         swal("Your imaginary file is safe!");
    //       }
    //     });
    // }
  </script>
@endsection