@extends('layout.guest.guest') @section('title') {{{ trans('site/user.login') }}} :: @parent @stop 
@push('head-script')
<style>
    #loaderDiv{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(128,128,128, 0.25);
    }
    .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        width: 165px;
        height: 165px;
    }
    .first {
        width: 50px;
        height: 50px;
        display: block;
        float: left;
        background: #E4170E;
        animation: animate 2s ease-in infinite;
        border: 2px solid #efeacc;
    }
    .second {
        width: 50px;
        height: 50px;
        display: block;
        float: left;
        background: #158ECF;
        animation: animate 2s ease-in infinite;
        border: 2px solid #efeacc;
    }
    .third {
        float: left;
        background: #fff;
        animation: animate 2s ease-in infinite;
        border: 2px solid #fff;
    }
    .four {
        width: 50px;
        height: 50px;
        display: block;
        float: left;
        background: #F07C00;
        animation: animate 2s ease-in infinite;
        border: 2px solid #efeacc;
    }
    .five {
        width: 50px;
        height: 50px;
        display: block;
        float: left;
        background: #954A97;
        animation: animate 2s ease-in infinite;
        border: 2px solid #efeacc;
    }
    .six {
        width: 50px;
        height: 50px;
        display: block;
        float: left;
        background: #2372B5;
        animation: animate 2s ease-in infinite;
        border: 2px solid #efeacc;
    }
    .seven {
        width: 50px;
        height: 50px;
        display: block;
        float: left;
        background: #FBB900;
        animation: animate 2s ease-in infinite;
        border: 2px solid #efeacc;
    }
    .eight {
        width: 50px;
        height: 50px;
        display: block;
        float: left;
        background: #F07C01;
        animation: animate 2s ease-in infinite;
        border: 2px solid #efeacc;
    }
    .nine {
        width: 50px;
        height: 50px;
        display: block;
        float: left;
        background: #E73428;
        animation: animate 2s ease-in infinite;
        border: 2px solid #efeacc;
    }
    .loader span {
        width: 50px;
        height: 50px;
        display: block;
        float: left;
        /* background: #a23607; */
        animation: animate 2s ease-in infinite;
        border: 2px solid #efeacc;
    }
    .loader span:nth-child(3) {
        animation-delay: 0.8s;
    }
    .loader span:nth-child(2),
    .loader span:nth-child(6) {
        animation-delay: 0.6s;
    }
    .loader span:nth-child(1),
    .loader span:nth-child(5),
    .loader span:nth-child(9) {
        animation-delay: 0.4s;
    }
    .loader span:nth-child(4),
    .loader span:nth-child(8) {
        animation-delay: 0.2s;
    }
    .loader span:nth-child(7) {
        animation-delay: 0s;
    }
    @keyframes animate {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(0);
    }

    50% {
        transform: scale(0);
    }

    75% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
    }
</style>

@endpush
@section('content')
<!-- BEGIN: Content-->
 
            <div class="container-fluid p-0 h-100">
                <div class="row h-100 m-0">
                    
                    <div class="col-md-8 col-lg-8 d-flex flex-column login-new-bg">
                        <img class="login-logo"  src="{{ url('images/thepresence.png') }}" alt="The Presence 360">
                        <h4>Beyond the Core ERP!!</h4>
                        <div class="mt-auto d-none d-sm-block">
                            <div class="row justify-content-center">
                                <div class="col-md-12 text-center loginleftimage">
                                    <img src="/app-assets/images/pages/login-img-new.png" alt="Login V2" class="img-fluid" />
                                    <p class="logincopyright">COPYRIGHT © 2022 <span>Staqo</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-lg-4 bg-white login-right-section-bg">
                        <div class="px-sm-2 py-1 px-0">
                            <div class="row">
                                <div class="col-6 col-md-6"> 
                                    <a class="nav-link nav-link-style"><i class="ficon" data-feather="moon"></i></a>
                                </div>
                                <div class="col-6 col-md-6">
                                    <div class="nav-item dropdown dropdown-language nav justify-content-end"><a
                                            class="nav-link dropdown-toggle" id="dropdown-flag" href="#"
                                            data-bs-toggle="dropdown" aria-haspopup="true"
                                            aria-expanded="false"><i
                                                class="flag-icon flag-icon-us"></i><span
                                                class="selected-language">English</span></a>
                                        <div class="dropdown-menu dropdown-menu-end"
                                            aria-labelledby="dropdown-flag"><a class="dropdown-item"
                                                href="#" data-language="en"><i
                                                    class="flag-icon flag-icon-us"></i>
                                                English</a>
                                                <!-- <a class="dropdown-item" href="#"
                                                data-language="fr"><i class="flag-icon flag-icon-sd"></i>
                                                Spanish</a> -->
                                            </div>
                                    </div>
                                </div>
                            </div>



                            <div class="py-sm-4 px-sm-2 py-3 px-2">
                                <div class="login-head mb-4">
                                    <h2 class="card-title font-weight-bold login-welcomtext">Welcome Aboard,</h2>
                                    <p class="card-text mb-2">Please sign-in to your account with mail or mobile and start to Explore</p>
                                </div>
                                
                                    <ul class="nav nav-pills nav-fill emailloginmob newlogintabcolor">
                                        <li class="nav-item">
                                            <a class="nav-link active" id="home-tab-fill" data-bs-toggle="pill" onclick="resetInputs()"
                                                href="#home-fill" aria-expanded="true"> <i data-feather="user"
                                                    class="font-medium-3 me-50"></i>Email</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="profile-tab-fill" data-bs-toggle="pill" onclick="resetInputs()"
                                                href="#profile-fill" aria-expanded="false"> <i data-feather="lock"
                                                    class="font-medium-3 me-50"></i>Mobile</a>
                                        </li>


                                    </ul>

                                    <form class="auth-login-form mt-2" action="/admin/login/authentication" method="GET">
                                        <div class="tab-content login-input-form">
                                            <div role="tabpanel" class="tab-pane active" id="home-fill"
                                                aria-labelledby="home-tab-fill" aria-expanded="true">
                                                
                                                    <div class="mb-1">
                                                        <label class="form-label" for="login-email">Email</label>
                                                        <input class="form-control" id="login-email" type="email"
                                                            name="email" placeholder="john@example.com" value="{{ old('email') }}"
                                                            aria-describedby="login-email" autofocus="" tabindex="1" required/>
                                                            {!! $errors->first('email', '<span id="login-email-error" class="error">:message</span>') !!}
                                                            <div class="custom-error"></div>
                                                    </div> 

                                            </div>

                                            <div class="tab-pane" id="profile-fill" role="tabpanel"
                                                aria-labelledby="profile-tab-fill" aria-expanded="false">
                                                
                                                    <div class="mb-1">
                                                        <label class="form-label" for="phone-number">Phone
                                                            Number</label>
                                                        <div class="d-flex">
                                                            <div class="btn-group dropup dropdown-icon-wrapper">
                                                                <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;App\Models\Country&quot; not found in /var/www/html/thepresence360/resources/views/auth/login.blade.php:241
Stack trace:
#0 {main}
  thrown in <b>/var/www/html/thepresence360/resources/views/auth/login.blade.php</b> on line <b>241</b><br />