@extends('layouts.app')

@section('content')
    <style>
        #list {
            white-space: nowrap;
        }

        #list a, #list p {
            display: inline-block;
        }
    </style>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card" style="height:80vh; ">
                    <div class="card-header">@lang('site.welcome')</div>

                    <div class="card-body" style="display: flex;justify-content: center;align-items: baseline;">
                        @if (session('status'))
                            <div class="alert alert-success" role="alert">
                                {{ session('status') }}
                            </div>
                        @endif

                        @auth
                            <div>
                                <p>@lang('site.you_are_logged_in') </p>

                                <a href="{{ route('dashboard.welcome') }}"
                                   class="btn btn-primary">@lang('site.go_to') @lang('site.dashboard')</a>

                            </div>

                        @else
                            <div id="list">
                                <p>@lang('site.have_account')</p>
                                <a href="{{ route('login') }}">@lang('site.sing_in')</a>
                                <p>!</p>
                            </div>
                        @endauth

                    </div>
                </div>
            </div>

            <div class="row d-flex justify-content-between col-md-12">
                <p>@lang('site.copyright') © {{ now()->format('Y') }} @lang('site.all_rights_reserved').</p>
                <p>Made By IT-department</p>
            </div>

            <div class="row d-flex justify-content-between col-md-12">
                <p>
                    <a class="pull-left" href="{{ route('apps.downloadApp',['app_id'=>'any_desk']) }}">
                        تطبيق المساعدة
                    </a>
                </p>
            </div>
        </div>

    </div>

@endsection