@extends('site.master')
@section('title','Login')
@section('content')
    <!-- Page Banner Section Start -->
    @include('site.layouts.breadcrumb')
    <!-- Page Banner Section End -->

    <!-- Login Section Start -->
    <div class="login-section section mt-10 mb-20">
        <div class="container">
            <div class="row">
                <!-- Login -->
                <div class="col-md-6 col-12 d-flex">
                    <div class="ee-login">

                        <h3>Sign in to your account</h3>
                    {{--                        <p>E&E provide how all this mistaken idea of denouncing pleasure and sing pain born an will give you a complete account of the system, and expound</p>--}}

                    <!-- Login Form -->
                        {!! Form::open(['url' => 'customer/login/check','class' => 'form-horizontal new-lg-form','id' => 'loginform']) !!}
                        <div class="row">
                            <div class="col-12 mb-10">
                                <input type="text" name="mobile" placeholder="Type your mobile number"
                                       value="{{ old('mobile') }}">
                                @if($errors->has('mobile'))
                                    <div class="validation_error">{{ $errors->first('mobile') }}</div>
                                @endif
                            </div>
                            <div class="col-12 mb-20">
                                <input type="password" name="password" placeholder="Enter your password">
                                @if($errors->has('password'))
                                    <div class="validation_error">{{ $errors->first('password') }}</div>
                                @endif
                            </div>
                            <div class="col-12 mb-15">

                                <input type="checkbox" id="remember_me">
                                <label for="remember_me">Remember me</label>

                                <a href="javascript:void(0)" id="forgot">Forgotten password?</a>

                            </div>
                            <div class="col-12"><input type="submit" value="LOGIN"></div>
                        </div>
                        {!! Form::close() !!}
                        <h4>Don’t have account? please click <a href="{{ route('site.register') }}">Sign up</a></h4>

                    </div>
                </div>


                <div class="col-md-1 col-12 d-flex" >
                    <div class="login-reg-vertical-boder" id="forgot-password-border" style="display: none"></div>
                </div>
                <!-- Login With Social -->
                <div class="col-md-5 col-12 d-flex">
                    <div class="ee-login" id="forgot-password-area" style="display: none">

                        <h3>Also you can reset password...</h3>
                        <p style="color: red">Did you forgot your password? You need enter your mobile number and verify
                            with OTP code.</p>
                        <!-- Login Form -->
                        {!! Form::open(['url' => 'customer/forgot/password','method'=>'GET','class' => 'form-horizontal new-lg-form','id' => 'loginform']) !!}
                        <div class="row">
                            <div class="col-12 mb-30">
                                <input type="text" name="forgotMobile" id="forgot-mobile" placeholder="Type your mobile number"
                                       value="{{ old('forgotMobile') }}" required >
                            </div>
                            <div class="col-12"><input type="submit" value="Verify"></div>
                        </div>
                        {!! Form::close() !!}

                    </div>

                </div>


            </div>
        </div>
    </div>
    <!-- Login Section End -->

@stop
@section('page_scripts')
    <script>
        $("#forgot").click(function () {
            $("#forgot-password-area").fadeIn();
            $("#forgot-password-border").fadeIn();
            $("#forgot-mobile").prop('required',true);
        });
    </script>
@endsection