@extends('layouts.master')

@section('background')
    <div class="bg-50"></div>
@stop

@section('sidebar')
    @include('partials.sidebar')


@stop

@section('brandNavigationBar')
    @include('partials.brandNavigationBar')
@stop

@section('content')
    <div class="content-container column fluid-100">

        {{--Breadcrump--}}
        @include('partials.breadcrumb')

        {{--Title--}}
        <h1 class="page-title">{{ $brand->name }}</h1>


        {{--Filter bar--}}
        {{-- @include('partials.filterBar') --}}

        {{--Back to overview link--}}
        <div class="top-bar content-block column fluid-100">
            <div class="product-filter column fluid-66">
                <a href="/{{$shop->getPageService()->page('brands')->route}}"
                   class="back-btn">{{ Lang::get('pages/products.back_to_brands_overview') }}</a>
            </div>
            <div class="payment-options column fluid-33">
                <div class="payment-method-bar {{ $shop->getShop()->slug}}"></div>
            </div>
        </div>

        {{--No products text --}}
        @if (empty($products))
            <article class="text-block content-block column fluid-100">
                <p>{{ Lang::get('pages/products.no_products_found_in_category')}}</p>
            </article>
        @endif

        {{--Product list--}}
        <div class="isotope-products">
            {{--Loop trough the products--}}
            @foreach($products as $product)
                @include('partials/products/productListItem')
            @endforeach
        </div>

        {{--Check if there is brandInfo--}}
        @if($showBrandInfo)
            {{--Show brandinfo--}}
            <article class="text-block content-block column fluid-100 brand-info">
                <div class="brand-detail-logo">
                    @if( ! empty($brand->large_image_url) )
                        <img src="{{ $brand->large_image_url }}" alt="{{ $brand->name }} logo"/>
                    @endif
                </div>
                <h2>{{ Lang::get('pages/brands.about',['brand' => $brand->name ]) }}</h2>

                <div class="column">
                    {{ $brand->description }}
                </div>
            </article>
        @endif
    </div>
@stop

@section('askHelpPopUp')
    @include('partials.askHelpPopUp')
@stop