{{--
    Partial: вкладки автомобиля — описание, характеристики, комплектация, доставка
    Переменные из родителя: $car, $fuelLabels, $transLabels, $driveLabels
--}}

{{-- Навигация по вкладкам --}}
<div class="tab-nav">
    <div class="tab-btn active" onclick="switchTab('desc', this)">Описание</div>
    <div class="tab-btn" onclick="switchTab('specs', this)">Характеристики</div>
    @if($car->options)
        <div class="tab-btn" onclick="switchTab('opts', this)">Комплектация</div>
    @endif
    <div class="tab-btn" onclick="switchTab('delivery', this)">Доставка</div>
</div>

{{-- Описание --}}
<div class="tab-pane active" id="tp-desc">
    @if($car->description)
        <div class="car-desc-text">{!! nl2br(e($car->description)) !!}</div>
    @else
        <p class="car-desc-text">
            {{ $car->make }} {{ $car->model }} {{ $car->year }} года
            @if($car->country_origin) из {{ $car->country_origin }}@endif.
            Автомобиль прошёл проверку перед покупкой, все документы в порядке.
            @if($car->customs_cleared) Растаможка включена в стоимость. @endif
        </p>
    @endif
    <p class="car-desc-text" style="color:var(--muted)">Доставка занимает 4–6 недель из Европы, 5–8 недель из Азии. Автомобиль застрахован на весь период транспортировки.</p>
</div>

{{-- Характеристики --}}
<div class="tab-pane" id="tp-specs">
    <div class="car-specs-row" style="grid-template-columns:repeat(3,1fr);gap:8px">
        <div class="car-spec-box"><div class="car-spec-label">Марка</div><div class="car-spec-val">{{ $car->make }}</div></div>
        <div class="car-spec-box"><div class="car-spec-label">Модель</div><div class="car-spec-val">{{ $car->model }}</div></div>
        <div class="car-spec-box"><div class="car-spec-label">Год</div><div class="car-spec-val">{{ $car->year }}</div></div>

        @if($car->mileage_km !== null)
        <div class="car-spec-box">
            <div class="car-spec-label">Пробег</div>
            <div class="car-spec-val">{{ $car->mileage_km > 0 ? number_format($car->mileage_km, 0, '.', ' ') . ' км' : '0 км' }}</div>
        </div>
        @endif

        @if($car->engine_volume || $car->engine_power_hp)
        <div class="car-spec-box">
            <div class="car-spec-label">Двигатель</div>
            <div class="car-spec-val">
                @if($car->engine_volume) {{ $car->engine_volume }}л @endif
                @if($car->engine_power_hp) / {{ $car->engine_power_hp }} л.с. @endif
            </div>
        </div>
        @endif

        @if($car->engine_type)
        <div class="car-spec-box"><div class="car-spec-label">Топливо</div><div class="car-spec-val">{{ $fuelLabels[$car->engine_type] ?? $car->engine_type }}</div></div>
        @endif

        @if($car->transmission)
        <div class="car-spec-box"><div class="car-spec-label">КПП</div><div class="car-spec-val">{{ $transLabels[$car->transmission] ?? $car->transmission }}</div></div>
        @endif

        @if($car->drive)
        <div class="car-spec-box"><div class="car-spec-label">Привод</div><div class="car-spec-val">{{ $driveLabels[$car->drive] ?? $car->drive }}</div></div>
        @endif

        @if($car->body_type)
        <div class="car-spec-box"><div class="car-spec-label">Кузов</div><div class="car-spec-val">{{ ucfirst($car->body_type) }}</div></div>
        @endif

        @if($car->doors)
        <div class="car-spec-box"><div class="car-spec-label">Дверей</div><div class="car-spec-val">{{ $car->doors }}</div></div>
        @endif

        @if($car->color_exterior)
        <div class="car-spec-box"><div class="car-spec-label">Цвет</div><div class="car-spec-val">{{ $car->color_exterior }}</div></div>
        @endif

        @if($car->steering)
        <div class="car-spec-box"><div class="car-spec-label">Руль</div><div class="car-spec-val">{{ $car->steering === 'left' ? 'Левый' : 'Правый' }}</div></div>
        @endif

        @if($car->owners_count !== null)
        <div class="car-spec-box"><div class="car-spec-label">Владельцев</div><div class="car-spec-val">{{ $car->owners_count }}</div></div>
        @endif

        @if($car->country_origin)
        <div class="car-spec-box"><div class="car-spec-label">Страна</div><div class="car-spec-val">{{ $car->country_origin }}</div></div>
        @endif

        @if($car->city)
        <div class="car-spec-box"><div class="car-spec-label">Город</div><div class="car-spec-val">{{ $car->city }}</div></div>
        @endif

        @if($car->pts)
        <div class="car-spec-box"><div class="car-spec-label">ПТС</div><div class="car-spec-val">{{ ['original'=>'Оригинал','duplicate'=>'Дубликат','electronic'=>'ЭПТС'][$car->pts] ?? $car->pts }}</div></div>
        @endif
    </div>
</div>

{{-- Комплектация (только если есть) --}}
@if($car->options)
<div class="tab-pane" id="tp-opts">
    <div class="opts-grid">
        @foreach((array)$car->options as $opt)
            <div class="opt">{{ $opt }}</div>
        @endforeach
    </div>
</div>
@endif

{{-- Доставка --}}
<div class="tab-pane" id="tp-delivery">
    <p class="car-desc-text">Доставка из страны поставки до вашего города полностью под ключ:</p>
    <div class="opts-grid" style="margin-top:16px">
        <div class="opt">Покупка за рубежом</div>
        <div class="opt">Транспортировка со страховкой</div>
        <div class="opt">Таможенная очистка</div>
        <div class="opt">Льготный утиль для физлиц</div>
        <div class="opt">Получение ЭПТС</div>
        <div class="opt">Получение СБКТС</div>
        <div class="opt">Доставка до вашего города</div>
        <div class="opt">Фото/видео каждый этап</div>
    </div>
</div>