000

@extends('admin.layouts.app')
@section('title','Members')
@section('style')
<meta name="csrf-token" content="{{ csrf_token() }}">
<style type="text/css">
    
    .select2-container {
        width: 90% !important;
        /*min-height: 50px; */
        /*max-height: 200px; */
        /*overflow-y: scroll;*/
    }

.select2-container .select-all {
        position: absolute;
        top: 6px;
        right: 4px;
        width: 20px;
        height: 20px;
        margin: auto;
        display: block;
        background: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNDc0LjggNDc0LjgwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc0LjggNDc0LjgwMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zOTYuMjgzLDI1Ny4wOTdjLTEuMTQtMC41NzUtMi4yODItMC44NjItMy40MzMtMC44NjJjLTIuNDc4LDAtNC42NjEsMC45NTEtNi41NjMsMi44NTdsLTE4LjI3NCwxOC4yNzEgICAgYy0xLjcwOCwxLjcxNS0yLjU2NiwzLjgwNi0yLjU2Niw2LjI4M3Y3Mi41MTNjMCwxMi41NjUtNC40NjMsMjMuMzE0LTEzLjQxNSwzMi4yNjRjLTguOTQ1LDguOTQ1LTE5LjcwMSwxMy40MTgtMzIuMjY0LDEzLjQxOCAgICBIODIuMjI2Yy0xMi41NjQsMC0yMy4zMTktNC40NzMtMzIuMjY0LTEzLjQxOGMtOC45NDctOC45NDktMTMuNDE4LTE5LjY5OC0xMy40MTgtMzIuMjY0VjExOC42MjIgICAgYzAtMTIuNTYyLDQuNDcxLTIzLjMxNiwxMy40MTgtMzIuMjY0YzguOTQ1LTguOTQ2LDE5LjctMTMuNDE4LDMyLjI2NC0xMy40MThIMzE5Ljc3YzQuMTg4LDAsOC40NywwLjU3MSwxMi44NDcsMS43MTQgICAgYzEuMTQzLDAuMzc4LDEuOTk5LDAuNTcxLDIuNTYzLDAuNTcxYzIuNDc4LDAsNC42NjgtMC45NDksNi41Ny0yLjg1MmwxMy45OS0xMy45OWMyLjI4Mi0yLjI4MSwzLjE0Mi01LjA0MywyLjU2Ni04LjI3NiAgICBjLTAuNTcxLTMuMDQ2LTIuMjg2LTUuMjM2LTUuMTQxLTYuNTY3Yy0xMC4yNzItNC43NTItMjEuNDEyLTcuMTM5LTMzLjQwMy03LjEzOUg4Mi4yMjZjLTIyLjY1LDAtNDIuMDE4LDguMDQyLTU4LjEwMiwyNC4xMjYgICAgQzguMDQyLDc2LjYxMywwLDk1Ljk3OCwwLDExOC42Mjl2MjM3LjU0M2MwLDIyLjY0Nyw4LjA0Miw0Mi4wMTQsMjQuMTI1LDU4LjA5OGMxNi4wODQsMTYuMDg4LDM1LjQ1MiwyNC4xMyw1OC4xMDIsMjQuMTNoMjM3LjU0MSAgICBjMjIuNjQ3LDAsNDIuMDE3LTguMDQyLDU4LjEwMS0yNC4xM2MxNi4wODUtMTYuMDg0LDI0LjEzNC0zNS40NSwyNC4xMzQtNTguMDk4di05MC43OTcgICAgQzQwMi4wMDEsMjYxLjM4MSw0MDAuMDg4LDI1OC42MjMsMzk2LjI4MywyNTcuMDk3eiIgZmlsbD0iIzAwMDAwMCIvPgoJCTxwYXRoIGQ9Ik00NjcuOTUsOTMuMjE2bC0zMS40MDktMzEuNDA5Yy00LjU2OC00LjU2Ny05Ljk5Ni02Ljg1MS0xNi4yNzktNi44NTFjLTYuMjc1LDAtMTEuNzA3LDIuMjg0LTE2LjI3MSw2Ljg1MSAgICBMMjE5LjI2NSwyNDYuNTMybC03NS4wODQtNzUuMDg5Yy00LjU2OS00LjU3LTkuOTk1LTYuODUxLTE2LjI3NC02Ljg1MWMtNi4yOCwwLTExLjcwNCwyLjI4MS0xNi4yNzQsNi44NTFsLTMxLjQwNSwzMS40MDUgICAgYy00LjU2OCw0LjU2OC02Ljg1NCw5Ljk5NC02Ljg1NCwxNi4yNzdjMCw2LjI4LDIuMjg2LDExLjcwNCw2Ljg1NCwxNi4yNzRsMTIyLjc2NywxMjIuNzY3YzQuNTY5LDQuNTcxLDkuOTk1LDYuODUxLDE2LjI3NCw2Ljg1MSAgICBjNi4yNzksMCwxMS43MDQtMi4yNzksMTYuMjc0LTYuODUxbDIzMi40MDQtMjMyLjQwM2M0LjU2NS00LjU2Nyw2Ljg1NC05Ljk5NCw2Ljg1NC0xNi4yNzRTNDcyLjUxOCw5Ny43ODMsNDY3Ljk1LDkzLjIxNnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K') no-repeat center;
            background-size: contain;
            cursor: pointer;
            z-index: 999999;
    }                        
        
