@extends('admin.layouts.app')

@section('content')

<div class="row">
    <div class="col-sm-12">
       <div class="card">
          <div class="card-header d-flex justify-content-between">
             <div class="header-title">
                <h4 class="card-title">{{ $title }}</h4>
             </div>
          </div>
          <div class="card-body">
            @can('create '.$menu)
            <a href="{{route($url.'.create')}}" class="btn btn-sm btn-success mb-2"><i class="fa fa-plus"> </i>Tambah Data</a>
            @endcan
             <div class="table-responsive">
                <table id="datatable" class="table" data-toggle="data-table">
                   <thead>
                      <tr>
                         <th>No</th>
                         <th>Nama Role</th>
                         <th>Aksi</th>
                      </tr>
                   </thead>
                   <tbody>
                        @foreach ($datas as $data)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $data->name }}</td>
                            <td>
                                <form method="POST" action="{{route($url.'.destroy', $data->id)}}">
                                    {{csrf_field()}}
                                    <input type="hidden" name="_method" value="DELETE">
                                    @can('edit '.$menu)
                                       <a href="{{route($url.'.edit', $data->id)}}" class="btn btn-sm btn-warning"><i class="fa fa-pen"> </i>Edit</a>
                                    @endcan

                                    @can('delete '.$menu)
                                    @if ($data->name != "Admin")
                                    <button type="submit" class="btn btn-sm btn-danger" onclick="return hapus()"><i class="fa fa-trash"></i> Hapus</button>
                                    @endif
                                    @endcan
                                </form>
                            </td>
                        </tr>
                        @endforeach
                   </tbody>
                </table>
             </div>
          </div>
       </div>
    </div>
 </div>
    
@endsection