@extends('layouts.public')

@php
    $labels = match(app()->getLocale()) {
        'en' => ['back'=>'Back to products','login_notice'=>'Login or create an account to view your private price.','login_button'=>'Login to view price','compatibility'=>'Compatible vehicles','make'=>'Vehicle make','model'=>'Vehicle model','years'=>'Model years','engine'=>'Engine capacity','code'=>'Engine code','description'=>'Description','brand'=>'Part brand','availability'=>'Availability','available'=>'Available','on_request'=>'On request','unavailable'=>'Unavailable','none'=>'No compatibility information is available.','unknown'=>'Not specified'],
        'es' => ['back'=>'Volver a productos','login_notice'=>'Inicia sesión o crea una cuenta para ver tu precio privado.','login_button'=>'Iniciar sesión para ver el precio','compatibility'=>'Vehículos compatibles','make'=>'Marca del vehículo','model'=>'Modelo del vehículo','years'=>'Años del modelo','engine'=>'Cilindrada','code'=>'Código de motor','description'=>'Descripción','brand'=>'Marca de la pieza','availability'=>'Disponibilidad','available'=>'Disponible','on_request'=>'Bajo pedido','unavailable'=>'No disponible','none'=>'No hay información de compatibilidad.','unknown'=>'No especificado'],
        'tr' => ['back'=>'Ürünlere dön','login_notice'=>'Özel fiyatınızı görmek için giriş yapın veya hesap oluşturun.','login_button'=>'Fiyatı görmek için giriş yapın','compatibility'=>'Uyumlu araçlar','make'=>'Araç markası','model'=>'Araç modeli','years'=>'Model yılları','engine'=>'Motor hacmi','code'=>'Motor kodu','description'=>'Açıklama','brand'=>'Parça markası','availability'=>'Stok durumu','available'=>'Mevcut','on_request'=>'Sipariş üzerine','unavailable'=>'Mevcut değil','none'=>'Uyumluluk bilgisi bulunmuyor.','unknown'=>'Belirtilmedi'],
        'it' => ['back'=>'Torna ai prodotti','login_notice'=>'Accedi o crea un account per vedere il tuo prezzo riservato.','login_button'=>'Accedi per vedere il prezzo','compatibility'=>'Veicoli compatibili','make'=>'Marca veicolo','model'=>'Modello veicolo','years'=>'Anni modello','engine'=>'Cilindrata','code'=>'Codice motore','description'=>'Descrizione','brand'=>'Marca ricambio','availability'=>'Disponibilità','available'=>'Disponibile','on_request'=>'Su richiesta','unavailable'=>'Non disponibile','none'=>'Nessuna informazione di compatibilità disponibile.','unknown'=>'Non specificato'],
        default => ['back'=>'العودة إلى المنتجات','login_notice'=>'يجب تسجيل الدخول أو إنشاء حساب لرؤية السعر الخاص بك.','login_button'=>'تسجيل الدخول لرؤية السعر','compatibility'=>'السيارات المتوافقة','make'=>'ماركة السيارة','model'=>'طراز السيارة','years'=>'سنوات الموديل','engine'=>'سعة المحرك','code'=>'كود المحرك','description'=>'وصف القطعة','brand'=>'ماركة القطعة','availability'=>'حالة التوفر','available'=>'متوفر','on_request'=>'حسب الطلب','unavailable'=>'غير متوفر','none'=>'لا توجد معلومات توافق لهذه القطعة.','unknown'=>'غير محدد'],
    };
    $translation = $product->translation(app()->getLocale())
        ?? $product->translation('ar')
        ?? $product->translations->first();
    $firstVehicle = $product->vehicleVariants->first();
    $statusLabels = [
        'available' => $labels['available'],
        'on_request' => $labels['on_request'],
        'unavailable' => $labels['unavailable'],
    ];
@endphp

@section('title', $translation?->name ?? 'ASWARCO')

