@extends('layouts.customer')

@php
    $labels = match(app()->getLocale()) {
        'en'=>['back'=>'Back to products','available'=>'Available','on_request'=>'On request','unavailable'=>'Unavailable','base'=>'Base price','your_price'=>'Your price','quantity'=>'Quantity','add'=>'Add to cart','compatibility'=>'Compatible vehicles','make'=>'Make','model'=>'Model','years'=>'Years','engine'=>'Engine','engine_code'=>'Engine code','description'=>'Description','no_vehicles'=>'No compatibility information.'],
        'es'=>['back'=>'Volver a productos','available'=>'Disponible','on_request'=>'Bajo pedido','unavailable'=>'No disponible','base'=>'Precio base','your_price'=>'Tu precio','quantity'=>'Cantidad','add'=>'Añadir al carrito','compatibility'=>'Vehículos compatibles','make'=>'Marca','model'=>'Modelo','years'=>'Años','engine'=>'Motor','engine_code'=>'Código de motor','description'=>'Descripción','no_vehicles'=>'Sin información de compatibilidad.'],
        'tr'=>['back'=>'Ürünlere dön','available'=>'Mevcut','on_request'=>'Sipariş üzerine','unavailable'=>'Mevcut değil','base'=>'Temel fiyat','your_price'=>'Fiyatınız','quantity'=>'Adet','add'=>'Sepete ekle','compatibility'=>'Uyumlu araçlar','make'=>'Marka','model'=>'Model','years'=>'Yıllar','engine'=>'Motor','engine_code'=>'Motor kodu','description'=>'Açıklama','no_vehicles'=>'Uyumluluk bilgisi yok.'],
        'it'=>['back'=>'Torna ai prodotti','available'=>'Disponibile','on_request'=>'Su richiesta','unavailable'=>'Non disponibile','base'=>'Prezzo base','your_price'=>'Il tuo prezzo','quantity'=>'Quantità','add'=>'Aggiungi al carrello','compatibility'=>'Veicoli compatibili','make'=>'Marca','model'=>'Modello','years'=>'Anni','engine'=>'Motore','engine_code'=>'Codice motore','description'=>'Descrizione','no_vehicles'=>'Nessuna informazione di compatibilità.'],
        default=>['back'=>'العودة إلى المنتجات','available'=>'متوفر','on_request'=>'حسب الطلب','unavailable'=>'غير متوفر','base'=>'السعر الأساسي','your_price'=>'سعرك بعد الخصم','quantity'=>'الكمية المطلوبة','add'=>'إضافة إلى السلة','compatibility'=>'السيارات المتوافقة','make'=>'الماركة','model'=>'الموديل','years'=>'السنوات','engine'=>'المحرك','engine_code'=>'كود المحرك','description'=>'الوصف','no_vehicles'=>'لا توجد معلومات توافق.'],
    };
    $translation = $product->translation(app()->getLocale()) ?? $product->translation('ar');
    $baseJod = $pricingService->baseAmount($product,'JOD');
    $baseUsd = $pricingService->baseAmount($product,'USD');
    $customerJod = $baseJod === null ? null : $pricingService->discountedAmount($baseJod,auth()->user());
    $customerUsd = $baseUsd === null ? null : $pricingService->discountedAmount($baseUsd,auth()->user());
    $hasDiscount = $pricingService->discountPercentage(auth()->user()) > 0;
    $statusLabels = ['available'=>$labels['available'],'on_request'=>$labels['on_request'],'unavailable'=>$labels['unavailable']];
@endphp

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

@push('styles')
    .detail-grid { display:grid; grid-template-columns:minmax(280px,1fr) minmax(320px,1.3fr); gap:22px; }
    .gallery { display:grid; grid-template-columns:repeat(2,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:#667085; }
    .status { display:inline-flex; padding:7px 11px; border-radius:999px; font-weight:700; }
    .status-available{color:#fff;background:#146c35}.status-on_request{color:#fff;background:#b45309}.status-unavailable{color:#fff;background:#b42318}
    .price-box { padding:16px; margin:18px 0; border-radius:10px; background:#eaf3fc; }
    .base-price { color:#667085; text-decoration:line-through; }
    .customer-price { color:#0756a3; font-size:22px; font-weight:800; }
    .vehicle-table { width:100%; border-collapse:collapse; }
    .vehicle-table th,.vehicle-table td { padding:11px; border-bottom:1px solid #e4e7ec; text-align:start; }
    @media(max-width:800px){.detail-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}}
@endpush

@section('content')
    <div class="page-header"><h1 class="page-title">{{ $translation?->name ?? $product->internal_code }}</h1><a class="button" href="{{ route('customer.products.index') }}">{{ $labels['back'] }}</a></div>
    <div class="detail-grid">
        <section class="card">
            <div class="gallery">
                @forelse($product->media as $media)
                    @if($media->file_path)<img src="{{ asset('storage/'.$media->file_path) }}" alt="{{ $translation?->name }}">@endif
                @empty
                    <div class="placeholder">ASWARCO</div>
                @endforelse
            </div>
        </section>
        <section class="card">
            <div>{{ $product->internal_code }} — {{ $product->part_brand }}</div>
            <p><span class="status status-{{ $product->availability_status }}">{{ $statusLabels[$product->availability_status] }}</span></p>
            <div class="price-box">
                @if($hasDiscount && $baseJod !== null)<div class="base-price">{{ $labels['base'] }}: {{ number_format($baseJod,3) }} JOD / {{ number_format((float)$baseUsd,3) }} USD</div>@endif
                @if($customerJod !== null)<div class="customer-price">{{ $labels['your_price'] }}: {{ number_format($customerJod,3) }} JOD</div><div class="customer-price">{{ number_format((float)$customerUsd,3) }} USD</div>@endif
            </div>
            <h2>{{ $labels['description'] }}</h2><p>{{ $translation?->description }}</p>
            @if($product->availability_status !== \App\Models\Product::UNAVAILABLE)
                <form method="POST" action="{{ route('customer.cart.store', $product) }}" style="display:flex;gap:10px;align-items:end;flex-wrap:wrap;">
                    @csrf
                    <label><strong>{{ $labels['quantity'] }}</strong><br><input type="number" name="quantity" value="1" min="1" max="999" required style="width:100px;padding:10px;border:1px solid #d0d9e4;border-radius:8px;"></label>
                    <button class="button" type="submit">{{ $labels['add'] }}</button>
                </form>
            @endif
        </section>
    </div>
    <section class="card" style="margin-top:22px;">
        <h2>{{ $labels['compatibility'] }}</h2>
        <div style="overflow-x:auto;"><table class="vehicle-table"><thead><tr><th>{{ $labels['make'] }}</th><th>{{ $labels['model'] }}</th><th>{{ $labels['years'] }}</th><th>{{ $labels['engine'] }}</th><th>{{ $labels['engine_code'] }}</th></tr></thead><tbody>
        @forelse($product->vehicleVariants as $variant)
            <tr><td>{{ $variant->model?->make?->name }}</td><td>{{ $variant->model?->name }}</td><td>{{ $variant->year_from ?? '—' }} – {{ $variant->year_to ?? '—' }}</td><td>{{ $variant->engine_capacity }}</td><td>{{ $variant->engine_code ?? '—' }}</td></tr>
        @empty<tr><td colspan="5">{{ $labels['no_vehicles'] }}</td></tr>@endforelse
        </tbody></table></div>
    </section>
@endsection