@extends('cabMeWebsite.master')
<title>CabMe!</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="create-driver mb-2 mb-md-4">
        <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="fs25 mt-2 mt-sm-3 mt-md-4">Let's create your account</h4>
                        <form class="mt-2 mt-sm-3 mt-sm-4" id="formdata">
                            <input type="hidden" id="driver_online_status" name="driver_online_status" value="1">
                            <div class="form-group">
                                <div class="row mt-2">
                                    <div class="col-12 col-md-2">
                                    </div>
                                    <div class="col-12 col-md-9">
                                        <input required class="form-control" type="text" name="first_name" id="first_name" placeholder="First Name" />
                                    </div>
                                </div>
                                <!--//Row-->

                                <div class="row mt-2">
                                    <div class="col-12 col-md-2">
                                    </div>
                                    <div class="col-12 col-md-9">
                                        <input required class="form-control" type="text" name="last_name" id="last_name" placeholder="Last Name" />
                                    </div>
                                </div>
                                <!--//Row-->

                                <div class="row mt-2">
                                    <div class="col-12 col-md-2">
                                    </div>
                                    <div class="col-12 col-md-9">
                                        <input class="form-control" type="email" name="email" id="email" placeholder="Email" />
                                    </div>
                                </div>
                                <!--//Row-->

                                <div class="row mt-2">
                                    <div class="col-12 col-md-2">
                                    </div>
                                    <div class="col-12 col-md-9">
                                        <input class="form-control" type="password" id="password" name="password"
                                               placeholder="Password" />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row">
                                    <div class="col-12 col-md-2 text-right m-text-left pl-0 pr-0 pt-3">
                                        <img class="ml-3 ml-sm-0" src="{{asset('laravel-website')}}/img/australia.png" alt="Australia" width="20" />
                                        + 61
                                    </div>
                                    <div class="col-12 col-md-9">
                                        <input class="form-control" type="tel" id="mobile_number" name="mobile_number"
                                               placeholder="Enter your mobile number" />
                                               <input type="hidden" name="mobile" id="mobile">
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12 col-md-2">
                                    </div>
                                    <div class="col-12 col-md-9">
                                        <input class="form-control" type="text" name="country" id="country" placeholder="Country" />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12 col-md-2">
                                    </div>
                                    <div class="col-12 col-md-9">
{{--                                        <input class="form-control" type="text" name="state" placeholder="State" />--}}
                                        <label class="float-left">State</label>
                                        <select id="state" class="form-control select2" name="state">
                                            <option value="">Select State</option>
                                        </select>
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12 col-md-2">
                                    </div>
                                    <div class="col-12 col-md-9">
                                        <input class="form-control" type="hidden" name="city" id="city" placeholder="City" />
                                        <label class="float-left">City</label>
                                        <select id="location_id"  class="form-control select2" name="location_id" data-city="">
                                            <option value="">Select City</option>
                                        </select>
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12 col-md-2">
                                    </div>
                                    <div class="col-12 col-md-9">
                                        <input class="form-control" type="text" name="" placeholder="Invitation Code" />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-2 col-md-2 text-right m-text-left">
                                        <input type="checkbox" id="agreeCabme" required/>
                                    </div>
                                    <div class="col-9 col-md-9 text-left m-padding-0">
                                        I agree to CABme's Terms of use and acknowledge that I have
                                        read the Privacy Policy.
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2 my-md-4">
                                    <div class="col-12 col-md-2 ">
                                    </div>
                                    <div class="col-12 col-md-9">
                                        <input type="submit" id="register" value="NEXT" class="theme-btn-small btn-block" />
                                    </div>
                                </div>
                                <!--//Row-->
                            </div>
                        </form>
                    </div>
                </div>
                <!--//Row-->
            </div>
        </div>
    </section>
    <script type="text/javascript">
        $(document).ready(function () {

            var base_url = '