@extends('templates.layouts.base')

@section('content')

<section class="bg-header" style="background-image: url('{{ $page->thumbnail(0) }}')">
    <div class="container">
        <div class="row">
            <div class="col-xs-4">
                <h1>{{$page->lang()->title }}</h1>
            </div>
            
            <div class="col-xs-8 text-right">
                <ul class="list-inline">
                    <li><a  href="{{$homepage->lang()->getUrl()}}">{{$homepage->lang()->title}}</a></li>
                    <li class="active">{{$page->lang()->title}}</li>
                </ul>
            </div>
        </div>
    </div>
</section>

<div class="container page-content">
    <div class="row">
        <div class="col-xs-12">
            <h1>{{ $page->lang()->section(0) }}</h1>
        </div>
        <div class="clearfix mb-20"></div>
        <div class="col-xs-12 col-md-6">
            {!! $page->lang()->section(1) !!}
        </div>
        <div class="col-xs-12 col-md-6">
            <!-- End Slider -->
            <div id="carousel-example-generic" class="carousel slide home-end" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    @foreach($galleries[0] as $pos => $galitem)
                    <li data-target="#carousel-example-generic" data-slide-to="{{$pos}}" class="{{$pos==0?'active':''}}"></li>
                    @endforeach
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    @foreach($galleries[0] as $pos=>$galitem)
                    <div class="item {{$pos==0?'active':''}}">
                        <img src="{{ Fnx::getImage($galitem->image, 720) }}" class="img-responsive center-block">
                    </div>
                    @endforeach
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
            <!-- End Slider -->
        </div>

        <div class="clearfix mb-40"></div>

        <div class="col-xs-12 mt-50">
            @foreach ($galleries[1] as $galitem)
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <img class="img-responsive center-block" src="{{ Fnx::getImage($galitem->image, '', 38) }}">
                    @if (isset($galitem->Titol) && $galitem->Titol != '')
                        <h3 class="underlined text-center">{{ $galitem->Titol }}</h3>
                    @endif
                    @if (isset($galitem->Subtitol) && $galitem->Subtitol != '')
                        <p class="text-center">{{ $galitem->Subtitol }}</p>
                    @endif
                </div>

                <div class="clearfix mb-20 visible-xs"></div>

                @if ($loop->index % 2 == 1)
                    <div class="clearfix mb-20 visible-sm"></div>
                @endif

                @if ($loop->index % 3 == 2)
                    <div class="clearfix mb-20 visible-md"></div>
                @endif

                @if ($loop->index % 4 == 3)
                    <div class="clearfix mb-20 visible-lg"></div>
                @endif
            @endforeach
        </div>
    </div>
</div>



@stop