@extends('layouts.app')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h4 class="m-0">کاربران</h4>
  <a class="btn btn-primary" href="{{ route('admin.users.create') }}">+ افزودن</a>
</div>

<div class="card rounded-4">
  <div class="table-responsive">
    <table class="table align-middle mb-0">
      <thead>
        <tr>
          <th>#</th><th>نام</th><th>ایمیل</th><th>نقش</th><th class="text-end">عملیات</th>
        </tr>
      </thead>
      <tbody>
        @foreach($users as $u)
          <tr>
            <td>{{ $u->id }}</td>
            <td>{{ $u->name }}</td>
            <td>{{ $u->email }}</td>
            <td><span class="badge text-bg-secondary">{{ $u->role }}</span></td>
            <td class="text-end">
              <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.users.edit', $u) }}">ویرایش</a>
              <form class="d-inline" method="POST" action="{{ route('admin.users.destroy', $u) }}" onsubmit="return confirm('حذف شود؟')">
                @csrf @method('DELETE')
                <button class="btn btn-sm btn-outline-danger">حذف</button>
              </form>
            </td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>

<div class="mt-3">{{ $users->links() }}</div>
@endsection