@extends('layouts.admin')

@section('title', 'Manajemen Role')

@section('content')
<div class="main-content">
  <section class="section">
    <div class="section-header">
      <h1>Manajemen Role</h1>
      <div class="section-header-button">
        <a href="{{ route('admin.roles.create') }}" class="btn btn-primary">
          Tambah Role
        </a>
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <table class="table table-bordered">
          <thead>
            <tr>
              <th>No</th>
              <th>Nama Role</th>
              <th>Slug</th>
              <th>Aksi</th>
            </tr>
          </thead>
          <tbody>
            @foreach($roles as $role)
            <tr>
              <td>{{ $loop->iteration }}</td>
              <td>{{ $role->name }}</td>
              <td>{{ $role->slug }}</td>
              <td>
                <a href="{{ route('admin.roles.edit', $role) }}"
                   class="btn btn-warning btn-sm">Edit</a>

                {{-- <form action="{{ route('admin.roles.destroy', $role) }}"
                      method="POST"
                      style="display:inline;">
                  @csrf
                  @method('DELETE')
                  <button class="btn btn-danger btn-sm">
                    Hapus
                  </button>
                </form> --}}
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </section>
</div>
@endsection