@extends('cabMeWebsite.master')

@section('content')
    <section class="subheader">
        <div class="container">
            <div class="col-12">
                <div class="row">
                    <div class="inner-padding">
                        <h2>Driver Log in</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="rider-login">
        <div class="container py-1 py-sm-2">
            <div class="col-12 inner-padding text-center">
                <div class="row justify-content-md-center">
                    <div class="col-12 col-md-5">
                        <h4 class="mt-2 mt-sm-3 mt-md-4">Welcome Back!</h4>
                        <h5>Login to continue using CABme</h5>
                        <form class="mt-2 mt-sm-3 mt-sm-4" method="post"  id="formdata" >
                            {!! csrf_field() !!}
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-12">
                                        <input class="form-control" type="email" name="email" placeholder="Email" />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <input class="form-control" type="password" name="password"
                                               placeholder="Enter your password" />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12 col-md-9 text-left">
                                        <a class="text-warning fs17" href="{{url('/forgotpassword')}}">I forgot my password</a>
                                    </div>
                                </div>
                                <!--//Row-->
                            </div>
                            <div class="form-group">
                                <input type="image" id="driverLogin" src="{{asset('laravel-website')}}/img/login-btn.png" />
                            </div>
                        </form>
                    </div>
                </div>
                <!--//Row-->
            </div>
        </div>

        <div class="col-12">
            <div class="row">
                <img src="{{asset('laravel-website')}}/img/devider.png" alt="Image" width="100%" height="auto" />
            </div>
            <!--//Row-->
            <div class="row">
                <div class="col-12 py-4">
                    <div class="text-center">
                        <p class="fs17">Don't have account? <a href="{{url('/createDriverAccount')}}" class="theme-text">Sign Up</a></p>
                    </div>
                </div>
            </div>
            <!--//Row-->
        </div>
    </section>
    <script type="text/javascript">
        $(document).ready(function () {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });


        });

        $(document).on('click','#driverLogin',function(e) {

            e.preventDefault();
            var base_url = '