@extends("layouts.site")

@section("title", "Thanks")

@section("after_css")
    <link rel="stylesheet" href="{{mix('/css/pages/contact.css')}}">
    <link rel="stylesheet" href="{{mix('/css/pages/bedankt.css')}}">
@stop

@php

$type = request()->get("result");

@endphp

@section("content")

    <section>
        <div class="box-orange box-blue">
            <img class="mob-size" src="/img/shared/clouds-white.svg" alt="">
            <img class="bulding-svg" src="/img/shared/city-white.svg" alt="">
            <div class="txt-contact">
                <h1 class="single">
                    @if($type == "goes-to-create" || !$type)
                        Thank you, your email address has been verified successfully!
                    @endif
                    @if($type == "expire-token")
                        Error...
                    @endif
                    @if($type == "error-reported")
                        We are almost there!
                    @endif
                    @if($type == "reconfirm-token")
                        Verification
                    @endif
                </h1>
            </div>
            <img class="mob-size-city" src="/img/shared/buildings-white.svg" alt="">
        </div>
        <div class="container">
            <div class="tabs-pri">
                <div class="cont-form">
                    @if($type == "goes-to-create" || !$type)
                    <h2><img class="img-check" src="/img/Group 16009.png" alt=""> Verified successfully!</h2>
                    <p>
                        Your '30 day trial' will now be created. The login details for the desktop version will be sent by email within 1 hour at the most.
                        <br/><br/>
                        You can download the app below and login with phone number:<br/>
                        +{{request()->get("phone")}}
                        <br/>
                        @component("components.store-links")
                            @slot("hideAvg", true)
                        @endcomponent
                        <br/><br/>
                        Good luck with the trial.
                    </p>
                    @endif
                    @if($type == "expire-token")
                        <h2 style="color: #d40000"><img class="img-check" src="/img/icons/close-circle.png" alt="" style="margin-right: 4px">  Verificatie verlopen!</h2>
                        <p>
                            Don't worry, we'll send you another verification email. Check your email.
                        </p>
                    @endif
                    @if($type == "error-reported")
                        <h2 style="color: #d40000"><img class="img-check" src="/img/icons/close-circle.png" alt="" style="margin-right: 4px">There is a small problem</h2>
                        <p>
                            It was not possible to create your '30 day trial 'account for technical reasons. 
                             This problem has been reported to technical service. Your login details will be sent by e-mail within 24 hours at the latest.
                            <br/><br/>
                            We apologize for the inconvenience!
                        </p>
                    @endif
                    @if($type == "reconfirm-token")
                        <h2 style="color: #d40000"><img class="img-check" src="/img/icons/close-circle.png" alt="" style="margin-right: 4px">Verification already done!</h2>
                        <p>
                            It looks like verification has already been done.
                        </p>
                    @endif
                    <a href="/" class="bedankt-btn"><img src="/img/icons/Icon-awesome-arrow-alt-circle-right.png" alt=""> BACK TO HOMEPAGE</a>
                </div>
            </div>
        </div>

    </section>
    <section class="info">
        <div class="container">
            <div class="middl-content">
                <div class="row">
                    <div class="col-md-4">
                        <div class="middl-txt">
                            <img src="/img/icons/building-circular.png" alt="">
                            <div>Address</div>
                            <ul>
                                <li><h3>Appartement App</h3></li>
                                <li><p>Part of WhiteBoard Studio B.V.</p></li>
                                <li><p>Poort van Uden</p></li>
                                <li><p>Rondweg 55</p></li>
                                <li><p>5406 NK Uden</p></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="middl-txt box-txt">
                            <img src="/img/icons/message-circular.png" alt="">
                            <div> Contact</div>
                            <ul>
                                <li><p>info@app-artement.nl</p></li>
                                <li><p>www.app-artement.nl</p></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="middl-txt ">
                            <img src="/img/icons/briefcase-circular.png" alt="">
                            <div> Business details</div>
                            <ul>
                                <li><p>KvK: 67189334</p></li>
                                <li><p>BTW: NL856867858B01</p></li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
@stop