@extends('layouts.app')
@extends('layouts.navbar')
@section('content')
<div class="container">
    <div class="row my-5">
        <h2><strong>{{ __('Latest Offers') }}</strong></h2>
        <div class="row d-flex justify-content-center mt-3">
            @forelse ($latestOffers as $latestOffer)
                <div class="col-md-3 text-center my-3 d-flex align-items-stretch">
                    <div class="card card-body shadow border-0 text-center d-flex justify-content-evenly" style="background:transparent;border-radius:30px;">
                        <div class="justify-content-center">
                            <img class="cat-img-3" src="{{ asset('uploads/offers/') }}/{{ $latestOffer->image }}" alt="Latest Offer - V Way Taxi">
                        </div>
                        <p class="fs-5 mt-3">{!! $latestOffer->description !!}</p>
                        @if ($latestOffer->phone_number!=NULL)
                            <a href="tel:+91{{ $latestOffer->phone_number }}" class="btn btn-outline-primary col-md-12" style="border-radius:30px;"><i class="fa-solid fa-phone me-2"></i><strong>{{ __('Call') }}</strong></a>
                        @endif
                    </div>
                </div>
            @empty
                <div class="col-md-3 text-center my-3">
                    <div class="card card-body shadow text-center" style="background:transparent;border-radius:30px;">
                        <p class="fs-5 mt-3"><strong>{{ __('No Offers Found! Try Again Later!') }}</strong></p>
                    </div>
                </div>
            @endforelse
        </div>
    </div>
</div>
@endsection
@extends('layouts.footer')