</style>

@endsection
@section('content')

<div class="content-header">
			<div class="d-flex align-items-center">
				<div class="me-auto">
					<h4 class="page-title">{{$page}}</h4>
					<div class="d-inline-block align-items-center">
						<nav>
							<ol class="breadcrumb">
								<li class="breadcrumb-item"><a href="#"><i class="fa fa-home"></i></a></li>
								<li class="breadcrumb-item active" aria-current="page">{{$page}}</li>
							</ol>
						</nav>
					</div>
				</div>
			</div>
		</div>

<section class="content">
			<div class="row">
				<div class="col-12">
					<div class="box">
					    	
						<div class="box-header with-border">
							<div class="clearfix">
                        @if(\Auth::user()->role_id=='1')
                        <div class="row  bg-secondary rounded">
						    <div class="col-md-3 pt-3 col-sm-4">
						        <div class="form-group">
						            <form method="post" action="{{ url('/admin/download-assigned-mpp') }}" role="form">
						                <input type="hidden" name="user_id" value="{{ $id }}">
						                @csrf
                                        <button type="submit" class="btn btn-primary"><i class="ti-download"></i>&nbsp;&nbsp;Download Assigned Mpp</button>						                    
						            </form>
						        </div>
						    </div>
						    <div class="col-md-5 col-sm-2">
						    </div>
						    <div class="col-md-4 col-sm-6 pt-3">
						        <div class="form-group">
						            <form method="post" action="{{ url('/admin/import-assigned-mpp') }}" role="form" id="uploadMpp">
						                @csrf
						                <div class="row">
						                    <div class="col-7">
						                        <input type="hidden" value="{{$id}}" id="user_id" name="user_id">
						                        <input type="file" class="form-control" name="mpp_file" id="mpp_file">        
						                    </div>
						                    <div class="col-5">
						                        <button type="button" class="btn btn-primary" onclick="importMpp()"><i class="ti-upload"></i>&nbsp;&nbsp;Import Mpp</button>  
						                    </div>
						                </div>
						            </form>
						        </div>
						    </div>
						</div>
						<hr>
						<form action="{{URL('/admin/assign-user')}}" role="form" id="addAssignUserForm">
        				    <input type="hidden" value="{{csrf_token()}}" id="token">
        				    <input type="hidden" value="{{$id}}" id="user_id" name="user_id">
    						<div class="row">
    							<div class="col-md-4">
    								<div class="form-group">
    									<label for="relation_with_application" class="form-label">Mcc :</label><br>
    									<select class="form-control select2" id="mcc_name" name="mcc_name" onchange="getMppByMcc()">
    										<option value="">Select</option>
                                            @foreach($mcc as $m)
                                            <option value="{{$m->code}}">{{$m->name}}</option>
                                            @endforeach
    									</select>
    								</div>
    							</div>
    							<div class="col-md-6">
    								<div class="form-group">
    									<label for="mpp_name" class="form-label">MPP :</label><br>
            								<select class="form-control select2" id="mpp_name" name="mpp_name[]" multiple="multiple" data-placeholder="Select Mpp"
    								         style="width: 100%;">
            								
            							</select>
    								</div>
    								
    							</div>
    							<div class="col-md-2">
    								<button type="button" class="btn btn-primary" onclick="assignToUser()" style="padding: 6px 16px;font-size: 15px;margin-top: 27px;">Assign</button>
    							</div>
    						</div>
                        </form>
							@endif		
						</div>
						</div>

