@include('user.layouts.main_page_app')


@section('content')
 <div class="splash active">
        <div class="splash-icon"></div>
    </div>
    <div id="app">
        <main class="main h-100 w-100">
            <div class="container-fluid">
                <div class="card primary">
                    <div class="card-body">
                        <div class="row h-100">
                            <div class="col-sm-10 col-md-4 col-lg-4 mx-auto d-table h-100">
                                <div class="row h-100">
                                    <div class="col-sm-2 col-md-2 col-lg-2 mx-auto d-table h-100">
                                        <img src="/logo.png" alt="logo" class="img-fluid" width="55"
                                            height="55" />
                                    </div>
                                    <div class="col-sm-10 col-md-10 col-lg-10 mx-auto d-table h-100">
                                        <ul style="margin-top: 10px;">
                                            <li>
                                                Hello, {{ Auth::user()->fname }}
                                            </li>
                                            <li>
                                                {{ Auth::user()->email }}
                                            </li>

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

                            <div class="col-sm-10 col-md-4 col-lg-4 mx-auto d-table h-100">
                                <div class="text-center">

                                </div>
                            </div>
                            <div class="col-sm-10 col-md-4 col-lg-4 mx-auto d-table h-100">
                                <a class="btn btn-danger" style="float:right;" href="{{ route('logout') }}"
                                    onclick="event.preventDefault();
                                             document.getElementById('logout-form').submit();">
                                    {{ __('Logout') }}
                                </a>

                                 <form id="logout-form" action="{{ route('logout') }}" method="POST"
                                    style="display: none;">
                                    @csrf
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                @auth

        <div class="container h-100">
            <div class="row h-100">
                <div class="d-table-cell align-middle">
                    <div class="row justify-content-center">
                        <div class="col-md-8">

                            <div class="card">
                                <div class="card-body">
                                    <center>
                                        <p>
                                            <i class="fa-solid fa-thumbsup " style="font-size:30pt;"></i>
                                        </p>
                                        <button type="button" class="btn btn-primary btn-large btn-order btn-block"
                                            onclick="window.location.href = '{{ $default_dash }}'">Go to
                                            Dashboard</button>
                                    </center>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
        </div>
    @endauth
    </div>
@endsection