@extends('admin.layouts.app')

@section('title', 'Users')

@section('content')
<div class="table-wrapper">
    <div class="table-header">
        @if(auth()->user()->hasPermission('create_user'))
        <a href="{{ route('admin.admin.users.create') }}" class="btn-create">
            <i class="bi bi-plus-lg"></i> Create User
        </a>
        @else
        <div></div>
        @endif

        <div class="search-box">
            <i class="bi bi-search"></i>
            <form method="GET" action="{{ route('admin.admin.users.index') }}">
                <input type="text" name="search" placeholder="Search users..." value="{{ request('search') }}">
            </form>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Phone</th>
                    <th>Redemption Center</th>
                    <th>Role</th>
                    <th>Status</th>
                    <th style="width:130px;">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($users as $index => $user)
                <tr>
                    <td>{{ $users->firstItem() + $index }}</td>
                    <td><strong>{{ $user->full_name }}</strong></td>
                    <td>{{ $user->email }}</td>
                    <td>{{ $user->phone ?? '—' }}</td>
                    <td>{{ $user->redemptionCenter?->name ?? '—' }}</td>
                    <td>{{ $user->role?->name ?? '—' }}</td>
                    <td>
                        <span class="badge-{{ $user->status }}">{{ ucfirst($user->status) }}</span>
                    </td>
                    <td>
                        @if(auth()->user()->hasPermission('edit_user'))
                        <a href="{{ route('admin.admin.users.edit', $user) }}" class="btn-action edit" title="Edit">
                            <i class="bi bi-pencil"></i>
                        </a>
                        @endif

                        <a href="{{ route('admin.admin.users.show', $user) }}" class="btn-action view" title="View">
                            <i class="bi bi-eye"></i>
                        </a>

                        @if(!$user->isSuperAdmin())
                            @if($user->isActive())
                            <form method="POST" action="{{ route('admin.admin.users.deactivate', $user) }}" class="d-inline" onsubmit="return confirm('Deactivate this user?')">
                                @csrf
                                <button type="submit" class="btn-action deactivate" title="Deactivate">
                                    <i class="bi bi-x-circle"></i>
                                </button>
                            </form>
                            @else
                            <form method="POST" action="{{ route('admin.admin.users.reactivate', $user) }}" class="d-inline">
                                @csrf
                                <button type="submit" class="btn-action activate" title="Reactivate">
                                    <i class="bi bi-check-circle"></i>
                                </button>
                            </form>
                            @endif
                        @endif
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="8" class="text-center" style="padding:30px; color:#999;">No users found.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{ $users->links() }}
</div>
@endsection