@extends('layouts.master')

@section('sky-content')
    <h1>{{$blocks->get('pricing_intro')->translation->name}}</h1>
    {{$blocks->get('pricing_intro')->translation->description}}
    @if((\Config::get('business.currency_usd') || \Config::get('business.currency_cad') || \Config::get('business.currency_aud') || \Config::get('business.currency_gbp')) && \App::getLocale() == 'en' )
        <ul class="currency-switch">
            <li @if(\Session::get('currency', 'eur') == 'eur') class="active" @endif data-currency="eur">EUR</li>
            @if(\Config::get('business.currency_usd'))<li @if(\Session::get('currency', 'eur') == 'usd') class="active" @endif data-currency="usd">USD</li>@endif
            @if(\Config::get('business.currency_cad'))<li @if(\Session::get('currency', 'eur') == 'cad') class="active" @endif data-currency="cad">CAD</li>@endif
            @if(\Config::get('business.currency_aud'))<li @if(\Session::get('currency', 'eur') == 'aud') class="active" @endif data-currency="aud">AUD</li>@endif
            @if(\Config::get('business.currency_gbp'))<li @if(\Session::get('currency', 'eur') == 'gbp') class="active" @endif data-currency="gbp">GBP</li>@endif
        </ul>
    @endif


@endsection

@section('orange-button')
    <div class="button">
        <a href="/{{$data->links->trial->route}}">
            @lang('translations.startTrial')
        </a>
    </div>
@endsection

@section('editable_content')

    @include('layouts.partials.skyRow', ['class' => 'full-text'])

    @include('layouts.partials.pricing.packages')

    {{--<div class="divide-row orange pricing"></div>--}}


    @include('layouts.partials.pricing.compareTable')

    @include('layouts.partials.pricing.questionsBlock')

    @include('layouts.partials.orangeRow',
    [
        'class' => 'pricing',
        'title' => $blocks->get('pricing_pay_off')->translation->name,
        'description' => $blocks->get('pricing_pay_off')->translation->description,
    ])

    @include('layouts.partials.dataSecurityRow')

@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/trailForm.js?v=5"></script>
    <script type="text/javascript">
        $(function(){
            extensionResize();

            $(window).resize($.throttle(10, function (e) {
                extensionResize();
            }));

            $(window).scroll($.throttle(10, function (e) {
                pricingAnimations();
            }));
            
        });

        function extensionResize() {
            $('.extensions .extension').height('auto');

            var maxHeightExtension = 0;
            $('.extensions .extension').each(function () {
                if($(this).height() > maxHeightExtension) maxHeightExtension = $(this).height();
            });

            $('.extensions .extension').height(maxHeightExtension);
        }
        
        function pricingAnimations() {
            $('.compare-table .table p .check').each(function(){
                if(isElementFullInViewport($(this))) $(this).addClass('show');
            });
        }
    </script>
    <script type="text/javascript" src="/js/faq.js?v=2"></script>
@endsection