@extends('layouts.master')

@section('meta')
    <title></title>
    <meta name="description" content="">
@endsection

@section('content')

    <div id="site-switch">
        <div class="background">
            <div class="image-whiter"></div>
            <div class="default"></div>
            <div class="left"></div>
            <div class="right"></div>
        </div>
        <div class="placeholder">
            @include('layouts.partials.underTitle', ['withEmail' => true])

            <div class="model">
                <div class="header">
                    <h2>@lang('translations.siteSwitch.header')</h2>
                </div>

                <div class="choices">
                    <a class="umans" href="/home">
                        <div class="wrapper">
                            <h3>@lang('translations.siteSwitch.umans.name')</h3>
                            <p>@lang('translations.siteSwitch.umans.cta')</p>
                            <span>@lang('translations.siteSwitch.umans.btn')</span>
                        </div>
                    </a>

                    <a class="spouwmuur" href="{{Config::get('umans.spouwmuur')}}">
                        <div class="wrapper">
                            <h3>@lang('translations.siteSwitch.spouwmuur.name')</h3>
                            <p>@lang('translations.siteSwitch.spouwmuur.cta')</p>
                            <span>@lang('translations.siteSwitch.spouwmuur.btn')</span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

@endsection



@section('extra-js')
    <script>
        $(function () {

           $('.choices .umans').hover(function () {
              $('.background .left').addClass('show');
           }, function () {
               $('.background .left').removeClass('show');
           });

            $('.choices .spouwmuur').hover(function () {
                $('.background .right').addClass('show');
                $('.background .default').addClass('hide');
            }, function () {
                $('.background .right').removeClass('show');
                $('.background .default').removeClass('hide');
            });

        });

    </script>
@endsection