@extends('layouts.app')

@section('content')


@if(session('success'))

<div class="alert alert-success alert-dismissible fade show">

{{ session('success') }}

<button class="btn-close"
data-bs-dismiss="alert"></button>

</div>

@endif



@if(session('error'))

<div class="alert alert-danger alert-dismissible fade show">

{{ session('error') }}

<button class="btn-close"
data-bs-dismiss="alert"></button>

</div>

@endif




<div class="container-fluid py-4">


<h3 class="text-center text-danger fw-bold mb-4">

<i class="bi bi-people"></i>

Registered Users

</h3>




<div class="card shadow">


<div class="card-body">


<div class="table-responsive">


<table class="table table-bordered table-hover align-middle">


<thead class="table-dark">


<tr>

<th>#</th>

<th>Name</th>

<th>Email</th>

<th>Role</th>

<th>Admin</th>

<th>Department / Section</th>

<th>Registered</th>

<th>Action</th>


</tr>


</thead>



<tbody>


@forelse($users as $key=>$user)


<tr>


<td>
{{ $key+1 }}
</td>



<td>
{{ $user->name }}
</td>



<td>
{{ $user->email }}
</td>




<td>


@if($user->role=="admin")

<span class="badge bg-danger">
Admin
</span>


@elseif($user->role=="coordinator")

<span class="badge bg-warning text-dark">
Coordinator
</span>


@elseif($user->role=="department")

<span class="badge bg-info">
Department
</span>


@else

<span class="badge bg-secondary">
Operator
</span>


@endif


</td>





<td>


@if($user->is_admin==1)

<span class="badge bg-success">
YES
</span>


@else

<span class="badge bg-secondary">
NO
</span>


@endif


</td>





<td>


@if($user->complaintAgainst)


{{ 
$user->complaintAgainst->name 
}}


@else

<span class="text-muted">

N/A

</span>


@endif



</td>





<td>

{{ 
$user->created_at 
? $user->created_at->format('d M Y')
: '-'
}}


</td>




<td>


@if(auth()->user()->is_admin==1)


@if($user->id != 1)


<form action="{{ route('users.destroy',$user->id) }}"
method="POST"
onsubmit="return confirm('Delete this user?');">


@csrf

@method('DELETE')


<button class="btn btn-danger btn-sm">

<i class="bi bi-trash"></i>

Delete

</button>



</form>


@else


<span class="badge bg-dark">
Protected Admin
</span>


@endif


@else


<span class="text-muted">

No Permission

</span>


@endif


</td>




</tr>


@empty


<tr>

<td colspan="8"
class="text-center">

No users found.

</td>

</tr>


@endforelse



</tbody>


</table>


</div>


</div>


</div>


</div>



@endsection