@push('styles')
    .detail { display:grid; grid-template-columns:minmax(280px,1fr) minmax(340px,1.35fr); gap:22px; }
    .gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .gallery img,.placeholder { width:100%; height:240px; object-fit:cover; border-radius:10px; background:#eef3f8; }
    .placeholder { display:flex; align-items:center; justify-content:center; color:var(--muted); }
    .part-brand { color:var(--muted); font-weight:700; }
    .description { line-height:1.8; }
    .quick-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:18px 0; }
    .quick-detail { padding:12px; border:1px solid var(--border); border-radius:10px; background:var(--bg); }
    .quick-detail small { display:block; margin-bottom:5px; color:var(--muted); }
    .quick-detail strong { color:var(--text); }
    .availability { display:inline-flex; padding:6px 10px; border-radius:999px; font-size:13px; font-weight:800; }
    .availability-available { color:#fff; background:#146c35; }
    .availability-on_request { color:#fff; background:#b45309; }
    .availability-unavailable { color:#fff; background:#b42318; }
    .login-required { padding:14px 16px; margin:18px 0 12px; border:1px solid #fecaca; border-radius:10px; color:#b42318; background:#fff1f1; font-weight:900; line-height:1.6; }
    .table-wrap { overflow:auto; }
    .vehicle { width:100%; border-collapse:collapse; }
    .vehicle th,.vehicle td { padding:11px; border-bottom:1px solid var(--border); text-align:start; white-space:nowrap; }
    @media(max-width:800px){.detail{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.quick-details{grid-template-columns:1fr}}
@endpush

@section('content')
    <div class="page-header">
        <h1 class="page-title">{{ $translation?->name ?? 'ASWARCO' }}</h1>
        <a class="button" href="{{ route('public.products.index') }}">{{ $labels['back'] }}</a>
    </div>

    <div class="detail">
        <section class="card">
            <div class="gallery">
                @forelse($product->media as $media)
                    @if($media->file_path)
                        <img loading="lazy" src="{{ asset('storage/'.$media->file_path) }}" alt="{{ $translation?->name ?? 'ASWARCO' }}">
                    @endif
                @empty
                    <div class="placeholder">ASWARCO</div>
                @endforelse
            </div>
        </section>

        <section class="card">
            <div class="part-brand">{{ $product->part_brand }}</div>

            <div class="quick-details">
                <div class="quick-detail">
                    <small>{{ $labels['brand'] }}</small>
                    <strong>{{ $product->part_brand ?: $labels['unknown'] }}</strong>
                </div>
                <div class="quick-detail">
                    <small>{{ $labels['availability'] }}</small>
                    <span class="availability availability-{{ $product->availability_status }}">{{ $statusLabels[$product->availability_status] ?? $product->availability_status }}</span>
                </div>
                <div class="quick-detail">
                    <small>{{ $labels['make'] }} / {{ $labels['model'] }}</small>
                    <strong>{{ $firstVehicle?->model?->make?->name ?? $labels['unknown'] }} {{ $firstVehicle?->model?->name }}</strong>
                </div>
                <div class="quick-detail">
                    <small>{{ $labels['engine'] }}</small>
                    <strong>{{ $firstVehicle?->engine_capacity ?? $labels['unknown'] }}</strong>
                </div>
            </div>

            @if($translation?->description)
                <h2>{{ $labels['description'] }}</h2>
                <p class="description">{{ $translation->description }}</p>
            @endif

            <div class="login-required">{{ $labels['login_notice'] }}</div>
            <a class="button" href="{{ route('login') }}">{{ $labels['login_button'] }}</a>
        </section>
    </div>

    <section class="card" style="margin-top:22px">
        <h2>{{ $labels['compatibility'] }}</h2>
        <div class="table-wrap">
            <table class="vehicle">
                <thead>
                    <tr>
                        <th>{{ $labels['make'] }}</th>
                        <th>{{ $labels['model'] }}</th>
                        <th>{{ $labels['years'] }}</th>
                        <th>{{ $labels['engine'] }}</th>
                        <th>{{ $labels['code'] }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($product->vehicleVariants as $variant)
                        <tr>
                            <td>{{ $variant->model?->make?->name ?? $labels['unknown'] }}</td>
                            <td>{{ $variant->model?->name ?? $labels['unknown'] }}</td>
                            <td>{{ $variant->year_from ?? '—' }} – {{ $variant->year_to ?? '—' }}</td>
                            <td>{{ $variant->engine_capacity ?: $labels['unknown'] }}</td>
                            <td>{{ $variant->engine_code ?: '—' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="5">{{ $labels['none'] }}</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </section>
@endsection