@extends('cabMeWebsite.master')

@section('content')
    <section class="subheader">
        <div class="container">
            <div class="col-12">
                <div class="row">
                    <div class="inner-padding">
                        <h2></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">
                        <h5 class="mt-2 mt-sm-3 mt-md-4">Create a new account!</h5>
                        <form  id="formdata"> {{-- action="{{url('/otp')}}"--}}
                            {!! csrf_field() !!}
                            <div id="response">
                            </div>
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-12 col-md-3 text-right m-text-left pl-0 pr-0 pt-3">
                                        <img class="ml-2 ml-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" maxlength="12"/>
                                    </div>
                                </div>
                                <!--//Row-->
                            </div>
                            <div class="form-group py-1 py-sm-2 py-md-4">
                                <input type="image" id="register" 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-1 py-sm-2 py-md-4">
                    <div class="text-center">
                        <p class="fs17">Already have an account? <a href="{{url('/riderLogin')}}" class="theme-text">Log
                                In</a></p>
                    </div>
                </div>
            </div>
            <!--//Row-->
        </div>

        <form  id="otpform" action="{{url('/otp')}}" method="post">
            {{ method_field('POST') }}
            {!! csrf_field() !!}
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input class="form-control" type="hidden" name="otp_mobile"
                   placeholder="Enter your mobile number" id="otp_mobile"/>
        </form>
    </section>

    <script>
        $(document).ready(function () {

            // $.ajaxSetup({
            //     headers: {
            //         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            //     }
            // });
        });

        $(document).on('click','#register',function(e) {
            var mobile = '+61'+ $('#mobile').val();
            // $('#otp_mobile').val(mobile);
            // var mobile = $('#mobile').val();
            $('#otp_mobile').val(mobile);
            e.preventDefault();
            var base_url = '