@extends('cabMeWebsite.master')
<title>Step 1</title>
@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-8">
                        <div class="mt-2 mt-sm-3 mt-md-4 fs25 text-uppercase">Please fill form to start your journey
                        </div>
                        <form class="mt-2 mt-sm-3 mt-sm-4" id="formdata">{{--action="{{url('/step2')}}"--}}
                            <div class="form-group">
                                <div class="row justify-content-md-center">
                                    <div class="col-9">
                                        <input class="form-control" type="text" name="first_name" placeholder="First" />
                                    </div>
                                    <div class="col-9">
                                        <input class="form-control" type="text" name="last_name" placeholder="Last" />
                                    </div>
                                    <div class="col-9">
                                        <input class="form-control" type="text" name="email" placeholder="Email" />
                                    </div>
                                    <div class="col-9">
                                        <input class="form-control" type="tel" name="mobile_number"
                                               placeholder="Mobile" id="mobile_number" />
                                       <input class="form-control" type="hidden" name="mobile" id="mobile" 
                                               placeholder="Mobile" />
                                    </div>
                                    <div class="col-9">
                                        <input class="form-control" type="password" name="password"
                                               placeholder="Enter your password" />
                                    </div>
                                </div>
                                <!--//Row-->
                            </div>
                            <div class="form-group py-1 py-sm-2 py-md-4">
                                <input id="startjourney" type="image" src="{{asset('laravel-website')}}/img/login-btn.png" />
                            </div>
                        </form>
                    </div>
                </div>
                <!--//Row-->
            </div>
        </div>
    </section>
    <script>
        $(document).ready(function () {

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

        $(document).on('blur','#mobile_number',function(){
            var number = '+61'+$('#mobile_number').val();
            $('#mobile').val(number);
        });

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

            e.preventDefault();
            var base_url = '