@extends('layouts.app')

@section('content')
  <header class="caseStudiesHeader">
    <h1 class="headerInfoTitle">{!! \App\Controllers\App::title() !!}</h1>
    <div class="headerInfoText">{!! category_description() !!}</div>
  </header>

  <div class="caseStudiesBody">

    <div id="alerts" class="alerts"></div>

    <div class="portfolioBlock">
      <div id="cases_filter" class="caseStudiesTagsHolder">
        <button id="filter_tags_toggle"
                class="tagsToggle"
                data-text-open="Filter einblenden"
                data-text-close="Filter ausblenden">
          Filter einblenden        </button>
        <div class="caseStudiesTags">
          <div
            id="all_cases_btn"
            class="caseStudiesTagsShowAll @if(isset($_GET["tag"])) isVisible @endif"
            data-tag="all">
            Alle Fallstudien          </div>
          @foreach( \App\Controllers\App::get_case_studies_tags_grouped() as $group )
            <div class="caseStudiesTagsGroup">
              <div class="caseStudiesTagsGroupName">
                {{ \App\Controllers\App::ipll__($group["name"], "Common", "Case study group") }}
              </div>
              @foreach( $group["tags"] as $tag )
                <div class="caseStudiesTagsItem @if( $tag->isActive ) isActive @endif" data-tag="{{ $tag->slug }}">
                  {{ $tag->name }}
                </div>
              @endforeach
            </div>
          @endforeach
        </div>
      </div>
      <div class="flexItem">
        <div id="case_studies_holder" class="caseStudiesContent">
          {!! \App\Controllers\App::get_case_studies_template() !!}
        </div>
      </div>
    </div>

    <div class="clientsLogo">

      @php global $cat; $term = "category_" . $cat; @endphp
      <h2 class="clientsLogoTitle">
        {{ get_field('cs_clients_logo_title', $term) }}
      </h2>
      <div class="clientsLogoItems">
        <div class="row">
          @php
            $clients = get_field('cs_clients_logos', $term);
          @endphp
          @foreach( $clients as $client )
            <div class="clientsLogoImg">
              <img src=""
                   data-src="{{ $client["cs_client_logo"]["url"] }}"
                   @if ( isset( $client["cs_client_logo_retina"] ) )
                   data-srcset="{{ $client["cs_client_logo"]["url"] }},
                                  {{ $client["cs_client_logo_retina"]["url"] }} 2x"
                   @endif
                   alt="{{ $client["cs_client_name"] }}" class="lazyload">
            </div>
          @endforeach
        </div>
      </div>

    </div>
  </div>
@endsection