@extends('layout.app')
@section('title')

Search
@endsection
@section('css')
<link rel="stylesheet" href="/front/dist/files/css/simple-lightbox.css" />
@stop
@section('content')
<div class="wrapper" style="background-image: url(/front/dist/img/about-us-bg.png)">
    <main>
        @include('parts.header-panel')
        @include('parts.header')
        <div class="breadcrumbs">
            <div class="container">
                <div class="breadcrumbs__inner">
                    <ul class="breadcrumbs__list">
                        <li><a href="/">{!! Translation::trans('breadcrumbs.home', 'Home') !!}</a></li>
                        <li>
                            <span>Search</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <section class="catalog">
            <div class="container">
                <div class="catalog-title">
                    <h1>Search  @if(!!$search) "{{$search}}"   @endif</h1>
                </div>
            </div>
            <div class="container">
                <div class="catalog__inner-products-items">
                    @foreach($products as $product)
                    <div class="catalog-item">
                        <a href="{{ route('catalog.show', ['product' => $product->getModel()]) }}">
                            <div class="catalog-item-item-img">
                                <picture>
                                    <img src="{{ asset( $product->preview) }}" loading="lazy" alt="{{ $product->title }}" />
                                </picture>
                            </div>
                            <div class="catalog-item-item-info">
                                <h4>{{ $product->title }}</h4>
                                <ul>
                                    <li>{!! Translation::transText('catalog.filter.length', 'Długość') !!}
                                        – {{ $product->length }}</li>
                                    <li>{!! Translation::transText('catalog.filter.mkm', 'MKM') !!}
                                        - {{ $product->thickness }}</li>
                                    <li>{!! Translation::transText('catalog.filter.width', 'Szerokość') !!}
                                        – {{ $product->width }}.
                                    </li>
                                </ul>
                            </div>
                        </a>
                        <div class="catalog-item-item-order">
                            @if($product->price)
                            <div class="catalog-item-order-prise">{{ $product->price }} {!! Translation::transText('produc.price.сurrency', '₴') !!} </div>
                            @endif
                            <a href="{{route('order.index', ['product' => $product->id])}}" class="golden-btn arrow">{!! Translation::transText('catalog.product.buy', 'Zamówić') !!}</a>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>
    </main>
</div>
@endsection
@section('javascript')


<script>

</script>


@endsection