<x-admin.header />
<x-admin.sidebar />
<style>
	.input-field .img-upload-btn
	{
		margin: 10px;
	}
	td.col-img
	{
		display: flex;
	}
	td.col-img h6
	{
		position: relative;
		margin: 10px 0px 0px 10px !important;
	}

</style>

<main>
						<div class="main-content">
							<div class="row">
	                           	<div class="col-lg-12 col-12">
	                                <form id="AddUserForm">
	                                	@csrf
	                                    <div class="login-form form-content">
	                                        <h4>Add New User</h4>
	                                        <div class="input-field">
	                                            <label for="">User Name</label>
	                                            <div class="input-field">
	                                                <input class="custom-input" type="text" name="UserName" id="UserName">
	                                            </div>
	                                        </div>
	                                        <div class="input-field">
	                                            <label for="">User Email</label>
	                                            <div class="input-field">
	                                                <input class="custom-input" type="text" name="UserEmail" id="UserEmail">
	                                            </div>
	                                        </div>
	                                        <div class="input-field">
	                                            <label for="">Password</label>
	                                            <div class="input-field">
	                                                <input class="custom-input" type="text" name="Password" id="Password">
	                                            </div>
	                                        </div>
	                                        <div class="input-field">
	                                            <label for="">Conform Password</label>
	                                            <div class="input-field">
	                                                <input class="custom-input" type="text" name="ConformPassword" id="ConformPassword">
	                                            </div>
	                                        </div>

	                                        <!-- <h6>* Required Fields</h6> -->
	                                        <div class="form-footer">
	                                            <button type="submit">Add User</button>
	                                        </div>
	                                    </div>
	                                </form>
	                            </div>
                            </div>
                        </div>


                        <!-- Insert User -->

                        <script>
                        	$(document).ready(function(){
                        		$("#AddUserForm").on('submit', function(e){
                        			e.preventDefault();

                        			var data = new FormData(this);

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

									$.ajax({
										url: "insert_user",
										method: "POST",
										data: data,
										datatype: "json",
										cache: false,
										contentType: false,
										processData: false,
										success:function(data)
										{
											if($.isEmptyObject(data.error))
											{
												toastr.success(data.success,"Added",{timeOut: 1500});
												document.getElementById('AddUserForm').reset();
												window.location = "user";
											}
											else if(data.error.UserName)
											{
												toastr.error(data.error.UserName,"Error",{timeOut: 1500});
												return false;
											}
											else if(data.error.UserEmail)
											{
												toastr.error(data.error.UserEmail,"Error",{timeOut: 1500});
												return false;
											}
											else if(data.error.Password)
											{
												toastr.error(data.error.Password,"Error",{timeOut: 1500});
												return false;
											}
										},
										error:function()
										{
											toastr.error("SomeThing Went Wrong...","Error");
											return false;
										},
									});
                        		});
                        	});
                        </script>

                        <!-- Insert User Ends Here -->

<x-admin.footer />