@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">

        <!-- Breadcrumb -->

        @include('partials.breadcrumb')

        <!-- Title -->

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

        <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>

        @if( ! empty($entity->children) )
        <div class="planes isotope-brands brand-list">

            @foreach( $entity->children as $key => $child )

                <div class="plane column fluid-33">
                    <a class="content-block"  href="/{{ $child->route }}" >
                        <h2>
                            <span class="brand-detail-name">
                                {{ $child->name }}
                            </span>
                        </h2>

                        <span class="logo">
                            @if( ! empty($child->large_image_url) )
                                <img src="{{ $child->medium_image_url }}" alt="{{ $child->name }} logo" class="fit" />
                            @endif
                        </span>
                        {{--
                        @if( ! empty($child->children) )
                        <ul>
                            @foreach( $child->children as $key => $subChild )
                                <li>
                                    <a href="/{{ $subChild->route }}">
                                    {{ $subChild->name }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                        @endif
                          --}}
                        <span class="btn-holder">
                            <span class="btn" data-text="{{ Lang::get('pages/brands.show_collection') }}">
                                <span class="text">{{ Lang::get('pages/brands.show_collection') }}</span>
                            </span>
                         </span>
                    </a>
                </div>
            @endforeach

        </div>
        <br />
        <br />
        @endif
        <article class="text-block content-block column fluid-100 brand-info">

            <div class="brand-detail-logo">
                @if( ! empty($mainBrand->medium_image_url) )
                    <img src="{{ $mainBrand->medium_image_url }}" alt="{{ $mainBrand->name }} logo" />
                @endif
            </div>
            <h2>{{ Lang::get('pages/brands.about',['brand' => $entity->name ]) }}</h2>

            {{-- Main description --}}
            <div class="column wide">
                {{ $entity->description }}
            </div>

            {{-- Extra fields for seo--}}
            @if($entity->description2 || $entity->description3)
                <div class="description column subtle">
                    {{ $entity->description2 }}
                </div>
                <div class="description column subtle last">
                    {{ $entity->description3 }}
                </div>
            @endif
        </article>

    </div>
@stop