@extends('layouts.web')

@section('title', webText('zastupujeme.pageTitle'))
@section('class', 'page--zastupujeme')

@section('content')

    <section class="teaser teaser--small" style="background-image: url({{ asset('images/teaser-zastupujeme.jpg') }});">

        <div class="container d-flex align-items-center justify-content-center justify-content-lg-between">
            <h1 class="teaser__title">{{ webText('zastupujeme.pageTitle') }}</h1>
        </div>

    </section>

    @include('layouts.includes.nav')

    <section class="section space-p-b-20">

        <!-- Circle -->
        <img data-src="{{ asset('images/circle.svg') }}" alt="" class="circle lazy">

        <div class="container text-center text-lg-left">
            <h2 class="h2">{{ webText('zastupujeme.jsmeDistributor.title') }}</h2>

            {!! webText('zastupujeme.jsmeDistributor.text') !!}
{{--            <p>Vítr skoro nefouká a tak by se na první pohled mohlo zdát, že se balónky snad vůbec nepohybují. Jenom tak <br class="d-none d-lg-block">klidně levitují ve vzduchu. Jelikož slunce jasně září a na obloze byste od východu k západu hledali mráček <br class="d-none d-lg-block">marně, balónky působí jako jakási fata morgána uprostřed pouště.</p>--}}

            <div class="row justify-content-center justify-content-lg-start">
                <div class="col-md-10 col-lg-12">
                    {!! webText('zastupujeme.jsmeDistributor.bullets') !!}
{{--                    <ul class="list list--custom">--}}
{{--                        <li class="list__item">automatických převodovek Allison</li>--}}
{{--                        <li class="list__item">komponentů a systémů pro nákladní a užitkové vozy Muncie Power Products</li>--}}
{{--                        <li class="list__item">motorů MWM</li>--}}
{{--                        <li class="list__item">Servis měničových skupin National Torque Converter</li>--}}
{{--                    </ul>--}}
                </div>
            </div>

        </div>

    </section>

    @if($currentLang == 'cz')

        <div class="container text-center text-lg-left brand-section" id="allison">
            <h2 class="h2">
                {{ webText('zastupujeme.allison.title') }}
            </h2>

            <a href="https://www.allisontransmission.com/">
                <img class="lazy brand-logo" data-src="{{ asset('images/logos/allison-transmissions.svg') }}" alt="">
            </a>

            {!! webText('zastupujeme.allison.text') !!}
        </div>

{{--        <div class="container text-center text-lg-left brand-section" id="muncie">--}}
{{--            <h2 class="h2">--}}
{{--                {{ webText('zastupujeme.muncie.title') }}--}}
{{--            </h2>--}}

{{--            <a href="https://www.munciepower.com/">--}}
{{--                <img class="lazy brand-logo" data-src="{{ asset('images/logos/muncie.png') }}" alt="">--}}
{{--            </a>--}}

{{--            {!! webText('zastupujeme.muncie.text') !!}--}}
{{--        </div>--}}

        <div class="container text-center text-lg-left brand-section" id="niehoff">
            <h2 class="h2">
                {{ webText('zastupujeme.niehoff.title') }}
            </h2>

            <a href="https://www.ceniehoff.com/">
                <img class="lazy brand-logo" data-src="{{ asset('images/logos/niehoff.png') }}" alt="">
            </a>

            {!! webText('zastupujeme.niehoff.text') !!}
        </div>

        <div class="container text-center text-lg-left brand-section" id="mwm">
            <h2 class="h2">
                {{ webText('zastupujeme.mwm.title') }}
            </h2>

            <a href="https://www.mwm.com.br/site.aspx/Home-En">
                <img class="lazy brand-logo" data-src="{{ asset('images/logos/mwm.png') }}" alt="">
            </a>

            {!! webText('zastupujeme.mwm.text') !!}
        </div>

    @endif

    <section class="section section--grey">
        <div class="container text-center">
            <h2 class="h2">{{ webText('zastupujeme.contactUs.title') }}</h2>
            {!! webText('Kontaktujte nás - text') !!}

            {!! webText('zastupujeme.contactUs.link') !!}
{{--            <p class="space-m-b-0"><strong>Pro jakékoli informace nás kontaktujte na: <a class="link link--secondary" href="mailto:info@nimda.cz">info@nimda.cz</a></strong></p>--}}
        </div>
    </section>

@endsection