000

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

@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="#">Home</a>
				</li>
				<li class="active">Bulk Update</li>
			</ul>
		</div>

<div class="page-header">
				<h1>
					  Bulk Update User
				</h1>
			</div>
		
			<form action="" role="form" id="bulkUpdateForm">
				<div class="container">
					<div class="row">

<div class="panel panel-primary">
							<div class="panel-heading">
								<h3 class="panel-title">Bulk Update Form</h3>
							</div>
							<div class="panel-body">
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Select User Type</label>
                    <select class="form-control" name="user_type" id="user_type" onchange="getUser(this)">
                      <option value="">Select User Type</option>
                      <option value="FH">Functional Head</option>
                      <option value="BH">Business Head</option>
                      <option value="DIR">Director</option>
                    </select>
                    <span class="label label-danger" id="add_user_type_error" style="display: none;"></span>
                  </div>
                </div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="old_user">Old User</label>

</select>
										<span class="label label-danger" id="add_new_user_error" style="display: none;"></span>
									</div>
								</div>								
								<div class="pull-right">									
									<button type="button" id="bulkUpdateButton" 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")}}

$('#bulkUpdateButton').click(function(e){
			e.preventDefault();
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$.ajax({
				url: "{{ url('/bulkUpdate') }}",
				method: 'POST',
				data: $('#bulkUpdateForm').serialize(),
				success: function(data){
					if(!data.flag){
						showError('add_user_type_error',data.errors.user_type);
						showError('add_old_user_error',data.errors.old_user);
						showError('add_new_user_error',data.errors.new_user);						
					}else{
						swal({
							title: "Success!",
							text: data.message,
							type: "success"
						}, function() {
							window.location.reload();
						});
					}
				}

});
		});

});

function getUser(t) {
    var usertype = $(t).val();

var mydata = {};
    mydata._token = "{{ csrf_token() }}";
    mydata.usertype = usertype;

$.ajax({
			url: "{{ url('/user/get-bulk-update-user') }}",
			method: 'POST',
			data: mydata,
			success: function(data){        
        var html = '<option value="">Select User</option>';
        $.each(data.users, function(key, value){         
          html = html+`<option value="`+value.id+`">`+value.name+`</option>`;
        });
        $('#old_user').html(html);
        $('#new_user').html(html);
      }

});

}

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

</script>

@endsection
@endsection