_car_tabs.blade.php 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. {{--
  2. Partial: вкладки автомобиля — описание, характеристики, комплектация, доставка
  3. Переменные из родителя: $car, $fuelLabels, $transLabels, $driveLabels
  4. --}}
  5. {{-- Навигация по вкладкам --}}
  6. <div class="tab-nav">
  7. <div class="tab-btn active" onclick="switchTab('desc', this)">Описание</div>
  8. <div class="tab-btn" onclick="switchTab('specs', this)">Характеристики</div>
  9. @if($car->options)
  10. <div class="tab-btn" onclick="switchTab('opts', this)">Комплектация</div>
  11. @endif
  12. <div class="tab-btn" onclick="switchTab('delivery', this)">Доставка</div>
  13. </div>
  14. {{-- Описание --}}
  15. <div class="tab-pane active" id="tp-desc">
  16. @if($car->description)
  17. <div class="car-desc-text">{!! nl2br(e($car->description)) !!}</div>
  18. @else
  19. <p class="car-desc-text">
  20. {{ $car->make }} {{ $car->model }} {{ $car->year }} года
  21. @if($car->country_origin) из {{ $car->country_origin }}@endif.
  22. Автомобиль прошёл проверку перед покупкой, все документы в порядке.
  23. @if($car->customs_cleared) Растаможка включена в стоимость. @endif
  24. </p>
  25. @endif
  26. <p class="car-desc-text" style="color:var(--muted)">Доставка занимает 4–6 недель из Европы, 5–8 недель из Азии. Автомобиль застрахован на весь период транспортировки.</p>
  27. </div>
  28. {{-- Характеристики --}}
  29. <div class="tab-pane" id="tp-specs">
  30. <div class="car-specs-row" style="grid-template-columns:repeat(3,1fr);gap:8px">
  31. <div class="car-spec-box"><div class="car-spec-label">Марка</div><div class="car-spec-val">{{ $car->make }}</div></div>
  32. <div class="car-spec-box"><div class="car-spec-label">Модель</div><div class="car-spec-val">{{ $car->model }}</div></div>
  33. <div class="car-spec-box"><div class="car-spec-label">Год</div><div class="car-spec-val">{{ $car->year }}</div></div>
  34. @if($car->mileage_km !== null)
  35. <div class="car-spec-box">
  36. <div class="car-spec-label">Пробег</div>
  37. <div class="car-spec-val">{{ $car->mileage_km > 0 ? number_format($car->mileage_km, 0, '.', ' ') . ' км' : '0 км' }}</div>
  38. </div>
  39. @endif
  40. @if($car->engine_volume || $car->engine_power_hp)
  41. <div class="car-spec-box">
  42. <div class="car-spec-label">Двигатель</div>
  43. <div class="car-spec-val">
  44. @if($car->engine_volume) {{ $car->engine_volume }}л @endif
  45. @if($car->engine_power_hp) / {{ $car->engine_power_hp }} л.с. @endif
  46. </div>
  47. </div>
  48. @endif
  49. @if($car->engine_type)
  50. <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>
  51. @endif
  52. @if($car->transmission)
  53. <div class="car-spec-box"><div class="car-spec-label">КПП</div><div class="car-spec-val">{{ $transLabels[$car->transmission] ?? $car->transmission }}</div></div>
  54. @endif
  55. @if($car->drive)
  56. <div class="car-spec-box"><div class="car-spec-label">Привод</div><div class="car-spec-val">{{ $driveLabels[$car->drive] ?? $car->drive }}</div></div>
  57. @endif
  58. @if($car->body_type)
  59. <div class="car-spec-box"><div class="car-spec-label">Кузов</div><div class="car-spec-val">{{ ucfirst($car->body_type) }}</div></div>
  60. @endif
  61. @if($car->doors)
  62. <div class="car-spec-box"><div class="car-spec-label">Дверей</div><div class="car-spec-val">{{ $car->doors }}</div></div>
  63. @endif
  64. @if($car->color_exterior)
  65. <div class="car-spec-box"><div class="car-spec-label">Цвет</div><div class="car-spec-val">{{ $car->color_exterior }}</div></div>
  66. @endif
  67. @if($car->steering)
  68. <div class="car-spec-box"><div class="car-spec-label">Руль</div><div class="car-spec-val">{{ $car->steering === 'left' ? 'Левый' : 'Правый' }}</div></div>
  69. @endif
  70. @if($car->owners_count !== null)
  71. <div class="car-spec-box"><div class="car-spec-label">Владельцев</div><div class="car-spec-val">{{ $car->owners_count }}</div></div>
  72. @endif
  73. @if($car->country_origin)
  74. <div class="car-spec-box"><div class="car-spec-label">Страна</div><div class="car-spec-val">{{ $car->country_origin }}</div></div>
  75. @endif
  76. @if($car->city)
  77. <div class="car-spec-box"><div class="car-spec-label">Город</div><div class="car-spec-val">{{ $car->city }}</div></div>
  78. @endif
  79. @if($car->pts)
  80. <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>
  81. @endif
  82. </div>
  83. </div>
  84. {{-- Комплектация (только если есть) --}}
  85. @if($car->options)
  86. <div class="tab-pane" id="tp-opts">
  87. <div class="opts-grid">
  88. @foreach((array)$car->options as $opt)
  89. <div class="opt">{{ $opt }}</div>
  90. @endforeach
  91. </div>
  92. </div>
  93. @endif
  94. {{-- Доставка --}}
  95. <div class="tab-pane" id="tp-delivery">
  96. <p class="car-desc-text">Доставка из страны поставки до вашего города полностью под ключ:</p>
  97. <div class="opts-grid" style="margin-top:16px">
  98. <div class="opt">Покупка за рубежом</div>
  99. <div class="opt">Транспортировка со страховкой</div>
  100. <div class="opt">Таможенная очистка</div>
  101. <div class="opt">Льготный утиль для физлиц</div>
  102. <div class="opt">Получение ЭПТС</div>
  103. <div class="opt">Получение СБКТС</div>
  104. <div class="opt">Доставка до вашего города</div>
  105. <div class="opt">Фото/видео каждый этап</div>
  106. </div>
  107. </div>