@inject('type', 'Type')
@extends('template.'.config('settings.template').'.content.master')
@section('content')
    <div class="container">
        <div class="row mb-5">
            <div class="col-12">
                <h1 class="mb-5 mt-5">Über uns</h1>
                <p class="fs-5 mb-5 text-center">
                    {{$_about_introduction}}
                </p>
            </div>

            @if($_about_image)
                <div class="col-12 mb-5">
                    <x-img src="{{$_about_image}}" class="img-fluid rounded" loading="eager"/>
                </div>
            @endif

            <div class="col-12">
                <p class="fs-5 mb-5">
                    {{$_about_text}}
                </p>

            </div>

        </div>

        <div class="row my-5">
            @if($_about_image1)
                <div class="col-12 col-md-6 col-lg-4">
                    <x-img src="{{$_about_image1}}" class="img-fluid rounded shadow-sm"/>
                </div>
            @endif

            @if($_about_image2)
                <div class="col-12 col-md-6 col-lg-4">
                    <x-img src="{{$_about_image2}}" class="img-fluid rounded shadow-sm"/>
                </div>
            @endif

            @if($_about_image3)
                <div class="col-12 col-md-6 col-lg-4">
                    <x-img src="{{$_about_image3}}" class="img-fluid rounded shadow-sm"/>
                </div>
            @endif

        </div>

    </div>

    @if(1==3)
        <div class="container-fluid py-5 bg-secondary">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h2 class="h3 mb-5">Unser Team</h2>
                    </div>

                    @if($type->get("Ansprechpartner")->status)
                        @php($ansprechpartner = filterByContentType("Ansprechpartner"))
                        @if($ansprechpartner->isNotEmpty())

                                        @foreach($ansprechpartner as $content)

                                            <div class="col-3 text-center mb-5">
                                                <img src="{{$content->image}}" class="img-fluid">
                                                <h4 class="mt-2 fs-5">{{$content->title}}</h4>
                                                <div class="text-muted fst-italic mb-2">Geschäftsführer</div>
                                                <a href="tel:{{$_telefonnummer}}" class="text-decoration-none mb-3" style="color:{{$_primary_link_color}}">
                                                    <svg style="fill: currentColor; width: 13px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
                                                    {{$_telefonnummer}}
                                                </a>
                                            </div>

                                        @endforeach

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

@stop
    @section('scripts')

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jscroll/2.4.1/jquery.jscroll.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.min.js"></script>

@stop
