@extends('app')

@section('title', \GetFitOnline\Texts\TextObtainer::getText($page->url, 'page_title', $page->name))@section('metaDescription', \GetFitOnline\Texts\TextObtainer::getText($page->url, 'description'))@section('metaKeywords', \GetFitOnline\Texts\TextObtainer::getText($page->url, 'keywords'))@section('body-class', 'custom-background-how-to-lose-weight')

@section('content')
    <div class="intro">
        <div class="wrap">
            <h1>Get <span class="color-1">Fit</span> <span class="color-2">Online</span></h1>
            <span class="intro-slogan">Měnit slova v činy</span>
            @include('_partials.try-default')
        </div>
    </div>

    @include('_partials.categories')

    <div class="block abouts">
        <div class="wrap">

            <h1>@yield('title')</h1>

            <div class="text-center">
                @pageText($page->url, 'intro')
            </div>


            <p class="text-center">
                <a href="https://getfitonline.cz/objednavka/zhubnout/2" class="button button__call-to-action">
                    Chci začít
                </a>
            </p>

{{--            <section style="margin: 5em 0">--}}
{{--                <h2 class="h2__colored h2__upper">Naši borci</h2>--}}

{{--                <div class="row">--}}


{{--                    @php $buttons = [1 => ['url' => 'https://getfitonline.cz/objednavka/zhubnout/2', 'text' => '30 denní program'],--}}
{{--                                          ['url' => 'https://getfitonline.cz/objednavka/zhubnout/9', 'text' => '15 denní program'],--}}
{{--                                          ['url' => 'https://getfitonline.cz/objednavka/zhubnout/3', 'text' => '60 denní program'],--}}
{{--                                          ['url' => 'https://getfitonline.cz/objednavka/zhubnout/4', 'text' => '90 denní program']]--}}
{{--                    @endphp--}}


{{--                    @for($i = 1; $i <= 4; $i++)--}}

{{--                        <div class="col-md-3 col-sm-6">--}}
{{--                            <article class="same-height">--}}
{{--                                <h3 class="h3__colored">@pageText($page->url, 'reference_name_'.$i)</h3>--}}

{{--                                <br>--}}

{{--                                @pageText($page->url, 'reference_'.$i)--}}
{{--                            </article>--}}

{{--                            <footer class="text-center">--}}

{{--                                <a href="{{$buttons[$i]['url']}}" class="button">{{$buttons[$i]['text']}}</a>--}}
{{--                            </footer>--}}
{{--                        </div>--}}
{{--                    @endfor--}}
{{--                </div>--}}
{{--            </section>--}}

            <article class="mt-5">
                @pageText($page->url, 'main')
            </article>
        </div>
    </div>
@endsection

@section('javascripts')
    <script>
		 $ (document).ready (function () {
			 var $sameHeight = $ ('.same-height');
			 var heights = $sameHeight.map (function () {
				 return $ (this).height ();
			 }).get ();

			 $sameHeight.css ('height', Math.max.apply (null, heights) + "px");

		 });
    </script>
@endsection