@extends('app')

@section('content')
    <section class="car" id="car">
        <div class="container" style="padding-top: 1rem">
            <a class="btn btn-primary mt-2 text-white align-items-center" href="{{ route('cars') }}" data-aos="fade-left" data-aos-duration="1000">
                <div class="row text-white align-items-center">
                    <i class="fas fa-caret-square-left fa-3x"></i>&nbsp; Wyświetl wszystkie
                </div>
            </a>
            <h1 class="text-white title" data-aos="zoom-in" data-aos-duration="1000">{{ $car->make }} {{ $car->model }}</h1>
            <div class="card w-100 mt-3" data-aos="zoom-in" data-aos-duration="1000">
                <div class="card-body text-left">
                    <div class="row mb-3">
                        <div class="col-auto">
                            <h4>{{ $car->year }} &bull; {{ $car->mileage }} km &bull; {{ $car->engine_capacity }} cm3 &bull; {{ $car->fuel_type }}</h4>
                        </div>
                        <div class="col">
                            <h4 style="float: right"><b>{{ number_format($car->price, 0, ',', ' ') }} {{ $car->currency }}</b></h4>
                        </div>
                    </div>

                    <div id="primary-slider" class="splide">
                        <div class="splide__track">
                            <ul class="splide__list">
                                @forelse($car->photos as $photo)
                                <li class="splide__slide">
                                    <img src="/{{ $photo->path }}">
                                </li>
                                @empty
                                <li class="splide__slide">
                                    Brak zdjęć
                                </li>
                                @endforelse
                            </ul>
                        </div>
                    </div>

                    <div id="secondary-slider" class="splide mt-3">
                        <div class="splide__track">
                            <ul class="splide__list">
                                @forelse($car->photos as $photo)
                                <li class="splide__slide">
                                    <img src="/{{ $photo->path }}">
                                </li>
                                @empty
                                <li class="splide__slide">
                                    Brak zdjęć
                                </li>
                                @endforelse
                            </ul>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col">
                            <h2>Szczegóły</h2>
                            <hr>
                            <div class="row info">

                                @if(isset($car->make))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Marka pojazdu</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->make }}
                                </div>
                                @endif

                                @if(isset($car->body_type))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Typ</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->body_type }}
                                </div>
                                @endif

                                @if(isset($car->model))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Model pojazdu</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->model }}
                                </div>
                                @endif

                                @if(isset($car->color))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Kolor</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->color }}
                                </div>
                                @endif

                                @if(isset($car->version))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Wersja</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->version }}
                                </div>
                                @endif

                                @if($car->metallic > 0)
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Metalik</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    Tak
                                </div>
                                @endif

                                @if($car->pearl > 0)
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Perła</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    Tak
                                </div>
                                @endif

                                @if($car->matt > 0)
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Mat</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    Tak
                                </div>
                                @endif

                                @if(isset($car->generation))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Generacja</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->generation }}
                                </div>
                                @endif

                                @if(isset($car->country_origin))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Kraj pochodzenia</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->country_origin }}
                                </div>
                                @endif

                                @if(isset($car->year))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Rok produkcji</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{{ $car->year }}}
                                </div>
                                @endif

                                @if(isset($car->date_registration))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Pierwsza rejestracja</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->date_registration }}
                                </div>
                                @endif

                                @if(isset($car->mileage))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Przebieg</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ number_format($car->mileage, 0, ',', ' ') }} km
                                </div>
                                @endif

                                @if($car->original_owner > 0)
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Pierwszy właściciel</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    Tak
                                </div>
                                @endif

                                @if(isset($car->engine_capacity))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Pojemność skokowa</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ number_format($car->engine_capacity, 0, ',', ' ') }} cm3
                                </div>
                                @endif

                                @if($car->no_accident !== null)
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Bezwypadkowy</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    @if($car->no_accident == 1)
                                    Tak
                                    @else 
                                    Nie
                                    @endif
                                </div>
                                @endif

                                @if(isset($car->fuel_type))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Rodzaj paliwa</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->fuel_type }}
                                </div>
                                @endif

                                @if($car->service_record !== null)
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Serwisowany w ASO</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    @if($car->service_record == 1)
                                    Tak
                                    @else 
                                    Nie
                                    @endif
                                </div>
                                @endif

                                @if(isset($car->engine_power))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Moc</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->engine_power }} KM
                                </div>
                                @endif

                                @if(isset($car->new_used))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Stan</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->new_used }}
                                </div>
                                @endif

                                @if(isset($car->gearbox))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Skrzynia biegów</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->gearbox }}
                                </div>
                                @endif

                                @if(isset($car->transmission))
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Napęd</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    {{ $car->transmission }}
                                </div>
                                @endif

                                @if($car->damaged !== null)
                                <div class="col-md-3 col-sm-6">
                                    <i class="fas fa-angle-right"></i> <b>Uszkodzony</b>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    @if($car->damaged == 1)
                                    Tak
                                    @else 
                                    Nie
                                    @endif
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row mt-3">
                        <div class="col">
                            <h2>Wyposażenie</h2>
                            <hr>
                            <div class="row info">

                                @forelse($car->features as $feature)
                                <div class="col-md-4 col-sm-6">
                                    <i class="far fa-check-square"></i> {{ $feature }}
                                </div>
                                @empty
                                Brak danych
                                @endforelse

                            </div>
                        </div>
                    </div>

                <div class="row mt-3">
                    <div class="col">
                        <h2>Dodatkowy opis</h2>
                        <hr>
                        <div class="row info">
                            <div class="col-md-12">
                                {!! nl2br(e($car->description)) !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer text-info">
                <div class="row">
                    <div class="col-md-2">
                        <i class="fas fa-mobile-alt"></i> 501 622 919 
                    </div>
                    <div class="col-md-3">
                        <i class="fas fa-envelope"></i> grabarek@auto.konin.pl
                    </div> 
                    
                </div>

              </div>
        </div>
        <a class="btn btn-primary mt-2 text-white align-items-center" href="{{ route('cars') }}" data-aos="fade-left" data-aos-duration="1000">
            <div class="row text-white align-items-center">
                <i class="fas fa-caret-square-left fa-3x"></i>&nbsp; Wyświetl wszystkie
            </div>
        </a>
    </section>
@endsection