@extends('layouts.layout')

@section('title', __('Gamme de produits'))

@section('content')

    <div class="ranges section">
        <div class="ranges__wrapper wrapper">
            <div class="ranges__wrapper-inner wrapper-inner">
                <div class="top-block">
                    <h2 class="top-block__title title mb0">{{ __('Des produits de qualité...') }}</h2>
                    @if (Route::current()->getName() != 'ranges')
                    <a class="btn  desktop" href="{{ route('ranges') }}">{{ __('Voir toutes les gammes') }}</a>
                    @endif
                </div>

                <div class="ranges section section_dark">
                    <div class="ranges__wrapper wrapper">
                        <div class="ranges__wrapper-inner wrapper-inner">
                            <div class="ranges__list">
                                <div class="ranges__row">
                                @foreach ($published_ranges as $range)
                                    <div class="ranges__row-block">
                                        <div class="ranges__item ranges__product range">
                                            <div class="range__title title title_xs"><a href="{{ route('range', ['rangeSlug' => $range->slug]) }}">{{$range->name}}</a></div>
                                            <div class="range__image">
                                                @if(isset($range->picture))
                                                <img src="{{ asset('/images/gammes/' . $range->picture ) }}">
                                                @else
                                                <img src="{{ asset(config('app.theme').'/img/pl_nophoto.png')}}">
                                                @endif
                                            </div>
                                            <a class="range__btn btn " href="{{ route('range', ['rangeSlug' => $range->slug]) }}">{{ __('Voir la gamme') }}</a>
                                        </div>
                                    </div>
                                @endforeach
                                {{-- complément au multiple de 4 car on flex à 25% --}}
                                @for ($i=0; $i < (4-(count($published_ranges) % 4));$i++)
                                    <div class="ranges__row-block"></div>
                                @endfor
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection