@extends('layouts.app')

@section('app')
    <div id="welcome" class="row mx-0">
        <div class="content">
            <div class="row justify-content-center align-items-center h-100 mx-0">
                <div class="card large-shadow">
                    <div class="card-body">
                        <div class="card-title mb-0">
                            <img src="{{asset(config('kview.app_logo'))}}" class="mx-auto logo my-3">
                        </div>
                        <div class="title-vn" >
                            {{ config('app.name') }}
                        </div>
                        <p class="text-center mt-4">Please click on link below to connect using<br>
                        your <b>{{env('APP_NAME')}}</b> credentials.</p>
                        <a href="{{config('kview.disable_saml') ? route('login'): route('saml_login')}}" 
                            role="button"
                            class="btn btn-block btn-primary mt-4">
                                Login
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 splash">

        </div>
        <div class="col-sm-6 kview-gradient">

        </div>

        <modal v-cloak v-if="child.modalIE" :is-open="child.modalIE" title="Browser Compatibility Warning"
               @close-modal="child.modalIE = false">
            Tikeasy was not tested with Internet Explorer. Please use Chrome.
        </modal>
    </div>
@endsection

@push('vue_data')

    <script type="application/javascript">
        data.detectIE = function () {
            var ua = window.navigator.userAgent;

            var msie = ua.indexOf('MSIE ');
            if (msie > 0) {
                // IE 10 or older => return version number
                return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
            }

            var trident = ua.indexOf('Trident/');
            if (trident > 0) {
                // IE 11 => return version number
                var rv = ua.indexOf('rv:');
                return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
            }

            var edge = ua.indexOf('Edge/');
            if (edge > 0) {
                // Edge (IE 12+) => return version number
                return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);
            }

            // other browser
            return false;
        }
        data.modalIE = data.detectIE();
    </script>

@endpush