@extends('layouts.platform')

@section('main')
    <main id="content" role="main">
        <div class="container pt-5 pt-xl-8">
            <div class="row mb-5 mb-lg-8 mt-xl-1">
                <div class="pb-5 pb-lg-0">
                    <div class="d-flex justify-content-between align-items-center mb-4">
                        <h3 class="font-size-21 font-weight-bold mb-0 text-lh-1">La résultat de la recherche :</h3>
                    </div>
                    <!-- End shop-control-bar Title -->
                    <div class="row">
                            @foreach ($offers as $offer)
                                <div class="col-md-6 col-lg-3 mb-3 mb-md-4 pb-1">
                                    <div class="card transition-3d-hover shadow-hover-2 tab-card h-100">
                                        <div class="position-relative">
                                            <a href="{{ route('platform.offers.single', ['p' => $offer->uid]) }}"
                                                class="d-block gradient-overlay-half-bg-gradient-v5">
                                                <img class="min-height-230 bg-img-hero card-img-top"
                                                    src="{{ $offer->attachments ? $offer->attachments : '' }}"
                                                    alt="img">
                                            </a>
                                        </div>
                                        <div class="card-body pl-3 pr-4 pt-2 pb-3">
                                            <div class="ml-1 mb-2">
                                                <div
                                                    class="d-inline-flex align-items-center font-size-13 text-lh-1 text-primary letter-spacing-3">
                                                    <div class="yellow-lighter">
                                                        @for ($i = 0; $i < $offer->rating; $i++)
                                                            <small class="is-filled fas fa-star"></small>
                                                        @endfor
                                                        @for ($i = 0; $i < 5 - $offer->rating; $i++)
                                                            <small class="is-empty far fa-star"></small>
                                                        @endfor
                                                    </div>
                                                </div>
                                            </div>
                                            <a href="{{ route('platform.offers.single', ['p' => $offer->uid]) }}"
                                                class="card-title font-size-17 font-weight-medium text-dark">{{ $offer->titre }}</a>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection