@extends($ajax ? 'layouts.modal' : 'layouts.main')

@section('page-title',  $case->title)
@section('keywords',    '')
@section('description', '')
@section('header-class', $case->luminance ? ' headerBlue' : '')

@section('content')

<div class="case case4 case--active" data-slide="4">
    @if(!$ajax)
        <div class="mainImgCase{{ $case->luminance ? ' imgLight' : '' }}" style="background-image: url({{ getImagePath($case->image, 900, 1200, 'crop') }})"></div>
    @endif
    <div class="case__descr">
        @if(!$ajax)
            <a href="/cases/" class="case__back">
                <img class="case__back-icon" src="/images/general/arrow-left.svg" alt=""><span class="case__back-text">НАЗАД</span>
            </a>
        @else
            <button class="case__back">
                <img class="case__back-icon" src="/images/general/arrow-left.svg" alt=""><span class="case__back-text">НАЗАД</span>
            </button>
        @endif
        <h1 class="case__title">{{ $case->title }}</h1>
        <div class="case__tags">
            @foreach($case->tags as $tag)
                <a class="case__tags-item" href="#">#{{ $tag->title }}</a>
            @endforeach
        </div>
        @if($case->brand)
        <div class="case__label">
            <div class="case__label-caption">БРЕНД:</div>
            <div class="case__label-text">{{ $case->brand }}</div>
        </div>
        @endif
        @if($case->agency)
        <div class="case__label">
            <div class="case__label-caption">АГЕНТСТВО:</div>
            <div class="case__label-text">{{ $case->agency }}</div>
        </div>
        @endif
        @if($case->anons)
        <div class="case__label case__label--row-text">
            <div class="case__label-caption">СУТЬ:</div>
            <div class="case__label-row-text">
                {!! $case->anons !!}
            </div>
        </div>
        @endif
        <button class="case__more">
            <img class="case__more-icon" src="/images/general/arrow-left.svg" alt="">
            <div class="case__more-text">ПОДРОБНЕЕ</div>
        </button>
    </div>
    <img class="case__heart" src="" data-ajax-url="/images/general/heart.svg" alt="">

    @foreach($case->blocks as $block)

        @switch($block->type)

            @case(\Modules\Main\Entities\Block::TYPE_SIMPLE_TEXT)

            <div class="case__paragraph">
                <h3 class="case__paragraph-title animatedOpacity">{{ $block->title }}</h3>
                <div class="case__paragraph-text animatedOpacity">{!! $block->content1 !!}</div>
            </div>

            @break

            @case(\Modules\Main\Entities\Block::TYPE_TASK_DECISION)
            <div class="case__paragraph-with-side animatedOpacity">
                <div class="case__paragraph-with-side-caption">ЗАДАЧА:</div>
                <div class="case__paragraph-with-side-right">
                    <div class="case__paragraph-with-side-text">{!! $block->content1 !!}</div>
                </div>
            </div>
            <div class="case__paragraph-with-side animatedOpacity">
                <div class="case__paragraph-with-side-caption">РЕШЕНИЕ:</div>
                <div class="case__paragraph-with-side-right">
                    <div class="case__paragraph-with-side-title">{{ $block->title }}</div>
                    <div class="case__paragraph-with-side-text">{!! $block->content2 !!}</div>
                </div>
            </div>
            @break

            @case(\Modules\Main\Entities\Block::TYPE_RESULT)
            <div class="case__paragraph-with-side animatedOpacity">
                <div class="case__paragraph-with-side-caption">РЕЗУЛЬТАТ:</div>
                <div class="case__paragraph-with-side-right">
                    <div class="case__paragraph-with-side-title">{{ $block->title }}</div>
                    <div class="case__paragraph-with-side-text">{!! $block->content1 !!}</div>
                </div>
            </div>
            @break

            @case(\Modules\Main\Entities\Block::TYPE_GALLERY)
            <div class="case__slider animatedOpacity">
                <div class="case__slider-frame">
                    @foreach($block->images as $image)
                    <div class="case__slider-item" style="background-image: url({{ getImagePath($image->image, 1440, 620, 'crop') }})"></div>
                    @endforeach
                </div>
                <div class="case__slider-palatno"></div>
                <div class="case__slider-arrows">
                    <button class="case__slider-arrows-item case__slider-arrows-item--left">
                        <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 38.4 60.4" style="enable-background:new 0 0 38.4 60.4;" xml:space="preserve" class="case__slider-arrows-svg">
                    <style type="text/css">
                        .st13 {
                            clip-path: url(#SVGID_4_1l);
                            fill: #e6007e;
                        }
                    </style>
                            <g id="group">
                                <path fill="#fff" d="M0.7,0l28.4,30.9L0.7,60.4L0,59.7l27.7-28.9L0,0.7L0.7,0z" class="arrow2" />
                                <g>
                                    <defs>
                                        <path id="SVGID_3_1l" class="clip2" d="M1.4,0.7h9.4l27.7,30.1L10.7,59.7H1.4l27.7-28.9L1.4,0.7z" />
                                    </defs>
                                    <clipPath id="SVGID_4_1l">
                                        <use xlink:href="#SVGID_3_1l" />
                                    </clipPath>
                                    <path class="st13" d="M1.4,0.7h9.4l27.7,30.1L10.7,59.7H1.4l27.7-28.9L1.4,0.7z" />
                                </g>
                            </g>
                </svg>

                    </button>
                    <button class="case__slider-arrows-item case__slider-arrows-item--right">
                        <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 38.4 60.4" style="enable-background:new 0 0 38.4 60.4;" xml:space="preserve" class="case__slider-arrows-svg">
                    <style type="text/css">
                        .st14 {
                            clip-path: url(#SVGID_5_1r);
                            fill: #e6007e;
                        }
                    </style>
                            <g id="group">
                                <path fill="#fff" d="M0.7,0l28.4,30.9L0.7,60.4L0,59.7l27.7-28.9L0,0.7L0.7,0z" class="arrow2" />
                                <g>
                                    <defs>
                                        <path id="SVGID_4_1r" class="clip2" d="M1.4,0.7h9.4l27.7,30.1L10.7,59.7H1.4l27.7-28.9L1.4,0.7z" />
                                    </defs>
                                    <clipPath id="SVGID_5_1r">
                                        <use xlink:href="#SVGID_4_1r" />
                                    </clipPath>
                                    <path class="st14" d="M1.4,0.7h9.4l27.7,30.1L10.7,59.7H1.4l27.7-28.9L1.4,0.7z" />
                                </g>
                            </g>
                </svg>

                    </button>
                </div>
            </div>
            @break

            @case(\Modules\Main\Entities\Block::TYPE_VIDEO)
            <div class="case__video animatedOpacity" style="background-image: url({{ $block->image ? getImagePath($block->image) : '' }})">
                <div class="case__video-frame"></div>
                <button class="case__video-button" data-video="{{ $block->video }}">
                    <div class="case__video-button-icon"></div>
                </button>
            </div>
            @break

        @endswitch

    @endforeach

    <div class="case__other-cases animatedOpacity">
        @if($case->previous())
        <a href="/cases/{{ $case->previous()->slug }}" class="case__other-cases-item">
            <div class="case__other-cases-item-img"  style="background-image: url({{ getImagePath($case->previous()->image, 600, 600, 'crop') }})"></div>
            <div class="case__other-cases-item-text">{{ $case->previous()->brand }}</div>
            <div class="case__other-cases-item-button">СМОТРЕТЬ КЕЙС</div>
        </a>
        @endif

        @if($case->next())
        <a href="/cases/{{ $case->next()->slug }}" class="case__other-cases-item">
            <div class="case__other-cases-item-img"  style="background-image: url({{ getImagePath($case->next()->image, 600, 600, 'crop') }})"></div>
            <div class="case__other-cases-item-text">{{ $case->next()->brand }}</div>
            <div class="case__other-cases-item-button">СМОТРЕТЬ КЕЙС</div>
        </a>
        @endif
    </div>
</div>

@endsection