<div class="box-body">
						    <h3>Assigned Mcc List</h3>
							<div class="table-responsive">
								<table id="dynamic-table" class="table table-bordered table-hover display nowrap margin-top-10 w-p100">
									<thead>
										<tr>
										<th style="text-align: center;">ID</th>
										<th style="text-align: center;">Action</th>
										<th style="text-align: center;">User Name</th>
										<th style="text-align: center;">MCC</th>
										<th>MPP</th>
										</tr>
									</thead>
									<tbody>
    								@foreach($assign_users as $key=>$assign_user)
										<tr id="tr_{{$assign_user->id}}">
    										<td>{{$key+1}}</td>
    										<td><a class="btn btn-xs btn-danger" onclick="deleteMcc({{$assign_user->id}})"  title="Remove"  >
        												<i class="ace-icon fa fa-trash bigger-120" ></i>
        											 </a>&nbsp;
                                             </td>
    										<td>{{$assign_user->name}}</td>
    										<td>{{$assign_user->mcc_name}}({{$assign_user->mcc_code}})</td>
    										<td>{{$assign_user->mpp_code}}</td>
										</tr>
										@endforeach
									</tbody>
									<tfoot>
                                  </tfoot>
								</table>
							</div>
						</div>
				
						
					</div>
					
				</div>
			</div>
		</section>
		
	</div>
</div>
@endsection
@section('script')
{{-- <script src="{{asset("src/js/pages/patients.js")}}"></script> --}}
<script src="../src/js/pages/validation.js"></script>
<script src="../src/js/pages/form-validation.js"></script>
<script>

$(document).on('click', '.select-all', function (e) {
        console.log("inside document part ");
        selectAllSelect2($(this).siblings('.selection').find('.select2-search__field'), 'up');
        $('.select-all').css('background', 'none');
        $('.select-all').css('background', 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA1ElEQVR4nO2VzQ6CMBCEP9/An7NWeP/nEOLFKxqF8CQ1TdaEVFoWKkYTJumpszvZge7Agn/FBiiBG2AUfCNcV7PViqyBM2DltEAe4R+AR4d/AXYaoaJT9Dp1YDIjdz7f9YhiBVx7CvvETEDESg/XKwrfCuvZmCk4MavfLGkik9WBO1dz1IpoJrOpk0wVa8XSJAyJtZ8Q0Qrlc4vYb34fm2KhGfiFG+Wjnv3BZikrqBmxgirNCioVIslLNRQTMSv2wH1KTCDhVYgF2uCrgNOY4FvwW3gCeI+7999fi/gAAAAASUVORK5CYII=") no-repeat center');
    });

});

}
	
	
	function importMpp(){
	    
	    var formData = new FormData();
        formData.append('mpp_file', $('#mpp_file')[0].files[0]);
	    formData.append('user_id', $('#user_id').val());
	    
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
			}
		});
		
		$.ajax({
			url: $('#uploadMpp').attr('action'),
			method: 'POST',
			data: formData,
			contentType: false,
            processData: false,
			success: function(data){
				console.log(data);
				if(data.flag){
					swal({
						title: "Success!",
						text: data.message,
						type: "success"
					}).then( function() {
						window.location.reload();
					});
				}else{
					swal("Error", data.error, "error");
				}
			}
		});
	}
	
	function deleteMcc(id) {
		if (id == "") {
			Swal.fire('Error', 'Id id is missing', 'warning');
		} else {
			Swal.fire({
				title: "Are you sure?",
				text: "You will not be able to recover this assigned Mcc!",
				icon: "warning",
				showCancelButton: true,
				confirmButtonColor: '#DD6B55',
				confirmButtonText: 'Yes, I am sure!',
				cancelButtonText: "No, cancel it!",
				closeOnConfirm: false,
				closeOnCancel: false
			}).then((isConfirm) => {
				if (isConfirm.isConfirmed) {
					$.ajax({
						url: "{{url('/admin/remove-assign-user')}}" + "/" + id,
						type: 'GET',
						success: function(data) {
							if (data.flag) {
								$('#tr_' + id).remove();
								Swal.fire("Success", " Remove Successfully", "success");

} else {
								Swal.fire("Error", data.message, "error");
							}
						}
					});
				} else {
					Swal.fire("Cancelled", "Your assigned Mcc is safe :)", "error");
				}
			});
		}
	}
</script>
@endsection