@extends('site.master', [ 'headerIsLight' => true ])

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

@section('content')
    <div class="c-body">

        @include('site.organisms.componentables.textImage', [
        'component' => (object)[
            'reversed' => true,
            'gradient' => true,
            'corners' => false,
            'text' => '<h1>'.$page->translation->header_title.'</h1>'.$page->translation->header_description,
            'image' => $page->images,
            'button_link' => '#more',
            'button_label' => $page->translation->header_button_label,
        ],
        'loop' => (object)[
            'iteration' => -1,
        ]])

        <div id="more"></div>

        @if($references->where('logo_only', '=', 0)->count() >= 1)
            <div class="l-contain o-block o-block-bg o-block-white">
                <div class="o-references-text  o-project-cards">
                    <div class="c-project-cards">

                        @foreach($references->where('logo_only', '=', 0) as $textReference)

                            <div class="c-references__item">

                                @include('site.components.card', [
                                    'cardAsImg' => true,
                                    'cardImage' => count($textReference->images) > 0 ? $textReference->images[0]->medium_image_url : null,
                                    'cardTitle' => $textReference->translation->person ?? '',
                                    'cardText' => $textReference->translation->name ?? '',
                                ])

                                @if(!empty($textReference->translation->description))
                                    <div class="c-references__content">
                                        <img class="c-references__quotes" src="/img/quotes.svg"/>
                                        <div class="c-references__text">
                                            {!! nl2br($textReference->translation->description ?? '') !!}
                                        </div>
                                    </div>
                                @endif
                            </div>

                        @endforeach

                    </div>
                </div>
            </div>
        @endif

        @if($references->where('logo_only', '=', 1)->count() >= 1)
            <div class="o-block o-block-bg o-block-grey">
                <div class="l-contain  c-references__logos-area">

                    <h2 class="c-references__title">{{strtoupper(__('site/global.more_clients'))}}</h2>

                    <div class="c-references__logos">

                        @foreach($references->where('logo_only', '=', 1) as $reference)

                            <div class="c-references__item  c-references__item--logo-only">
                                <div class="c-references__image-wrapper">
                                    <img class="c-references__image" @if(isset($reference->images) && $reference->images->isNotEmpty()) src="{{ $reference->images->first()->small_image_url }}" alt="{{ $reference->translation->name }}" @endif/>
                                </div>
                                @if(!empty($reference->translation->name))<div class="c-references__name">{{ $reference->translation->name }}</div>@endif
                                @if(!empty($reference->translation->person))<div class="c-references__function">{{ $reference->translation->person }}</div>@endif
                            </div>

                        @endforeach

                    </div>
                </div>

            </div>
        @endif

    </div>
@endsection