@extends('layouts.app')
@extends('layouts.navbar')
@section('content')
<div class="container">
    <div class="row my-5">
        <h5><strong>{{ $companyName }} - {{ __('Self Drive Cars') }}</strong></h5>
        <div class="row d-flex justify-content-center mt-3">
            @forelse ($selfDriveCars as $selfDriveCar)
                <div class="col-md-5 my-3 d-flex align-items-stretch">
                    <div class="card card-body border-0 shadow" style="background:transparent;border-radius:30px;">
                        <div class="p-3">
                            <div class="mb-2 text-center">
                                @if ($selfDriveCar->vehicleCapacityType->name == "Hatchback")
                                    <img style="width: 70%" src="https://res.cloudinary.com/djisilfwk/image/upload/v1639059275/thriftycab/Cars/tata-tiago-2_n4kt1i.jpg" alt="{{$selfDriveCar->company_name }} - V Way Taxi">
                                @elseif ($selfDriveCar->vehicleCapacityType->name == "Sedan")
                                    <img style="width: 70%" src="https://res.cloudinary.com/djisilfwk/image/upload/v1639059275/thriftycab/Cars/suzuki-dezire-1_rqvpuc.jpg" alt="{{$selfDriveCar->company_name }} - V Way Taxi">
                                @elseif ($selfDriveCar->vehicleCapacityType->name == "SUV")
                                    <img style="width: 70%" src="https://res.cloudinary.com/djisilfwk/image/upload/v1639059273/thriftycab/Cars/hyundai-creta_zxbt4j.jpg" alt="{{$selfDriveCar->company_name }} - V Way Taxi">
                                @elseif ($selfDriveCar->vehicleCapacityType->name == "Van")
                                    <img style="width: 70%" src="https://res.cloudinary.com/djisilfwk/image/upload/v1639059274/thriftycab/Cars/suzuki-eco-1_jjhbz0.jpg" alt="{{$selfDriveCar->company_name }} - V Way Taxi">
                                @endif
                            </div>
                            <h5><strong>{{ $selfDriveCar->vehicleBrand->name }} {{ $selfDriveCar->vehicleModel->name }} ({{ $selfDriveCar->vehicleColour->name }})</strong></h5>
                            <div class="row p-1 d-flex">
                                <span style="border-radius:25px;" class="col-3 badge bg-warning text-dark
                                 mb-2 me-2">{{ $selfDriveCar->vehicleCapacityType->name }}</span>
                                <span style="border-radius:25px;" class="col-3 badge bg-primary text-white mb-2 me-2">{{ $selfDriveCar->max_passengers }} Seater</span>
                                <span style="border-radius:25px;" class="col-3 badge bg-primary text-white mb-2 me-2">{{ $selfDriveCar->fuelType->name }}</span>
                                <span style="border-radius:25px;" class="col-3 badge bg-primary text-white mb-2">{{ $selfDriveCar->transmissionType->name }}</span>
                            </div>
                            <h6><strong>{{ __("Amount : ") }}</strong>Rs.{{ $selfDriveCar->amount }} / {{ $selfDriveCar->rentType->name }}</h6>
                            <h6><strong>{{ __("Limit KM : ") }}</strong>{{ $selfDriveCar->limit_km }} km</h6>
                            <h6><strong>{{ __("After Limit Fare : ") }}</strong>Rs.{{ $selfDriveCar->after_limit_fare }} / km</h6>
                            {{-- <div class="d-flex justify-content-center">
                                <a href="{{ route('self-drive-cars.list',['id' => $selfDriveCar->id]) }}" class="btn btn-primary me-2" style="border-radius:25px;"><i class="fa-solid fa-phone me-2"></i>{{ __('View Cars') }}</a>
                                <a href="tel:+91{{ $selfDriveCar->whatsapp_no }}" class="btn btn-primary me-2" style="border-radius:25px;"><i class="fa-solid fa-phone me-2"></i>{{ __('Call') }}</a>
                                <a href="https://wa.me/91{{ $selfDriveCar->whatsapp_no }}" class="btn whatsapp-btn" style="border-radius:25px;"><i class="fa-brands fa-whatsapp me-2"></i>{{ __('WhatsApp') }}</a>
                            </div> --}}
                        </div>
                    </div>
                </div>
            @empty
                <div class="col-md-6 text-center my-3">
                    <div class="card card-body shadow text-center" style="background:transparent;border-radius:30px;">
                        <p class="fs-6 mt-3"><strong>{{ __('No Cars Available! Try Other Companies!') }}</strong></p>
                    </div>
                </div>
            @endforelse
            {{ $selfDriveCars->withQueryString()->render("pagination::bootstrap-5") }}
        </div>
    </div>
</div>
@endsection
@extends('layouts.footer')