<?php
$campaignClients=DB::table('skill_group')->select('group_name')->where('clients','LIKE','%'.$campaignDetails->mkey.'%')->get();
foreach($campaignClients as $cliens){
//print_r($cliens->group_name);
	$groupsarray[]=$cliens->group_name;
}
/*if($groupsarray==null){
	$groupsarray='';
}*/
//print_r($groupsarray);

?>

<div class="row">
	<div class="col-md-12">
		<div class="panel panel-info">
			<div class="panel-body">
				<div class="col-md-2">
					<label>Select Skill Group:</label>
				</div>
				<div class="col-md-6">
					<select id="skillgroups" class="select2multi" style='width:100%' multiple="">
						<option value></option>
						<?php if(isset($skillgroup))foreach($skillgroup as $user){
							if($groupsarray!=null){
							if(!in_array($user->group_name,$groupsarray)){
							echo "<option value='$user->group_name' $seltext>$user->group_name</option>";}}else{
								echo "<option value='$user->group_name' $seltext>$user->group_name</option>";
							}} ?> 
					</select>
				</div>
				<div class="col-md-2">
					<button id="assigncampaigntogroup" class="btn btn-xs btn-info">Assign Campaign
					</button>
				</div>
			</div>
		</div>
		<div class="panel panel-info">
			<div class="panel-heading "><strong>Assigned Group List</strong><div style="float:right;">
					<button id="removeuser2" class="btn btn-xs btn-info">Edit Group List
					</button>
				</div></div>
			<div class="panel-body">
				
				<div class="col-md-12" id="dbs1">
					@if($groupsarray!=null)
					@foreach ($groupsarray as $row)
					
							<div class="col-md-1">{{$row}}</div>
						
					@endforeach
					@endif
				</div>
				<div class="col-md-12" id="abs1" style="display:none">
					<div class="col-md-6">
					<select id="username3" class="select2multi" style='width:100%' multiple="">
						<option value></option>
						<?php if(isset($groupsarray))foreach($groupsarray as $userassigned){;echo "<option value='$userassigned' selected>$userassigned</option>";} ?> 
					</select>
				</div>
				<div class="col-md-2">
					<button id="removecampaign3" class="btn btn-xs btn-info">Save
					</button>
				</div>
				</div>

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

<script>
	$("#removeuser2").click(function(){
		//console.log("MANOJ");
		$("#dbs1").hide();
      $("#abs1").toggle();
	});

	$('#assigncampaigntogroup').click(function()
	{
		var agents1 = $('#skillgroups').val();
		var selectCampaignField = $('#selectCampaignField').val();

		//console.log(agents1+"---"+selectCampaignField);
		if(agents1&&selectCampaignField)
		{
			var postdata='agents='+agents1;
			postdata+='&selectCampaignField='+selectCampaignField;

			doAjax("campaign/assigncampaigntogroup",postdata,"campaignDetailsArea","","","GET",function(retrstr){
				doAjax("campaign/show","campaign="+selectCampaignField,"campaignDetailsArea","","","GET",function(retrstr){

					simpleNotification('Success','topRight',"Skill Group Assigned suceesfully!"); 
					$("#usrname").select2("val", "Select User...");
					$("#selectCampaignField").select("val", "Select Dial Mode...");
					$('.nav-tabs a[href="#skillgroup"]').tab('show');
				});
				
			});
		}	
		else
		{
			$("#campaignDetailsArea").html('<br/><p class="text-danger text-center">Please select the campaign and skill group.</p>');
		}

	});

	$('#removecampaign3').click(function()
	{
		var agents1 = $('#username3').val();
		var selectCampaignField1 = $('#selectCampaignField').val();
		//console.log(agents1+"----"+selectCampaignField1);

		if(selectCampaignField1)
		{
			var postdata='agents='+agents1;
			postdata+='&selectCampaignField='+selectCampaignField1;
			//console.log(postdata);
			doAjax("campaign/removecampaigntogroup",postdata,"campaignDetailsArea","","","GET",function(retrstr){
				doAjax("campaign/show","campaign="+selectCampaignField1,"campaignDetailsArea","","","GET",function(retrstr){
					// simpleNotification('Success','topRight',"Campaign de-assign suceesfully!"); 
					// $("#usrname").select2("val", "Select User...");
					// $("#selectCampaignField").select("val", "Select Dial Mode...");
					// $('.nav-tabs a[href="#skillgroup"]').tab('show');
				});
				
			});
		}	
		else
		{
			$("#campaignDetailsArea").html('<br/><p class="text-danger text-center">Please select the campaign and user.</p>');
		}

	});
</script>