@extends('layouts.master')

@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">{{ Lang::choice('pages/brands.pageTitle',Shop::getLanguageService()->dialectCount()) }}</h1>

        <!-- Filter bar -->

        <div class="top-bar content-block column fluid-100">
            <span class="label">{{ Lang::get('pages/brands.filter_alphabetically') }}</span>
            <ul class="tsunami" id="filters">
                @foreach( range('A', 'Z') as  $letter )
                    @if(in_array($letter, $letters))
                        <li data-filter="letter-{{ $letter }}" class="active"><span class="active letter">{{ $letter  }}</span></li>
                    @else
                        <li><span class="letter">{{ $letter  }}</span></li>
                    @endif
                @endforeach
            </ul>
            <span class="show-all" id="filters_all">{{ Lang::get('pages/brands.show_all') }}</span>
        </div>

        <!-- Brand planes -->

        <div class="planes brand-list isotope-brands">

            @foreach( $brands as $key => $brand )
                <div class="plane column fluid-25 letter-{{Str::upper(substr($brand->name,0,1)) }}">
                    <a class="content-block" href="/{{ $brand->route }}">
                        <span class="name">{{ $brand->name }}</span>

                        <span class="logo">
                            @if( ! empty($brand->large_image_url) )
                                <img src="{{ $brand->medium_image_url }}" alt="{{ $brand->name }} logo" class="fit"/>
                            @endif
                        </span>

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

                        {{--
                            <div class="inner">
                            @if( ! empty($brand->children) )
                                <ul>
                                @foreach( $brand->children as $child )
                                    <li>
                                        <a href="/{{ $child->route }}">
                                            {{ Str::limit($child->name,28) }}
                                        </a>
                                    </li>
                                @endforeach
                                </ul>
                            @endif
                            </div>
        `               --}}

                    </a>
                </div>

            @endforeach

        </div>
    </div>

@stop