@extends('layouts.admin.app')

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

@section('content')

<div class="card">
    <div class="card-header">
        <h4>Manajemen Pengguna</h4>
        <a href="{{ route('users.create') }}" class="btn btn-primary float-right">
            + Tambah User
        </a>
    </div>

    <div class="card-body">
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        <table id="datatable" class="table table-bordered">
            <thead>
                <tr>
                    <th>Nama</th>
                    <th>Email</th>
                    <th>Role</th>
                    <th>Status</th>
                    <th width="250">Aksi</th>
                </tr>
            </thead>
            <tbody>
                @foreach($users as $u)
                <tr>
                    <td>{{ $u->name }}</td>
                    <td>{{ $u->email }}</td>
                    <td>{{ ucfirst($u->role) }}</td>
                    <td>
                        {!! $u->is_active
                            ? '<span class="badge bg-success">Aktif</span>'
                            : '<span class="badge bg-danger">Nonaktif</span>' !!}
                    </td>
                    <td>
                        <a href="{{ route('users.edit',$u->id) }}" class="btn btn-sm btn-warning">Edit</a>

                        <form action="{{ route('users.destroy',$u->id) }}" method="POST" style="display:inline">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-danger"
                              onclick="return confirm('Hapus user ini?')">
                              Hapus
                            </button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

@endsection