@extends('frontend.layouts.app')

@section('content')
<style>
header .navbar {
    background: #1a1a1a !important;
    padding-top: 10px;
}
</style>
<main>

    <section class="banner bannercon">
        <div class="main-slide">
            <div class="dawn">
                <div class="h-100 position-relative">
                    <img src="{{asset('assets/front/images/contact123.png')}}"  class="img-fluid banner-img" alt="">
                    <div class="container h-100">
                        <div class="row h-100">
                            <div class="banner-slider">
                                <div class="content" data-aos="fade-right" data-aos-duration="1500">
                                    <h3>Login</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="log_in_section_banner services22 mrx logsign">
        <div class="container">
            <div class="row justify-content-center">

                <div class="col-12 col-sm-12 col-md-12 col-lg-10 col-xxl-10">
                    <div class="row row_section_bg">
                        <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xxl-6 padding_col_div panel">
                            <div class="main_bg_logo_indig0_about h-100 aos-init aos-animate" data-aos="fade-right"
                                data-aos-delay="0" data-aos-duration="2000">
                                <div>
                                    <img src="{{asset('assets/front/images/logo.png')}}"  class="indigi_logo_login_section" alt="">
                                </div>
                                <div>
                                    <h6 class="log_in_heading_contact">Log in</h6>
                                    <p class="log_in_heading_contact2">Welcome back. Please enter your details</p>
                                </div>

                                <form action="{{ route('user.login.post') }}" method="post">
                                    @csrf
                                    <div class="input_email_flex">
                                        <label for="" class="email_label_login">E-mail</label>
                                        <input type="email" name="email" placeholder="Enter your E-mail" class="email_input_field">
                                    </div>
    
                                    <div class="input_email_flex">
                                        <label for="" class="email_label_login">Password</label>
                                        <input type="password" name="password" placeholder="* * *" class="email_input_field">
                                    </div>
    
                                    <div class="flex_checkbox_password">
                                        <div>
                                           <a href="javascript:;"> <p class="forget_password_para">Forget password</p></a>
                                        </div>
                                    </div>
    
                                    <div>
                                        <button class="sign_up_btn" type="submit">Sign in</button>
                                    </div>
                                </form>
                                
                                <!--<a href="{{ route('login.google') }}" class="relative_log_in_btn_Div">-->
                                <!--    <button class="sign_up_btn2">Signup with Google</button>-->

                                <!--    <img src="{{asset('assets/front/images/google_icon.png')}}"  class="absolute_icon_g" alt="">-->
                                    
                                <!--</a>-->

                                <div>
                                    <p class="don_t_have_account">Don't have an account? <a href="{{ route('signUp') }}">
                                            <strong class="strong_sign_up">Sign up</strong></a></p>
                                </div>
                            </div>


                        </div>
                        <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xxl-6 padding_col_div panel">
                            <div class="mar-div-old-men mrxj aos-init aos-animate h-100" data-aos="fade-left"
                                data-aos-delay="0" data-aos-duration="2000">
                                <img src="{{ asset('assets/front/images/song_login.jpg') }}" class="img-fluid img_login_song" alt="">
                            </div>
                        </div>
                    </div>
                </div>

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


</main>

@endsection