@extends('site.master', ['view' => 't-customer-story'])

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

@section('meta_information')

    @if($customerStory->socialMediaImage() !== null)
        <meta property="og:image" content="{{\Request::root().$customerStory->socialMediaImage()->medium_image_url}}"/>
    @endif

@endsection

@section('hero-body')
    <div class="c-intro">
        <div class="c-intro__body">
            <h1 class="c-intro__title">{{$customerStory->translation->title}}</h1>
            @if(!empty($customerStory->translation->description))
                <p class="c-intro__teaser">{{$customerStory->translation->description}}</p>
            @endif
        </div>
        <div class="c-intro__card">
            <div class="c-card  c-card--box">
                @if($customerStory->images->isNotEmpty() && $customerStory->images->where('key', 'Documents-logo')->count() != 0)
                    <div class="c-card__image">
                        <img class=""
                             src="{{ str_replace('\\', '/', $customerStory->images->where('key', 'Documents-logo')->first()->small_image_url) }}"
                             alt="{{ (!empty($customerStory->images->where('key', 'Documents-logo')->first()->name)) ? $customerStory->images->where('key', 'Documents-logo')->first()->name : 'Customer Logo' }}"/>
                    </div>
                @endif
                <div class="c-card__body">
                    @if(!empty($customerStory->translation->industry))
                        <dl class="s-definition-list">
                            <dt>{{ mb_strtolower(__('site/customers.industry')) }}</dt>
                            <dd>{{$customerStory->translation->industry}}</dd>
                        </dl>
                    @endif
                    <dl class="s-definition-list">
                        <dt>{{ mb_strtolower(__('site/customers.employees')) }}</dt>
                        <dd>{{$customerStory->amount_of_employees}}</dd>
                    </dl>
                </div>
                @if(!empty($customerStory->site_name) && !empty($customerStory->site_url))
                    <div class="c-card__action">
                        @include('site.components.textButtonLink', ['textButtonText' => $customerStory->site_name, 'textButtonLink' => $customerStory->site_url])
                    </div>
                @endif
            </div>
        </div>
    </div>

@endsection

@section('content')


    <div class="c-customer-story__bar">

        <div class="l-grid">
            <div>
                <a href="/{{ $links->customerStories->route }}" class="c-customer-story__side-info  c-customer-story__side-info--page-label">
                    @lang('site/customers.customer_story')
                </a>
                <h1 class="c-customer-story__title">
                    {{ $customerStory->name }}
                </h1>
                <h3 class="c-customer-story__subtitle">
                    {{ $customerStory->translation->title }}
                </h3>
            </div>
        </div>

    </div>

    <div class="c-customer-story__intro">
        <div class="c-customer-story__placeholder">
            <div class="c-customer-story__intro-image">
                <div class="c-customer-story__figure" @if(isset($customerStory->impression) && $customerStory->impression->isNotEmpty()) style="background-image:url('{{ str_replace('\\', '/', $customerStory->impression->first()->large_image_url) }}');" @endif>
                    @if(isset($customerStory->impression) && $customerStory->impression->isNotEmpty()) <img alt="figure" src="{{ str_replace('\\', '/', $customerStory->impression->first()->medium_image_url) }}"/> @endif
                </div>
            </div>
            <div class="c-customer-story__intro-content">

                @if(isset($customerStory->logo) && $customerStory->logo->isNotEmpty())
                    @if(!empty($customerStory->site_url))
                        <a target="_blank" rel="noopener noreferrer"  href="{{ $customerStory->site_url }}">
                            @endif
                            <img class="c-slider__logo" src="{{ str_replace('\\', '/', $customerStory->logo->first()->small_image_url) }}"
                                 alt="{{ $customerStory->name }}"/>
                        @if(!empty($customerStory->site_url))
                        </a>
                    @endif
                @endif
                <div class="c-slider__body  s-text  s-text--primary">

                    @if(!empty($customerStory->translation->industry) && !empty($customerStory->amount_of_employees))
                        <span class="c-customer-story__side-info">{{ mb_strtolower($customerStory->translation->industry) }}&nbsp;&nbsp;•&nbsp;&nbsp;<span style="white-space: nowrap">{{ $customerStory->amount_of_employees }} {{ mb_strtolower(__('site/customers.employees')) }}</span></span>
                    @elseif(!empty($customerStory->translation->industry))
                        <span class="c-customer-story__side-info">{{ mb_strtolower($customerStory->translation->industry) }}</span>
                    @elseif(!empty($customerStory->amount_of_employees))
                        <span class="c-customer-story__side-info">{{ $customerStory->amount_of_employees }} {{ mb_strtolower(__('site/customers.employees')) }}</span>
                    @endif

                    @if(!empty($slide->description))
                        <p class="is-large">{!! nl2br($slide->description) !!}</p>
                    @elseif(isset($customerStory->translation))
                        <p class="is-large">{!! $customerStory->translation->description !!}</p>
                    @endif

                </div>
            </div>
        </div>
    </div>

    {{--    @php--}}
    {{--        $heroModifiers = ['impression'];--}}
    {{--        if($customerStory->blur_image) $heroModifiers[] = 'blur';--}}
    {{--    @endphp--}}
    {{--    @include('site.components.hero', [ 'heroImages' => $customerStory->images->where('key', 'Documents-impression'), 'modifiers' => $heroModifiers])--}}


    <div class="c-body">

        <div class="l-grid  o-block">
            <article class="c-article">

                <div class="c-article__content">
                    <div class="c-article__menu">
                        @include('site.components.optionsMenu', ['returnRoute' => $previousRoute, 'optionsMenuText' => __('site/customers.backToStories')])
                    </div>

                    <div class="c-article__components">
                        @include('site.organisms.components', ['layoutType' => 'article', 'componentTextScope' => 'c-article__text-scope'])
                    </div>
                </div>

            </article>
        </div>

        @if($customerStory->products->isNotEmpty())
            <div class="l-grid  o-block-bg">
                <div>
                    @include('site.organisms.customerStoryProducts')
                </div>
            </div>
        @endif

        <div class="l-grid  o-block">
            <div>
                @include('site.organisms.otherCustomerStories')
            </div>
        </div>

        <div class="l-grid  o-block-bg">
            <div>
                @include('site.components.cta.cta--bar')
            </div>
        </div>

    </div>

@endsection