
    <!--<div id="google_translate_element"></div>-->
    <section class="fxt-template-animation fxt-template-layout31">
        <span class="fxt-shape fxt-animation-active"></span>
        <div class="fxt-content-wrap">
            @if (Session::has('status'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('status') }}
            {{-- <button type="button" class="close" data-dismiss="alert"
                aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button> --}}
        </div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            {{-- <button type="button" class="text-white close" data-dismiss="alert"
                aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button> --}}
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
            <div class="fxt-heading-content">
                <div class="fxt-inner-wrap">
                    <div class="fxt-transformY-50 fxt-transition-delay-3">
                        <a href="{{ route('login') }}" class="fxt-logo"><img src="{{ asset('storage/app/public/'.$settings->logo)}}" alt="Logo" ></a>
                    </div>
                     <div id="google_translate_element"></div>
                    <div class="fxt-transformY-50 fxt-transition-delay-4">
                        <h1 class="fxt-main-title">We're {{$settings->site_name}}.</h1>
                    </div>
                    
                    <div class="fxt-login-option">
                        <ul>
                            <li class="fxt-transformY-50 fxt-transition-delay-6"><a href="{{ route('login') }}">Sign In</a></li>
                            <li class="fxt-transformY-50 fxt-transition-delay-7"><a href="{{ route('register') }}">Sign Up </a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="fxt-form-content">
                <div class="fxt-page-switcher">
                    <h2 class="fxt-page-title mr-3">Login</h2>
                    <ul class="fxt-switcher-wrap">
                        <li><a href="{{ route('login') }}" class="fxt-switcher-btn active">Login</a></li>
                        <li><a href="{{ route('register') }}" class="fxt-switcher-btn">Register</a></li>
                    </ul>
                </div>
                <div class="fxt-main-form">
                    <div class="fxt-inner-wrap">
                        <form  method="POST" action="{{ route('login') }}"  >
                       
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group">
                                        <!-- <input type="email" id="email" class="form-control" name="email" placeholder="Email" required="required"> -->
                                        <input class="form-control" type="text" name="email" placeholder="Email" required>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <input id="password" type="password" class="form-control" name="password" placeholder="********" required="required">
                                        <i toggle="#password" class="fa fa-fw fa-eye toggle-password field-icon"></i>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <div class="fxt-checkbox-wrap">
                                            <div class="fxt-checkbox-box mr-3">
                                                <input id="checkbox1" name='remember' type="checkbox">
                                                <label for="checkbox1" class="ps-4">Keep me logged in</label>
                                            </div>
                                            <!-- <a href="forgot-password-31.php" class="fxt-switcher-text">Forgot Password</a> -->
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <button id="submit" type="submit" name="login" class="ibtn">Log in</button>
                                    </div>
                                </div>
                            </div>
                            <a href="{{ route('password.request') }}" class="link-primary fs-6 fw-bolder">Forgot Password ?</a>
                        </form>
                        <div class="fxt-switcher-description">Don't have an account?<a href="{{ route('register') }}" class="fxt-switcher-text ms-1">Register</a></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!-- <script type="text/javascript">
    (function () {
        var options = {
            telegram: "metroxtrustspay", // Telegram bot username
            call_to_action: "Message us", // Call to action
            button_color: "#FF6550", // Color of button
            position: "left", // Position may be 'right' or 'left'
        };
        var proto = 'login.html', host = "getbutton.io", url = proto + '//static.' + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
</script> -->
