@extends('site.master')

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')

    <div class="sidebar blue">

        <span class="fill-out white"></span>

        @include('site.partials.header', ['color' => 'white'])

        <div class="sidebar-content">
            <div class="grid-row">

                <h1>
                    @lang('site/band.title')
                    <strong>{{$page->translation->name}}</strong>
                </h1>


                @foreach(['history', 'board', 'becomeMember'] as $part)

                    <a class="band-part relation-part" href="/{{$links->{$part}->route}}">
                        <figure>
                            @if(isset($page->translation->{$part}->images) && sizeof($page->translation->{$part}->images) != 0)
                                <img class="medium" alt="photo {{$part}}"
                                     src="{{$page->translation->{$part}->images[0]['medium']}}">
                                <img class="small" alt="photo {{$part}}"
                                     src="{{$page->translation->{$part}->images[0]['small']}}">
                            @endif
                        </figure>

                        <div class="grid-col content">
                            <h2>{{$page->translation->{$part}->typeName}}</h2>

                            {!! $page->translation->{$part}->description !!}

                            <div class="see-more">
                                <p>
                                    @lang('site/band.'.$part.'.0')

                                </p>
                                <div class="click-me-wrapper">
                                    <div class="lines">
                                        @for($i = 0; $i < 5; $i++)
                                            <span></span>
                                        @endfor
                                    </div>
                                    <span class="click-me">@lang('site/band.'.$part.'.1')</span>
                                </div>
                            </div>

                        </div>
                    </a>

                @endforeach


            </div>

        </div>

    </div>


@endsection