@extends('layouts.app')

@section('content')
    <div class="container mt-4">
        <h2 class="mb-4 text-center custom-text-color">{{ $title }}</h2>
        <div class="row text-center">
            @forelse ($products as $product)
                @if (!$product->draft)
                    <div class="custom-md-4 col-md-4 custom-sm-4 custom-xs-6 col-lg-3 mb-4">
                        <div class="card">
                            <a href="{{ Route('productDetails', $product->slug) }}">
                                <img src="{{ Asset('uploads/products/' . $product->images->first()->image) }}"
                                    class="card-img-top max-image-card" alt="Error al cargar las imagenes del producto">
                            </a>
                            <div class="card-body">
                                <a class="text-decoration-none text-black"
                                    href="{{ Route('productDetails', $product->slug) }}">
                                    <h1 class="card-title text-sm fw-bold h4 d-none d-lg-block">{{ $product->display_name }}
                                    </h1>
                                    <h2 class="card-subtitle h5">{{ $product->model }}</h2>
                                    @php
                                        $instance = $product->getBestPricedInstance();
                                        $priceText = '<span class="h5">$' . $product->price . ' MXN</span>';
                                        if ($instance && isset($instance->price)) {
                                            if ($instance->offert && isset($instance->offert->discount_price)) {
                                                $oldPrice = number_format($instance->price, 2, '.', ',');
                                                $price = number_format($instance->offert->discount_price, 2, '.', ',');
                                                $priceText =
                                                    '<span class="text-decoration-line-through">$' .
                                                    $oldPrice .
                                                    ' MXN</span> <span class="custom-text-color h5">$' .
                                                    $price .
                                                    ' MXN</span>';
                                            } else {
                                                $price = number_format($instance->price, 2, '.', ',');
                                                $priceText = '<span class="h5">$' . $price . ' MXN</span>';
                                            }
                                        }
                                    @endphp

                                    <p>{!! $priceText !!}</p>
                                </a>
                            </div>
                        </div>
                    </div>
                @endif
            @empty
                <h3 class="text-danger text-center mb-5">No hay productos disponibles</h3>
            @endforelse
        </div>
        @if (url('/busqueda') != url()->current())
            <div class="container d-flex justify-content-center">
                {{ $products->onEachSide(2)->links() }}
            </div>
        @endif
    </div>
    {{-- Space for HUBS Promotion --}}
    @if (url()->current() == url('marcas/HUBS'))
        <div class="container-fluid custom-bg-color p-3">
            <div class="text-center">
                <a href="https://hubsmx.com/"
                    class="d-flex align-items-center justify-content-center text-white text-decoration-none"
                    target="__blank">
                    <h3>Quieres conocer ver mas productos de esta marca?</h3>
                </a>
                <i class="bi bi-bag-check"></i>
                <small>Has click arriba para ver más</small>
            </div>
        </div>
    @endif
@endsection