@extends('layouts.admin')

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

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

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

                <form action="{{ route('admin.users.destroy', $user) }}"
                      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