@extends('cabMeWebsite.master')

@section('content')
{{--    <meta name="csrf-token" content="{{ csrf_token() }}">--}}
    <section class="subheader">
        <div class="container">
            <div class="col-12">
                <div class="row">
                    <div class="inner-padding">
                        <h2>Rider 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-6">
                        <h4 class="mt-2 mt-sm-3 mt-md-4">Rider Login</h4>
                        <form class="mt-2 mt-sm-3 mt-sm-4" method="post"  id="formdata" >
                            {!! csrf_field() !!}
                            <div id="response">
                            </div>
                            {{--action="{{ action('API\LoginController@login') }}"--}}
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <div class="form-group has-feedback {!! !$errors->has('mobile') ?: 'has-error' !!}">
                                <div class="form-group">
                                    <div class="row">

                                        @if($errors->has('mobile'))
                                            @foreach($errors->get('mobile') as $message)
                                                <label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i>{{$message}}
                                                </label><br>
                                            @endforeach
                                        @endif

                                        <div class="col-12 col-md-3 text-right m-text-left pl-0 pr-0 pt-3">
                                            <img class="ml-2 m-sm-0" src="{{asset('laravel-website')}}/img/australia.png" alt="Australia" /> + 61
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <input class="form-control" type="tel" name="mobile"
                                                   placeholder="Enter your mobile number" id="mobile" value="{{ old('mobile') }}"/>
                                            <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                                        </div>
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12 col-md-3">
                                    </div>
                                    <div class="col-12 col-md-9">
                                        <input class="form-control" type="password" name="password"
                                               placeholder="Enter your password" id="password" />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12 col-md-3">
                                    </div>
                                    <div class="col-12 col-md-9 text-left">
                                        <a class="text-warning fs17" href="{{url('/riderforgotpassword')}}">I forgot my password</a>
                                    </div>
                                </div>
                                <!--//Row-->
                            </div>
                            <div class="form-group">
                                <input type="image" id="rider_login" src="{{asset('laravel-website')}}/img/login-btn.png" />
                            </div>
                        </form>
                        <div class="text-center">
                            <p class="fs17">Don't have account? <a href="{{ url('/createAccount') }}" class="theme-text">Sign
                                    Up</a></p>
                        </div>
                    </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">
                    <p class="text-secondary text-center py-2 fs">Or login with Facebook or Google</p>
                    <p class="text-center">
                        <a class="m-1" href="www.google.com" target="_blank"><img src="{{asset('laravel-website')}}/img/google.png" alt="Googel"
                                                                                  width="" height="" /></a>
                        <a class="m-1" href="www.facebook.com" target="_blank"><img src="{{asset('laravel-website')}}/img/facebook.png" alt="Googel"
                                                                                    width="" height="" /></a>
                    </p>
                </div>
            </div>
            <!--//Row-->
        </div>
    </section>
<script>
    // $(document).ready(function () {
    //     $.ajaxSetup({
    //         headers: {
    //             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    //         }
    //     });
    //
    // });

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

        var mobile = '61'+$('#mobile').val();
        var password = $('#password').val();
        e.preventDefault();
        var base_url = '