@extends('layouts.master')

@section('pre-content')
    @if(isset($api) && $api->success)
        <script>
            fbq('track', 'Lead', {
                value: 30.00,
                currency: 'EUR'
            });
        </script>
    @endif
@endsection

@section('sky-content')
    <div class="left-text">
        <div class="content">
            <h3>{{$blocks->get('trial_how_1')->translation->name}}</h3>
            {{$blocks->get('trial_how_1')->translation->description}}
        </div>
    </div>
    <div class="right-text no-title">
        <div class="content">
            {{$blocks->get('trial_how_2')->translation->description}}
        </div>
    </div>
@endsection

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

@section('editable_content')



    <div class="content-container trial-form-row">
        <h1>@lang('translations.tryRentman2')</h1>

        <div class="container">
            <div class="inner">
                @foreach ($errors->all() as $message)
                    <p class="error-message">{{$message}}</p>
                @endforeach

                @if(isset($api))
                    <div class="message-response">
                        @if($api->success)
                            <h3>@lang('translations.successTrial.header')</h3>
                            <p>
                                @lang('translations.successTrial.trialInfo')
                            </p>
                            <div class="info">
                                <p><span><strong>@lang('translations.testPortal') </strong><a href="{{$api->account->account}}" target="_blank">{{$api->account->account}}</a></span><strong>@lang('translations.username2') </strong>{{$api->account->accountname}}<br/><strong>@lang('translations.password') </strong>{{$api->account->password}}<br/><br/><strong>@lang('translations.name') </strong>{{$api->account->fullname}}<br/><strong>@lang('translations.email') </strong>{{$api->account->email}}<br/><strong>@lang('translations.company') </strong>{{$api->account->company}}<br/><strong>@lang('translations.expireDate') </strong>{{$api->account->expire}}</p>
                            </div>
                            <p class="button">
                                <a href="{{$api->account->account}}" target="_blank">
                                    @lang('translations.loginPortal')
                                </a>
                            </p>
                        @else
                            @if($api->error == 22)
                                <p class="trial-error">@lang('translations.errorTrial.error22', ['link' => '/'.$data->links->contact->route])</p>
                            @else
                                <h3>@lang('translations.errorTrial.header')</h3>
                                <p class="trial-error">@lang('translations.errorTrial.error'.$api->error)</p>
                            @endif
                        @endif

                    </div>
                @else
                    <h3>@lang('translations.setUpAccount')</h3>
                    <h4>@lang('translations.creatingAccount')</h4>

                    @include('forms.trial')
                @endif
            </div>

        </div>
    </div>
    <div class="divide-row negative-margin orange"></div>

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

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

    @include('layouts.partials.dataSecurityRow')

@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/trailForm.js?v=9"></script>

    @if(isset($api) && $api->success)

        <script type="text/javascript">
            var capterra_vkey = 'da8c8d9870f28020166f387306171bc2',
                capterra_vid = '2102274',
                capterra_prefix = (('https:' == document.location.protocol) ? 'https://ct.capterra.com' : 'http://ct.capterra.com');

            (function () {
                var ct = document.createElement('script');
                ct.type = 'text/javascript';
                ct.async = true;
                ct.src = capterra_prefix + '/capterra_tracker.js?vid=' + capterra_vid + '&vkey=' + capterra_vkey;
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(ct, s);
            })();
        </script>

    @endif

@endsection