@extends('layouts.platform')

@section('main')
    <div class="products-page">
        <div class="banner banner-style-two" style="background: url({{ asset('images/banner-1.png') }})">
            <div class="container wrapper">
                <h1>résultat de recherche</h1>
            </div>
        </div>
        <section class="section shop-grid" id="offers-page">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="widget-area">
                            <div class="widget__categories">
                                <span class="widget__title">Catégories</span>
                                <ul class="widget__list">
                                    @foreach ($categories as $category)
                                        <li>
                                            <a href="#">{{ $category->name }}</a>
                                            <span>({{ $category->count }})</span>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                            <div class="widget__categories">
                                <span class="widget__title">Villes</span>
                                <ul class="widget__list">
                                    @foreach ($cities as $city)
                                        <li>
                                            <a href="#">{{ $city->name }}</a>
                                            <span>({{ $city->offers }})</span>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <div class="content-area">
                            <div class="ce-sorting">
                                <div class="gridlist-toggle">
                                    <a href="{{route('platform.offers.index',['layout' => "grid"])}}" id="grid" class="{{($layout === "grid") ? "active" : ""}}">
                                        <i class="bi bi-grid-3x3-gap-fill"></i>
                                    </a>
                                    <a href="{{route('platform.offers.index',['layout' => "list"])}}" id="list" class="{{($layout === "list") ? "active" : ""}}">
                                        <i class="fas fa-bars"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="ce-products row {{($layout === "grid") ? "display-grid" : "display-list"}}">
                                @foreach ($offers as $offer)
                                @if ($layout === "grid")
                                <div class="col-md-4">            
                                @endif
                                    <div class="ce-product">
                                        <div class="ce-product__cover">
                                            <div class="ce-product__image">
                                                <img src="{{($offer->attachments) ? $offer->attachments : ''}}"
                                                    loading="lazy" class="img-fluid" alt="product image">
                                            </div>
                                            @if ($layout === "grid")
                                            <div class="ce-product__action">
                                                @csrf
                                                <button class="ce-product__button ce-product__like" data-favorite="{{route('platform.favorites.create',['p' => $offer->uid])}}">
                                                    <i class="far fa-heart"></i>
                                                </button>
                                                <a href="{{route('platform.offers.single',["p" => $offer->uid])}}" class="ce-product__button">
                                                    <i class="fa-solid fa-eye"></i>
                                                </a>
                                            </div>
                                            @endif
                                        </div>
                                        <div class="ce-product__details">
                                            <h3 class="ce-product__title">
                                                <a href="{{route('platform.offers.single',["p" => $offer->uid])}}">{{$offer->titre}}</a>
                                            </h3>
                                            @if ($layout === "list")
                                            <p>{{$offer->description}}</p>
                                            @endif
                                            <ul class="ce-product__rating">
                                                @for ($i = 0; $i < $offer->rating; $i++)
                                                <li><i class="is-filled fa-sharp fa-solid fa-star"></i></li>
                                                @endfor
                                                @for ($i = 0; $i < ( 5 - $offer->rating); $i++)
                                                <li><i class="is-empty fa-sharp fa-regular fa-star"></i></li>
                                                @endfor
                                            </ul>
                                            @if ($layout === "list")
                                            <div class="ce-product__action">
                                                <button class="ce-product__button ce-product__like" data-favorite="{{route('platform.favorites.create',['p' => $offer->uid])}}">
                                                    @csrf
                                                    <i class="far fa-heart"></i>
                                                </button>
                                                <a href="{{route('platform.offers.single',["p" => $offer->uid])}}" class="ce-product__button">
                                                    <i class="fa-solid fa-eye"></i>
                                                </a>
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                @if ($layout === "grid")
                                </div>
                                @endif
                                @endforeach
                            </div>
                        </div>
                        @if (method_exists($offers, 'links'))
                            {{ $offers->links() }}
                        @endif
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection