@extends('masters.layout.default_layout')

@section('content')
<style type="text/css">
    .field-wrapper {
    background-color: #fff;
    padding: 20px;
    border: 1px solid rgba(45,155,234,0.3);
    margin-bottom: 20px;
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
    margin: 10px;
}
.pd_l_20 {
    padding-left: 10px;
    padding-top: 10px;
}
.input_div_height {
    height: 85px;
}
.form-group {
     margin-bottom: 0px !important; 
}
.error {
    color: red;
}
</style>
<main class="app-content">

    <div class="app-title">

        <div>

            <h1><i class="fa fa-user"></i> Create User</h1>

        </div>

        <ul class="app-breadcrumb breadcrumb">

            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>

            <li class="breadcrumb-item"><a href="#">Create User</a></li>

        </ul>

    </div>

    <form action="{{url('masterAdmin/step1Save')}}" method="post" enctype="multipart/form-data" id="step_1">

        @csrf

        <div class="d-flex justify-content-center">

            <div class="col-sm-6">
                <div class="field-wrapper">
                    <div class="form-group input_div_height">

                        <label class="control-label">Phone <span class="text-danger">*</span></label>

                        <input class="form-control" id="conatct" type="text" name="contact" placeholder="Enter Contact">

                    </div>

                    <div class="form-group input_div_height">

                        <label class="control-label">Email <span class="text-danger">*</span></label>

                        <input class="form-control" id="email" type="email" name="email" autofocus required placeholder="Enter Email">

                    </div>
                </div>
                <div class="pd_l_20">

                    <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i>Save & Next</button>
                </div>

            </div>



        </div>

    </form>

</main>

<!---->

<script>

$( document ).ready(function() {

     var ajax_url = "{{ url('/') }}";

    var form = $("#step_1");

    form.validate({

        rules: {

           

            email: {

                required:true,

                remote: {

                            url: "{{url("masterAdmin/email_check")}}",

                            type: "get",

                            data: {

                            email: function() {

                                    return $("#email").val(); //your email field

                                }

                            }

                  }

            },

            contact: {

                minlength: 10,

                // maxlength: 9,

                // required:true,

                digits:true,

                // remote: ajax_url + '/check_phone',

                // remote: {

                //             url: "{{url("check_phone")}}",

                //             type: "get",

                //             data: {

                //             contact: function() {

                //                     return $("#conatct").val(); //your email field

                //                 }

                //             }

                //   }

                            

                },

          

        },

        messages:{

            contact:{

                // minlength: ".",

                remote: "Phone number is already registered.",      

            },

            email:{

                remote: "Email is already registered.",    

            },

        }

    });

});    

</script>

@stop