000

@extends('dashboard.layouts.app')
@section('title','Token')

@section('style')
{{Html::style("assets/css/bootstrap-datepicker3.min.css")}}
@endsection

@section('content')

<div class="main-content">
	<div class="main-content-inner">
		<div class="breadcrumbs ace-save-state" id="breadcrumbs">
			<ul class="breadcrumb">
				<li>
					<i class="ace-icon fa fa-home home-icon"></i>
					<a href="#">{{__('messages.Home')}}</a>
				</li>
				<li class="active">{{__('messages.Token')}}</li>
			</ul>
		</div>

<div class="page-header">
				<h1>
					{{__('messages.Update')}} {{__('messages.Token')}} #{{$user->id}}
				</h1>
			</div>

<form action="" role="form" id="updateUserForm">
				<div class="container">
					<div class="row">
						<input type="hidden" name="id" value="{{$user->id}}">
						<div class="panel panel-primary">
							<div class="panel-heading">
								<h3 class="panel-title"> {{__('messages.Paneltitle')}}</h3>
							</div>
							<div class="panel-body">
								<div class="col-md-4">
									<div class="form-group">
										<label for="role">{{__('messages.Roles')}}</label>
										<select class="form-control" name="role" id="role">
											<option value="">  {{__('messages.Role')}} {{__('messages.Select')}}</option>
											@foreach($roles as $role)
											<option value="{{$role->id}}" {{$user->role_id == $role->id ? "selected":""}}>{{$role->role}}</option>
											@endforeach()
										</select>
										<span class="label label-danger" id="add_role_error" style="display: none;"></span>
									</div>
								</div>

<div class="col-md-4">
									<div class="form-group">
										<label for="name">{{__('messages.Name')}} </label>
										<input type="text" name="name" id="name" class="form-control" value="{{$user->name}}">
										<span class="label label-danger" id="add_name_error" style="display: none;"></span>
									</div>
								</div>

<div class="col-md-4">
									<div class="form-group">
										<label for="email">{{__('messages.Email')}} </label>
										<input type="text" name="email" id="email" class="form-control" value="{{$user->email}}">
										<span class="label label-danger" id="add_email_error" style="display: none;"></span>
									</div>
								</div>

<div class="col-md-4">
									<div class="form-group">
										<label for="password">{{__('messages.Password')}} </label>
										<input type="text" name="password" id="password" class="form-control" value="{{$user->plain_password}}">
										<span class="label label-danger" id="add_password_error" style="display: none;"></span>
									</div>
								</div>

<div class="pull-right">
									<a href="{{URL('/user/users')}}" class="btn btn-default" >Back</a>
									<button type="button" id="updateUserBtn" class="btn btn-primary">Submit</button>

</div>
							</div>
						</div>

</div>
				</div>
				
			</form>
		</div>
	</div>
</div>
@section('script')

{{ Html::script("assets/js/ace-elements.min.js")}}
{{ Html::script("assets/js/ace.min.js")}}
{{ Html::script("assets/js/bootstrap-datepicker.min.js")}}

$('.date-picker').datepicker({
			autoclose: true,
			todayHighlight: true
		})
		.next().on(ace.click_event, function(){
			$(this).prev().focus();
		});

$('#updateUserBtn').click(function(e){
			e.preventDefault();
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$.ajax({
				url: $('#updateUserForm').attr('action'),
				method: 'POST',
				data: $('#updateUserForm').serialize(),
				success: function(data){
					if(!data.flag){
						showError('add_name_error',data.errors.name);
						showError('add_email_error',data.errors.email);
						showError('add_role_error',data.errors.role);
						showError('add_password_error',data.errors.password);
					}else{
						swal({
							title: "Success!",
							text: data.message,
							type: "success"
						}, function() {
							window.location.reload();
						});
					}
				}

});
		});

});

function showError(id,error){
		if(typeof(error) === "undefined"){
			$('#'+id).hide();
		}else{
			$('#'+id).show();
			$('#'+id).text(error);
		}
	}

</script>

@endsection
@endsection