@extends('layouts.main')

@section('main-container')
<div class="container-xl">
    <div class="page-header d-print-none">
        <div class="row g-2 align-items-center">
            <div class="col">
                <h2 class="page-title">Registered Users</h2>
            </div>
            <!-- Page title actions -->
            <div class="col-auto ms-auto d-print-none">
                <div class="btn-list">
                    <a href="{{ url('/admin/register') }}" class="btn btn-primary btn-5 d-none d-sm-inline-block">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                             viewBox="0 0 24 24" fill="none" stroke="currentColor"
                             stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                             class="icon icon-2">
                            <path d="M12 5l0 14" />
                            <path d="M5 12l14 0" />
                        </svg>
                        Add User
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>



<div class="page-body">
    <div class="container-xl">
     {{-- Alert messages --}}
@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif
        <div class="card">
            <div class="card-body table-responsive">
                <table class="table table-bordered table-striped table-hover">
                    <thead class="bg-info-lt text-dark text-center align-middle">
                        <tr>
                            <th>Sl.N</th>
                            <th>Unit</th>
                            <th>State</th>
                            <th>District</th>
                            <th>Block</th>
                            <th>Name</th>
                            <th>Mobile</th>
                            <th>Email</th>
                            <th>Password</th>
                            <th>Inactive</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($users as $index => $user)
                            <tr>
                                <td>{{ ($users->currentPage() - 1) * $users->perPage() + $index + 1 }}</td>
                                <td>{{ $user->unit->name ?? '-' }}</td>
                                <td>{{ $user->state->name ?? '-' }}</td>
                                <td>{{ $user->district->name ?? '-' }}</td>
                                <td>{{ $user->block->name ?? '-' }}</td>

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

                                <td class="text-center">
                                    {{-- Replace 'admin.users.send-reset' with your actual admin route that triggers sending a password reset email to the user --}}
                                   <form action="{{ route('admin.users.send-reset', $user->id) }}" method="POST" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="email" value="{{ $user->email }}">
                                    <button type="submit" class="btn btn-outline-primary btn-sm" title="Send password reset link">
                                        <i class="ti ti-lock-reset"></i> Reset
                                    </button>
                                </form>
                                </td>

                                <td class="text-center">
                                    <form action="{{ route('admin.register.deactivate', $user->id) }}" method="POST"
                                          onsubmit="return confirm('Are you sure you want to deactivate this user?');">
                                        @csrf
                                        @method('PATCH')
                                       <button type="submit" class="btn btn-outline-warning py-0 px-2" style="font-size: 0.8rem;" title="Deactivate User">
                                            🚫
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="10" class="text-center text-muted">No users found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>

                {{-- Pagination: use Bootstrap centering --}}
                <div class="mt-2 col-12 d-flex justify-content-center">
                    {{ $users->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection