@extends('front.layout.app')
@section('content')
<style>
header .navbar {
    background: #1a1a1a !important;
    padding-top: 10px;
}
.indi-banner {

    /* background-image: url(./images/artboard4.png); */

    background-image:url('{{ URL::asset("assets/front/images/artboard4.png") }}');
}
</style>
<main>

    <section class="indi-banner">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h1 class="indi-ban-head">Login</h1>
                </div>
                <div class="col-12">
                    <p class="indi-ban-para">Overall measure of economic performance.</p>
                </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="{{ URL::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('userLogin') }}" method="post">
                                    @csrf
                                    <div class="input_email_flex">
                                        <label for="" class="email_label_login">E-mail</label>
                                        <input type="email" placeholder="Enter your E-mail" name="email" class="email_input_field" required>
                                    </div>
    
                                    <div class="input_email_flex">
                                        <label for="" class="email_label_login">Password</label>
                                        <input type="password" placeholder="* * * * *" name="password" class="email_input_field" required>
                                    </div>
    
                                    <div class="flex_checkbox_password">
                                        <!--<div class="flex_remember_checkbox_4">-->
                                        <!--    <input type="checkbox" class="chechkbox_remember">-->
                                        <!--    <label for="" class="email_label_login2">Remember for 30 days.</label>-->
                                        <!--</div>-->
    
                                        <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>
                                
                                <!--<div class="relative_log_in_btn_Div">-->
                                <!--    <button class="sign_up_btn2">Signup with Google</button>-->

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


                                <!--</div>-->

                                <div>
                                    <p class="don_t_have_account">Don't have an account? <a href="{{ route('register') }}">
                                            <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="{{ URL::asset('assets/front/images/sign.png') }}" class="img-fluid img_login_song" alt="">
                            </div>
                        </div>
                    </div>
                </div>

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

</main>


@endsection

@section('script')



@endsection