@extends('layouts.app')

@section('title', 'Manage Users')

@section('content')
<div class="card shadow mb-4">
    <div class="card-header py-3 d-flex justify-content-between align-items-center">
        <h6 class="m-0 font-weight-bold text-primary">All Users</h6>
        <a href="{{ route('users.create') }}" class="btn btn-primary btn-sm">
            <i class="fas fa-plus"></i> Add New User
        </a>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered table-striped" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th width="5%">No.</th>
                        <th>Username</th>
                        <th>Role</th>
                        <th width="15%">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($users as $u)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $u->username }}</td>
                        <td>
                            @if($u->role == 'admin')
                                <span class="badge badge-primary">Admin</span>
                            @else
                                <span class="badge badge-secondary">Normal</span>
                            @endif
                        </td>
                        <td>
                            <a href="{{ route('users.edit', $u->id) }}" class="btn btn-primary btn-sm action-btn" title="Edit Record">
                                <i class="fas fa-edit"></i>
                            </a>
                            @if(auth()->id() !== $u->id)
                            <form action="{{ route('users.destroy', $u->id) }}" method="POST" class="d-inline" title="Delete Record">
                                @csrf
                                @method('DELETE')
                                <button type="button" class="btn btn-danger btn-sm action-btn confirm-delete">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection