{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: index.blade.php
------------------------------------------------------
Use: Admin users list from the approved design: status
     filter pills, server-side search and the paginated
     users table with verification badges.
=====================================================
--}}

@extends('layouts.admin')

@section('title', __('admin.users.title'))

@section('breadcrumb')
    <x-ui.breadcrumb :items="[
        ['label' => __('admin.breadcrumb.home'), 'url' => route('admin.users.index')],
        ['label' => __('admin.users.breadcrumb')],
    ]" />
@endsection

@section('page')
    <div class="mb-5">
        <h1 class="mb-1 text-2xl font-bold tracking-tight">{{ __('admin.users.title') }}</h1>
        <p class="text-sm text-ink-muted">{{ __('admin.users.subtitle') }}</p>
    </div>

    <x-ui.info-box class="mb-5">
        {{ __('admin.users.info') }}
    </x-ui.info-box>

    <div class="rounded-2xl border border-line bg-white p-5">
        <div class="mb-4.5 flex flex-wrap items-center justify-between gap-3.5">

            @php
                // Params carried across the status pills so the standing filter
                // and search survive a status switch (standing 0 is valid, so it
                // is kept explicitly rather than via array_filter).
                $keep = [];
                if ($search !== '') { $keep['q'] = $search; }
                if ($standing !== null) { $keep['standing'] = $standing; }
            @endphp

            {{-- Status filter pills; state lives in the URL so it survives
                 pagination and refreshes. --}}
            <div class="inline-flex flex-wrap gap-0.5 rounded-xl bg-[#f2f0fa] p-1">
                @foreach (__('admin.users.filters') as $key => $label)
                    <a
                        href="{{ route('admin.users.index', $key === 'all' ? $keep : array_merge($keep, ['status' => $key])) }}"
                        @class([
                            'rounded-[9px] px-4 py-2 text-[13px] font-bold transition',
                            'bg-white text-primary-600 shadow-sm' => $status === $key,
                            'text-ink-muted hover:text-primary-600' => $status !== $key,
                        ])
                    >{{ $label }}</a>
                @endforeach
            </div>

            {{-- Good-standing level filter + search, one GET form so both (and
                 the current status) travel together. --}}
            <form method="GET" action="{{ route('admin.users.index') }}" class="flex flex-wrap items-center gap-2.5">
                @if ($status !== 'all')
                    <input type="hidden" name="status" value="{{ $status }}">
                @endif

                <select name="standing" onchange="this.form.submit()"
                        class="cursor-pointer appearance-none rounded-[11px] border-[1.5px] border-[#e3e1ec] bg-[#fbfbfd] px-3.5 py-2.5 text-[13px] text-ink-soft outline-none transition focus:border-primary-600 focus:bg-white">
                    <option value="">{{ __('admin.users.standing_all') }}</option>
                    @foreach ($standingLevels as $tier)
                        <option value="{{ $tier['index'] }}" @selected($standing === $tier['index'])>{{ $tier['label'] }}</option>
                    @endforeach
                </select>

                <span class="flex items-center rounded-[11px] border-[1.5px] border-[#e3e1ec] bg-[#fbfbfd] px-3 transition focus-within:border-primary-600 focus-within:bg-white">
                    <svg class="size-4 shrink-0 text-ink-faint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.5" y2="16.5"/></svg>
                    <input
                        type="text"
                        name="q"
                        value="{{ $search }}"
                        placeholder="{{ __('admin.users.search_placeholder') }}"
                        class="w-44 border-none bg-transparent px-2 py-2.5 text-[13px] outline-none placeholder:text-ink-faint sm:w-52"
                    >
                </span>
            </form>
        </div>

        <div class="overflow-x-auto rounded-[14px] border border-[#f0eff5]">
            <table class="w-full min-w-[760px] border-collapse text-right text-[13.5px]">
                <thead>
                    <tr class="bg-[#faf9fd] text-ink-muted">
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.users.columns.user') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.users.columns.mobile') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.users.columns.type') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.users.columns.registered_at') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.users.columns.status') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.users.columns.standing') }}</th>
                        <th class="px-4.5 py-3.5 text-center font-bold">{{ __('admin.users.columns.actions') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($users as $user)
                        <tr class="border-t border-[#f0eff5]">
                            <td class="px-4.5 py-3.5">
                                <div class="flex items-center gap-2.5">
                                    <span class="flex size-[34px] shrink-0 items-center justify-center rounded-full bg-[#efeafb] text-xs font-bold text-primary-600">
                                        {{ mb_substr($user->first_name, 0, 1) }}.{{ mb_substr($user->last_name, 0, 1) }}
                                    </span>
                                    {{-- Usernames link (new tab) to their own detail page, everywhere. --}}
                                    <a href="{{ route('admin.users.show', $user) }}" target="_blank" class="font-bold text-ink transition hover:text-primary-600">
                                        {{ $user->fullName() }}
                                    </a>
                                </div>
                            </td>
                            {{-- Digits flow LTR but stay right-aligned in the RTL table. --}}
                            <td class="px-4.5 py-3.5 text-right! text-ink-soft" dir="ltr">@fa($user->mobile)</td>
                            <td class="px-4.5 py-3.5 text-ink-soft">{{ __("admin.users.types.{$user->type}") }}</td>
                            <td class="px-4.5 py-3.5 text-ink-soft">@jalali($user->created_at)</td>
                            <td class="px-4.5 py-3.5">
                                <span @class([
                                    'rounded-2xl px-2.5 py-1.5 text-xs font-bold',
                                    'bg-[#eef0f4] text-ink-soft' => $user->verification_status === \App\Models\User::VERIFICATION_UNVERIFIED,
                                    'bg-[#fff5e6] text-amber-600' => $user->verification_status === \App\Models\User::VERIFICATION_PENDING,
                                    'bg-[#e7f7ee] text-green-600' => $user->verification_status === \App\Models\User::VERIFICATION_APPROVED,
                                    'bg-secondary-50 text-secondary-500' => $user->verification_status === \App\Models\User::VERIFICATION_REJECTED,
                                ])>
                                    {{ __("admin.users.statuses.{$user->verification_status}") }}
                                </span>
                                @if ($user->isBlocked())
                                    <span class="mr-1 rounded-2xl bg-secondary-500 px-2.5 py-1.5 text-xs font-bold text-white">
                                        {{ __('admin.users.blocked_badge') }}
                                    </span>
                                @endif
                            </td>
                            <td class="px-4.5 py-3.5">
                                @php
                                    $lvl = \App\Support\GoodStanding::levelForScore((int) $user->good_standing_score);
                                    $lvlColor = \App\Support\GoodStanding::color($lvl);
                                @endphp
                                <span class="inline-flex items-center gap-1.5 rounded-2xl px-2.5 py-1.5 text-xs font-bold" style="color: {{ $lvlColor }}; background: {{ $lvlColor }}1a">
                                    <span class="size-1.5 rounded-full" style="background: {{ $lvlColor }}"></span>
                                    {{ \App\Support\GoodStanding::label($lvl) }}
                                </span>
                            </td>
                            <td class="px-4.5 py-3.5 text-center">
                                <a href="{{ route('admin.users.show', $user) }}" class="inline-flex rounded-[9px] bg-[#f2f0fa] px-4 py-2 text-[12.5px] font-bold text-primary-600 transition hover:bg-[#e8e3f8]">
                                    {{ __('admin.users.details') }}
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr class="border-t border-[#f0eff5]">
                            <td colspan="7" class="px-4.5 py-10 text-center text-sm text-ink-muted">
                                {{ __('admin.users.empty') }}
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if ($users->hasPages())
            <div class="mt-4.5">
                {{ $users->links() }}
            </div>
        @endif
    </div>
@endsection