@extends('layouts.AdminMaster')

@section('content')



	<div class="container">
		<div class="col-lg-6">


            <div class="panel panel-default">
                <div class="panel-heading"><h3>Add User</h3></div>
                <div class="panel-body">



            <div class="form-group">
                {!! Form::open(['url'=>'admin/staffs/find/user', 'method'=>'post', 'id'=>'find-user-form']) !!}

                <label for="user_id">User ID</label>
                <input class="form-control" onkeyup="up()" type="text" name="user_id" id="userid-input" value=""/>

                {!! Form::close() !!}
            </div>

            {!! Form::open(array('url' => 'admin/staffs/store', 'method' => 'post')) !!}
			<div class="form-group">
                <label for="first_name">First Name</label>
                <input type="text" class="form-control" name="first_name" value="" id="first_name" required/>
			</div>
			<div class="form-group">
                <label for="last_name">Last Name</label>
                <input type="text" class="form-control" value="" name="last_name" id="last_name" required/>
			</div>
			<div class="form-group">
                <label for="email">E-mail</label>
                <input type="email" class="form-control" value="" name="email" id="email" required/>
			</div>
			<div class="form-group">
                <label for="phone">Phone</label>
                <input type="number" max="10" class="form-control" name="phone" value="" id="phone" required/>
			</div>
			<div class="form-group">
                <label for="address">Address</label>
                <input type="textarea" class="form-control" name="address" value="" id="address" required/>
			</div>
			<div class="form-group">
                <label for="dob">dob</label>
                <input type="date" required name="dob" class="form-control"/>
			</div>
			<div class="form-group">
                <label for="gender">Gender</label>
                <select class="form-control" name="gender">
                    <option value="male">Male</option>
                    <option value="female">Female</option>
                </select>
			</div>
			<div class="form-group">
                <label for="nic">NIC</label>
                <input type="text" class="form-control" name="nic" value="" id="nic" required/>
			</div>
			<div class="form-group">
                <label for="emergency_contact">Emergency Contact</label>
                <input type="number" class="form-control" name="emergency_contact" value="" id="emergency_contact" required/>
			</div>
			<div class="form-group">
                <label for="designation">Designation</label>
                <input type="text" class="form-control" value="" id="designation" name="designation" required/>
			</div>
			<div class="form-group">
                <label for="date">Date</label>
                <input type="date" name="date_joined" class="form-control"/>
			</div>
			<div class="form-group">
                <label for="user_type">User type</label>
                <select class="form-control" name="user_type">
                    <option value="admin">Admin</option>
                    <option value="normal">Normal</option>
                </select>
			</div>
			<div class="form-group">
                <label for="status">Status</label>
                <select class="form-control" name="status">
                    <option value="active">Active</option>
                    <option value="inactive">Inactive</option>
                </select>
			</div>

			<div class="form-group">
				{!! Form::submit('Create', array('class'=>'btn btn-primary')) !!}
			</div>
                </div>
            </div>
		</div>
        <div class="col-lg-6">


            <div class="add-item-icon text-center">
                <h1 style="font-size: 700px; padding-top: 100px"><i class="fas fa-users"></i></h1>
            </div>


        </div>
	</div>

	

{!! Form::close() !!}
		

			

@endsection

@section('scripts')
    <script>
        var timer;
        function up(){
            timer = setTimeout(function(){

                var keyword = $('#userid-input').val();

                if(keyword.length > 0){

                    var form = $('#find-user-form');
                    var url = form.attr('action');
                    var data = form.serialize();


                    $.post(url, data, function(result){

                        var data = $.parseJSON(result);
                        $('#email').val(data['email']);
                        $('#last_name').val(data['name']);
                        $('#phone').val(data['phone']);
                        $('#address').val(data['no'] +','+data['street']);
                        $('#status').val(data['status']);

                    });

                }
            }, 500);
        }

        function down()
        {
            clearTimeout(timer);
        }
    </script>
@endsection