@extends('layouts.app')

@section('content')
    <div class="row seacrh-row">
        <div class="col-md-8 col-xs-12 filters-wrapper filter-placeholder">
            <div class="search-placeholder-wrapper">
	            <input type="text" name="search" id="search" @if(isset($active['search'])) value="{{ $active['search'] }}" @else value="{{ old('search') }}" @endif  placeholder="{{ trans('interface.search') }}">
	            <button><i class="fa fa-search" aria-hidden="true"></i></button>
	        </div>
    	</div>
        <div class="col-md-4 text-right groupby-collection">
			{{ trans('interface.collection-grouped') }}
			@if(isset($active['grouped']) && $active['grouped'] == 1)
				<a class="switch grouped" href="search?grouped=0">
				  <div class="slider"></div>
				</a>
			@else
				<a class="switch" href="search?grouped=1">
				  <div class="slider"></div>
				</a>
			@endif
		</div>
    </div>
    <div class="row advanced-search-wrapper">
        <div class="col-md-3 filter-sidebar">
          <div class='sidebar-header chronicle'>
            <span>{{ trans('interface.filter') }}</span><span class='close-sidebar'><i class="fa fa-angle-times fa-lg" aria-hidden="true"></i></span>
          </div>
          <div class='sidebar-body '>
            @include('includes.advancedFilters')
          </div>
        </div>
        <div class="col-md-9 col-xs-12">
            <div class="row count-row hidden-xs">
                <div class="col-md-8">
                    {{ trans('interface.total-results') }}
                </div>
                <div class="col-md-4 text-right">
                    {{ trans_choice('interface.count', $totResults)  }}
                </div>
            </div>
            <div id="accordion" role="tablist" aria-multiselectable="true">
                @if(count($news) > 0)
                    <div class="row section-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#news" aria-expanded="false" aria-controls="news">
                        <div class="col-md-4 counter hidden-xs">
                            {{ trans_choice('interface.count', count($news))  }}
                        </div>
                        <div class="col-md-8 text-right content-type chronicle hidden-xs">
                            News
                        </div>
                        <div class="col-xs-12 counter visible-xs-block">
                            <div class="content-type"><span class="chronicle">News</span> <span class="counter">{{ trans_choice('interface.count', count($news))  }}</span></div>
                        </div>
                    </div>
                    <div id="news" class="row collapse" role="tabpanel">
                        @foreach($news as $key => $article)
                            <a href="{{ route('newsdetail', ['id' => $article->id]) }}" class="col-md-6 col-xs-12 news-link">
                                <div class="news-image-wrapper">
                                    <img src="{{ config('app.assetURL') }}/img/news/cover/{{ $article->cover_img }}">
                                </div>
                                <div class="news-info">
                                    {{ $article->news_date->format('d/m/Y') }}
                                    -
                                    @if(isset($article->country) && isset($article->country->country)) {{ trans('interface.' . strtolower($article->country->country->country)) }} @else {{ trans('interface.worldwide') }} @endif
                                    @if(isset($article->season)) - {{ $article->season->prefisso }} @endif
                                    @if(isset($article->year)) {{ $article->year->year }} @endif
                                </div>
                                @if(App::getLocale() == 'en')
                                    <div class="news-title chronicle">
                                        {{ $article->english->title }}
                                    </div>
                                    <div class="news-subtitle chronicle">
                                        {{ $article->english->subtitle }}
                                    </div>
                                @else
                                    <div class="news-title chronicle">
                                        {{ $article->title }}
                                    </div>
                                    <div class="news-subtitle chronicle">
                                        {{ $article->subtitle }}
                                    </div>
                                @endif
                            </a>
                            @if((($key + 1) % 2) === 0)
                                <div class="clearfix hidden-xs" style="margin-bottom: 1.5em;"></div>
                            @endif
                        @endforeach
                    </div>
                @endif
                @if(count($lookBook) > 0)
                    <div class="row section-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#lookBook" aria-expanded="false" aria-controls="lookBook">
                        <div class="col-md-4 counter hidden-xs">
                            {{ trans_choice('interface.count', count($lookBook))  }}
                        </div>
                        <div class="col-md-8 text-right content-type chronicle hidden-xs">
                            Look Book
                        </div>
                        <div class="col-xs-12 counter visible-xs-block">
                            <div class="content-type"><span class="chronicle">Look Book</span> <span class="counter">{{ trans_choice('interface.count', count($lookBook))  }}</span></div>
                        </div>
                    </div>
                    <div id="lookBook" class="row collapse" role="tabpanel">
                    	@if(isset($active['grouped']) && $active['grouped'] == 1)
	                        @foreach($lookBook as $key => $issue)
	                            <a class="col-md-6 col-xs-6 flipbook-link chronicle" href="{{ config('app.assetURL') }}/flipbook/{{ $issue->landingfolder }}/{{ $issue->path }}?fromsite=1{{ $params }}">
	                                <h4>{{ $issue->collection_item->collection }}</h4>
	                                @if($issue->cover)
	                                    <img class="img-responsive" src="{{ config('app.assetURL') }}/issues/{{ $issue->id }}/pages/400xauto/{{ $issue->cover->img }}.jpg">
	                                @else
	                                    <img class="img-responsive" src="http://placehold.it/400x533">
	                                @endif
	                            </a>
	                            @if((($key + 1) % 2) === 0)
	                                <div class="clearfix"></div>
	                            @endif
	                        @endforeach
	                    @else
	                        @foreach($lookBook as $key => $issue)
	                            <a class="col-md-6 col-xs-6 flipbook-link chronicle" href="{{ config('app.assetURL') }}/flipbook/{{ $issue->landingfolder }}/{{ $issue->path }}?fromsite=1{{ $params }}#page={{ $issue->orderby }}">
	                                <h4>{{ $issue->collection_item->collection }}</h4>
	                                @if($issue->img)
	                                    <img class="img-responsive" src="{{ config('app.assetURL') }}/issues/{{ $issue->idissue }}/pages/400xauto/{{ $issue->img }}.{{ $issue->extension }}">
	                                @else
	                                    <img class="img-responsive" src="http://placehold.it/400x533">
	                                @endif
	                            </a>
	                            @if((($key + 1) % 2) === 0)
	                                <div class="clearfix"></div>
	                            @endif
	                        @endforeach
	                    @endif
                    </div>
                @endif
                @if(count($stillLife) > 0)
                    <div class="row section-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#stillLife" aria-expanded="false" aria-controls="stillLife">
                        <div class="col-md-4 counter hidden-xs">
                            {{ trans_choice('interface.count', count($stillLife))  }}
                        </div>
                        <div class="col-md-8 text-right content-type chronicle hidden-xs">
                            Still Life
                        </div>
                        <div class="col-xs-12 counter visible-xs-block">
                            <div class="content-type"><span class="chronicle">Still Life</span> <span class="counter">{{ trans_choice('interface.count', count($stillLife))  }}</span></div>
                        </div>
                    </div>
                    <div id="stillLife" class="row collapse" role="tabpanel">
                    	@if(isset($active['grouped']) && $active['grouped'] == 1)
	                        @foreach($stillLife as $key => $issue)
	                            <a class="col-md-6 col-xs-6 flipbook-link chronicle" href="{{ config('app.assetURL') }}/flipbook/{{ $issue->landingfolder }}/{{ $issue->path }}?fromsite=1{{ $params }}">
	                                <h4>{{ $issue->collection_item->collection }}</h4>
	                                @if($issue->cover)
	                                    <img class="img-responsive" src="{{ config('app.assetURL') }}/issues/{{ $issue->id }}/pages/400xauto/{{ $issue->cover->img }}.jpg">
	                                @else
	                                    <img class="img-responsive" src="http://placehold.it/400x533">
	                                @endif
	                            </a>
	                            @if((($key + 1) % 2) === 0)
	                                <div class="clearfix hidden-sm hidden-xs"></div>
	                            @endif
	                        @endforeach
	                    @else
	                        @foreach($stillLife as $key => $issue)
	                            <a class="col-md-6 col-xs-6 flipbook-link chronicle" href="{{ config('app.assetURL') }}/flipbook/{{ $issue->landingfolder }}/{{ $issue->path }}?fromsite=1{{ $params }}#page={{ $issue->orderby }}">
	                                <h4>{{ $issue->collection_item->collection }}</h4>
	                                @if($issue->img)
	                                    <img class="img-responsive" src="{{ config('app.assetURL') }}/issues/{{ $issue->idissue }}/pages/400xauto/{{ $issue->img }}.{{ $issue->extension }}">
	                                @else
	                                    <img class="img-responsive" src="http://placehold.it/400x533">
	                                @endif
	                            </a>
	                            @if((($key + 1) % 2) === 0)
	                                <div class="clearfix"></div>
	                            @endif
	                        @endforeach
	                    @endif
                    </div>
                @endif
                @if(count($fashionShow) > 0)
                    <div class="row section-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#fashionShow" aria-expanded="false" aria-controls="fashionShow">
                        <div class="col-md-4 counter hidden-xs">
                            {{ trans_choice('interface.count', count($fashionShow))  }}
                        </div>
                        <div class="col-md-8 text-right content-type chronicle hidden-xs">
                            Fashion show
                        </div>
                        <div class="col-xs-12 counter visible-xs-block">
                            <div class="content-type"><span class="chronicle">Fashion show</span> <span class="counter">{{ trans_choice('interface.count', count($fashionShow))  }}</span></div>
                        </div>
                    </div>
                    <div id="fashionShow" class="row collapse" role="tabpanel">
                        @foreach($fashionShow as $key => $video)
                            <div class="col-md-6 col-xs-12 video-link direct chronicle">
                              <h4>{{ $video->video->collection->collection }}</h4>
                                @if(!empty($video->long_version))
                                  <a href="{{ $video->long_version }}" class="video-image-wrapper" style="background-image: url('{{ config('app.assetURL') }}/img/video/@if(!empty($video->img)){{ $video->img }}@else{{ $video->video->img  }}@endif')" ref-download="{{ $video->long_version_download }}"></a>
                                @else
                                  <a href="{{ $video->video->long_version }}" class="video-image-wrapper" style="background-image: url('{{ config('app.assetURL') }}/img/video/@if(!empty($video->img)){{ $video->img }}@else{{ $video->video->img  }}@endif')" ref-download="{{ $video->long_version_download }}"></a>
                                @endif
                            </div>
                            @if((($key + 1) % 2) === 0)
                                <div class="clearfix hidden-xs"></div>
                            @endif
                        @endforeach
                    </div>
                @endif
                @if(count($productEducation) > 0)
                    <div class="row section-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#productEducation" aria-expanded="false" aria-controls="productEducation hidden-xs">
                        <div class="col-md-4 counter hidden-xs">
                            {{ trans_choice('interface.count', count($productEducation))  }}
                        </div>
                        <div class="col-md-8 text-right content-type chronicle hidden-xs">
                            Video training
                        </div>
                        <div class="col-xs-12 counter visible-xs-block">
                            <div class="content-type"><span class="chronicle">Video training</span> <span class="counter">{{ trans_choice('interface.count', count($productEducation))  }}</span></div>
                        </div>
                    </div>
                    <div id="productEducation" class="row collapse" role="tabpanel">
                        @foreach($productEducation as $key => $video)
                            <div class="col-md-6 col-xs-12 video-link direct chronicle">
                                <h4>{{ $video->video->collection->collection }}</h4>
                                @if(App::getLocale() == 'en')
                                    <a href="{{ $video->short_version }}" class="video-image-wrapper" style="background-image: url('{{ config('app.assetURL') }}/img/video/@if(!empty($video->img)){{ $video->img }}@else{{ $video->video->img  }}@endif')" ref-download="{{ $video->short_version_download }}"></a>
                                @else
                                    <a href="{{ $video->long_version }}" class="video-image-wrapper" style="background-image: url('{{ config('app.assetURL') }}/img/video/@if(!empty($video->img)){{ $video->img }}@else{{ $video->video->img  }}@endif')" ref-download="{{ $video->long_version_download }}"></a>
                                @endif
                            </div>
                            @if((($key + 1) % 2) === 0)
                                <div class="clearfix hidden-xs"></div>
                            @endif
                        @endforeach
                    </div>
                @endif
                @if(count($pressRelease) > 0)
                    <div class="row section-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#pressRelease" aria-expanded="false" aria-controls="pressRelease">
                        <div class="col-md-4 counter hidden-xs">
                            {{ trans_choice('interface.count', count($pressRelease))  }}
                        </div>
                        <div class="col-md-8 text-right content-type chronicle hidden-xs">
                            Product Training
                        </div>
                        <div class="col-xs-12 counter visible-xs-block">
                            <div class="content-type"><span class="chronicle">Product Training</span> <span class="counter">{{ trans_choice('interface.count', count($pressRelease))  }}</span></div>
                        </div>
                    </div>
                    <div id="pressRelease" class="row collapse" role="tabpanel">
                        @foreach($pressRelease as $key => $issue)
                            <a class="col-md-6  col-xs-6 flipbook-link chronicle" href="{{ config('app.assetURL') }}/flipbook/{{ $issue->landingfolder }}/{{ $issue->path }}?fromsite=1{{ $params }}">
                                <h4>{{ $issue->collection_item->collection }}</h4>
                                @if($issue->cover)
                                    <img class="img-responsive" src="{{ config('app.assetURL') }}/issues/{{ $issue->id }}/pages/400xauto/{{ $issue->cover->img }}.jpg">
                                @else
                                    <img class="img-responsive" src="http://placehold.it/400x533">
                                @endif
                            </a>
                            @if((($key + 1) % 2) === 0)
                                <div class="clearfix hidden-sm hidden-xs"></div>
                            @endif
                        @endforeach
                    </div>
                @endif
            </div>
        </div>
    </div>
    <div class='col-xs-12 hidden-sm hidden-md'>
      <!-- <div class=" "> -->
        <button class='filter-button text-center center-block'><i class="fa fa-sliders fa-rotate-90" aria-hidden="true"></i></button>
      <!-- </div> -->
    </div>
    @include('includes.video-wrapper')
@endsection