@extends('app')

@section('content')
    <section class="cars" id="cars">
        <div class="container" style="padding-top: 7rem; padding-bottom: 2rem">

          @forelse($cars as $car)
            <div class="row" data-aos="flip-up">
                <a href="{{ route('car', $car->id) }}" class="card w-100 mt-3">
                    <div class="card-body text-left">
                        <div class="row">
                            <div class="col-auto"><img src="{{ $car->photos->where('thumbnail', 1)->first()->path }}" style="height: 200px"></div>
                            <div class="col-auto">
                                <h3><b>{{ $car->make }} {{ $car->model }}</b></h3>
                                <h4>
                                  {{ $car->version }}
                                </h4>
                                <h5>{{ $car->year }} &bull; {{ $car->mileage }} km &bull; {{ $car->engine_capacity }} cm3 &bull; {{ $car->fuel_type }}</h5>
                            </div>
                            <div class="col text-right">
                                <h3>{{ number_format($car->price, 0, ',', ' ') }} {{ $car->currency }}</h3>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            @empty
            <div class="row" data-aos="flip-up">
                  <div class="card-body text-left">
                      <div class="row">
                        Przepraszamy. Brak ofert.
                      </div>
                  </div>
          </div>
          @endforelse


        </div>
    </section>
@endsection