@extends('layouts.dashboard')

@section('title', 'Users')
@section('page-title', 'Users Management')

@section('content')
<div class="table-container">
    <!-- Search and Filters -->
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
        <form action="{{ route('dashboard.users') }}" method="GET" class="d-flex gap-2 flex-wrap">
            <input type="text"
                name="search"
                class="form-control"
                placeholder="Search by name, email, or phone..."
                value="{{ request('search') }}"
                style="width: 300px;">
            <select name="status" class="form-select" style="width: 150px;">
                <option value="">All Status</option>
                <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Active</option>
                <option value="inactive" {{ request('status') == 'inactive' ? 'selected' : '' }}>Inactive</option>
            </select>
            @if($clients->count() > 0)
            <select name="client_id" class="form-select" style="width: 200px;">
                <option value="">All Organizations</option>
                @foreach($clients as $client)
                <option value="{{ $client->id }}" {{ request('client_id') == $client->id ? 'selected' : '' }}>
                    {{ $client->name }}
                </option>
                @endforeach
            </select>
            @endif
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-search"></i>
            </button>
            @if(request()->hasAny(['search', 'status', 'client_id']))
            <a href="{{ route('dashboard.users') }}" class="btn btn-outline-secondary">
                <i class="bi bi-x-circle"></i>
            </a>
            @endif
        </form>

        <div class="d-flex align-items-center gap-3">
            <span class="text-muted">Total: {{ $users->total() }} users</span>
            @if(auth()->guard('admin')->user()->hasPermission('users.create'))
            <a href="{{ route('dashboard.users.create') }}" class="btn btn-success">
                <i class="bi bi-person-plus"></i> Add User
            </a>
            @endif
        </div>
    </div>

    @if(!request('client_id'))
    {{-- Organization-wise grouped view --}}
    @forelse($groupedUsers as $clientId => $orgUsers)
    @php
        $orgName = $clientId ? ($orgUsers->first()->client->name ?? 'Unknown Organization') : 'Unassigned Users';
        $orgActive = $clientId ? ($orgUsers->first()->client->is_active ?? false) : true;
    @endphp
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header bg-light d-flex justify-content-between align-items-center">
            <div class="d-flex align-items-center gap-2">
                <div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center" style="width: 32px; height: 32px; font-size: 0.8rem;">
                    {{ strtoupper(substr($orgName, 0, 1)) }}
                </div>
                <div>
                    <h6 class="mb-0">
                        <i class="bi bi-building me-1"></i>{{ $orgName }}
                        <span class="badge bg-{{ $orgActive ? 'success' : 'secondary' }} ms-2" style="font-size: 0.65rem;">
                            {{ $orgActive ? 'Active' : 'Inactive' }}
                        </span>
                    </h6>
                    <small class="text-muted">{{ $orgUsers->count() }} user(s)</small>
                </div>
            </div>
            @if($isSuperAdmin && $clientId)
            <a href="{{ route('dashboard.clients.show', $clientId) }}" class="btn btn-sm btn-outline-primary">
                <i class="bi bi-eye me-1"></i>View Org
            </a>
            @endif
        </div>
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>Phone</th>
                        <th>Status</th>
                        <th>SMS</th>
                        <th>WhatsApp</th>
                        <th>Promotions</th>
                        <th>Last Active</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($orgUsers as $user)
                    @include('dashboard.partials.user-row', ['user' => $user])
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @empty
    <div class="text-center text-muted py-5">
        <i class="bi bi-people" style="font-size: 3rem;"></i>
        <p class="mt-3">No users found. <a href="{{ route('dashboard.users.create') }}">Create your first user</a></p>
    </div>
    @endforelse
    @else
    {{-- Filtered by organization: flat table view --}}
    <div class="table-responsive">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Phone</th>
                    <th>Organization</th>
                    <th>Status</th>
                    <th>SMS</th>
                    <th>WhatsApp</th>
                    <th>Promotions</th>
                    <th>Last Active</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($users as $user)
                <tr>
                    <td>{{ $user->id }}</td>
                    <td>
                        <strong>{{ $user->name }}</strong>
                        <br><small class="text-muted">{{ $user->email }}</small>
                    </td>
                    <td>{{ $user->phone }}</td>
                    <td>
                        @if($user->client)
                        <a href="{{ route('dashboard.clients.show', $user->client_id) }}" class="text-decoration-none">
                            <span class="badge bg-primary bg-opacity-10 text-primary">
                                <i class="bi bi-building me-1"></i>{{ $user->client->name }}
                            </span>
                        </a>
                        @else
                        <span class="badge bg-secondary">Unassigned</span>
                        @endif
                    </td>
                    <td>
                        @if($user->is_active)
                        <span class="badge bg-success">Active</span>
                        @else
                        <span class="badge bg-danger">Inactive</span>
                        @endif
                    </td>
                    <td>
                        @if($user->sms_service_enabled)
                        <span class="badge bg-success"><i class="bi bi-check"></i></span>
                        @else
                        <span class="badge bg-secondary"><i class="bi bi-x"></i></span>
                        @endif
                    </td>
                    <td>
                        @if($user->settings && $user->settings->whatsapp_enabled)
                        <span class="badge bg-success"><i class="bi bi-whatsapp"></i></span>
                        @else
                        <span class="badge bg-secondary"><i class="bi bi-x"></i></span>
                        @endif
                    </td>
                    <td>
                        @if($user->promotions_enabled)
                        <span class="badge bg-success"><i class="bi bi-check"></i></span>
                        @else
                        <span class="badge bg-secondary"><i class="bi bi-x"></i></span>
                        @endif
                    </td>
                    <td>
                        @if($user->last_active_at)
                        {{ $user->last_active_at->diffForHumans() }}
                        @else
                        <span class="text-muted">Never</span>
                        @endif
                    </td>
                    <td>
                        <div class="btn-group">
                            @if(auth()->guard('admin')->user()->hasPermission('users.view'))
                            <a href="{{ route('dashboard.user-details', $user->id) }}"
                                class="btn btn-sm btn-outline-primary" title="View Details">
                                <i class="bi bi-eye"></i>
                            </a>
                            @endif
                            @if(auth()->guard('admin')->user()->hasPermission('users.edit'))
                            <a href="{{ route('dashboard.users.edit', $user->id) }}"
                                class="btn btn-sm btn-outline-secondary" title="Edit">
                                <i class="bi bi-pencil"></i>
                            </a>
                            @endif
                            @if(auth()->guard('admin')->user()->hasPermission('users.toggle_status'))
                            <form action="{{ route('dashboard.users.toggle-status', $user->id) }}" method="POST" class="d-inline">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-outline-{{ $user->is_active ? 'warning' : 'success' }}"
                                    title="{{ $user->is_active ? 'Deactivate' : 'Activate' }}">
                                    <i class="bi bi-{{ $user->is_active ? 'pause' : 'play' }}"></i>
                                </button>
                            </form>
                            @endif
                            @if(auth()->guard('admin')->user()->hasPermission('users.delete'))
                            <form action="{{ route('dashboard.users.delete', $user->id) }}" method="POST" class="d-inline">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-outline-danger" title="Delete"
                                    data-confirm="Are you sure?"
                                    data-confirm-title="Delete User"
                                    data-confirm-btn="Delete"
                                    data-confirm-class="btn-danger">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                            @endif
                        </div>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="10" class="text-center text-muted py-4">
                        No users found. <a href="{{ route('dashboard.users.create') }}">Create your first user</a>
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @endif

    <!-- Pagination -->
    <div class="d-flex justify-content-center mt-4">
        {{ $users->withQueryString()->links() }}
    </div>
</div>
@endsection