@extends('master')

@section('seo_title', $brand->marca ?? '')
@section('seo_keywords', '')
@section('seo_description', '')

@section('content')

    @include('layout.breadcrumbs', [
        'page_title' => $brand->marca ?? '',
        'page_before' => app()->getLocale() . '/brands/' . $brand->marca,
    ])

    <meta name="locale" content="{{ app()->getLocale() }}">

    <!-- Contents -->
    <section class="about-area brands-detail-page ShopInShop">
        <div class="container">
            <div class="row">
                @if (!empty($brand->imagemPesquisa))
                    <!-- logo -->
                    <img src="{{ $brand->imagemPesquisa }}" alt="{{ $brand->marca }}" class="mb-3 d-block mx-auto" style="width: 35%;">
                    <!-- end logo -->
                @endif

               {{--  @if (!empty($brand->imagemBanner))
                    <!-- Slider -->
                    <div class="home-slideshow-inner mb-3">
                        <img src="{{ $brand->imagemBanner }}" alt="{{ $brand->marca }}" style="width: 35%;" class="img-fluid">
                    </div>
                    <!-- end Slider -->
                @endif --}}
            </div>

            <!-- Comprar por problemática -->
            @if (count($brand->treatments) > 0)
                <div class="row">
                    <h4 class="title text-uppercase mt-3 mb-3 mr-3">@lang('messages.COMPRAR_POR')</h4>
                    <div class="cloud">
                        <ul class="list-unstyled list-inline mx-auto">
                            @foreach ($brand->treatments as $key => $treatment)
                                <li class="d-inline"><a href="/{{ app()->getLocale() }}/search/?marca={{ $brand->id }}&tratamento={{ $treatment }}" class="btn my-3 text-uppercase">{{ $treatment }}</a></li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif
            <!-- end Comprar por problemática -->

            <!-- Mais vendidos -->
            <div class="row">
                <h4 class="title text-uppercase my-5">@lang('messages.OS_MAIS_VENDIDOS')</h4>
            </div>
            <div class="row mb-5">
                <div class="products">
                    @if (count($brand->mostSold) > 0)
                        <div class="row">
                            @foreach ($brand->mostSold as $key => $product)
                                <div class="col-12 col-sm-6 col-md-{{ count($brand->mostSold) < 4 ? '3' : '4' }} mb-4">
                                    @include('shared.product', [
                                        'product' => $product,
                                        'moreCols' => count($brand->mostSold) < 4 ? false : true,
                                        'smallerFont' => false,
                                    ])
                                </div>
                            @endforeach
                        </div>
                    @else
                        <div class="row">
                            <div class="col-12">
                                <h6>@lang('messages.NENHUMA_SUGESTAO_NO_MOMENTO')</h6>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
            <!-- end Mais vendidos -->

            <div class="row">
                <div class="col-md-4 offset-md-4 text-center mb-3">
                    <a href="/{{ app()->getLocale() }}/search/?marca={{ $brand->id }}" class="btn btn-1 text-uppercase">
                        @lang('messages.VER_TODOS_OS_PRODUTOS')
                    </a>
                </div>
            </div>

            @if (!empty($brand->descricao))
                <!-- About -->
                <div class="row my-5">
                    <div class="about bg-light no-bg-img">
                        <div class="row">
                            <div class="col-md-10">
                                <h4 class="title text-uppercase my-5">@lang('messages.SOBRE') <span>{{ $brand->marca }}</span></h4>
                                {!! $brand->descricao !!}
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end About -->
            @endif
        </div>
    </section>

@endsection