<?php 
use App\Models\User;



$data=Auth::user()->data();
$meta=Auth::user()->meta();
if(!isset($data['personal']))$data['personal']=array();

?>
<script>
function openwelcomewizard()
{
  $("#welcome_wizard_body").html("");
  doAjax('social/{!!Auth::user()->id!!}','show=wizard','welcome_wizard_body','ajax_wizard_show','singlefail','GET');
  $("#welcome_wizard").modal('show');
}
$("#topuserdropmenu > li").hover(function() {
      $(this).addClass('active');
   }, 
   function() {
      $(this).removeClass('active'); 
   });
</script>



<script>
var wel_usertype='<?php echo Auth::user()->usertype; ?>';
var wel_accounttype='<?php if(Auth::user()->usertype!='')echo Auth::user()->usertype;else echo "learner"; ?>';
var wel_catagory='<?php if(isset($data['personal']['interestcategories']))echo $data['personal']['interestcategories']; ?>';
//var wel_subcatagory='';
var wel_fname='<?php if(isset($data['personal']['fname'])) echo $data['personal']['fname']; ?>';
var wel_lname='<?php if(isset($data['personal']['lname'])) echo $data['personal']['lname']; ?>';
var wel_gender='<?php if(isset($data['personal']['gender'])) echo $data['personal']['gender']; ?>';
var wel_city='<?php if(isset($data['personal']['location'])) echo $data['personal']['location']; ?>';
var wel_country='<?php if(isset($data['personal']['country'])) echo $data['personal']['country']; ?>';

var wel_invites='';
var wel_buycredits='';
var wel_buysubscription='';
var wel_themeselected='';

$(document).ready(function(){
  if(wel_usertype==''||wel_catagory==''||wel_fname==""||wel_gender==""||wel_city==""||wel_country=="")
  {
    //doAjax('social/{!!Auth::user()->id!!}','show=wizard','welcome_wizard_body','ajax_wizard_show','singlefail','GET');
  }
});

function hrmsSearch()
{
	createSearchRecordDiv("hrms_search_modald_body");
	$("#hrms_search_modal").modal('show');
	$("#maintextsearch_1_txt").focus();
}
function kDialerModel()
{
	updateDialerState();
	$("#kDialer_modal").modal('show');
}

function welcomepayment()
{
  $("#welcome_wizard_body").html("");
  doAjax('social/{!!Auth::user()->id!!}','show=wizard&payment=1','welcome_wizard_body','ajax_wizard_show','singlefail','GET');
  $("#welcome_wizard").modal('show');
}
function welcomeinvite()
{
  $("#welcome_wizard_body").html("");
  doAjax('social/{!!Auth::user()->id!!}','show=wizard&welcomeinvite=1','welcome_wizard_body','ajax_wizard_show','singlefail','GET',function(){
    //setTimeout(function(){$("#inviteemailids").not('.kstych_init').addClass('kstych_init').select2({tags:[]});}, 1000);
  });
  $("#welcome_wizard").modal('show');
}

var currentsearchdivid="";
function createSearchRecordDiv(divid)
{
	if(currentsearchdivid!="")$("#"+currentsearchdivid).html("");
	currentsearchdivid=divid;

	var searchRecordDivHTMLLI="ID,FirstName,LastName,Client,Mobile,Email,Passport,IBAN,Status,ClientCode,InternalID,PersonalID".split(",");

	searchRecordPreselectList=["","ID","FirstName","Mobile","Email"];
	
	var searchRecordDivHTML="";
	for(i=1;i<=4;i++)
	{
		searchRecordDivHTML+="<div class=col-md-3>";
		searchRecordDivHTML+="<div class='widget row widget-heading-simple widget-body-gray' >";
		searchRecordDivHTML+="<div class='widget-body'><div class='input-group'>";
		searchRecordDivHTML+="<div class='input-group-btn'>";
		searchRecordDivHTML+="<div class='dropdown'>";
		searchRecordDivHTML+="<button class='btn btn-default dropdown-toggle rounded-left' data-toggle='dropdown'><span id=maintextsearch_"+i+"_span>"+searchRecordPreselectList[i]+"</span> <span class='caret'></span></button>";
		searchRecordDivHTML+="<ul class='dropdown-menu pull-left'>";

		for(j=0;j<searchRecordDivHTMLLI.length;j++)searchRecordDivHTML+="<li><a href='#' onclick='$(\"#maintextsearch_"+i+"_span\").html($(this).html());return false;'>"+searchRecordDivHTMLLI[j]+"</a></li>";

		searchRecordDivHTML+="</ul>";
		searchRecordDivHTML+="</div>";
		searchRecordDivHTML+="</div>";
		searchRecordDivHTML+="<input class='form-control' id='maintextsearch_"+i+"_txt' type='text' onkeyup='mainTextSearchStart();' />";
		searchRecordDivHTML+="</div></div>";
		searchRecordDivHTML+="</div>";
		searchRecordDivHTML+="</div>";
	}
	searchRecordDivHTML+="<div style='clear:both'></div>";
	searchRecordDivHTML+="<div id=searchresults></div>";
	
	$("#"+divid).html(searchRecordDivHTML);
	
}
</script>

<div class="modal" id="welcome_wizard">
  <div class="modal-dialog" style='width:95%;'>
	<div class="modal-content">
	  <div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h4 class="modal-title">Welcome to {!! Config::get("app.name") !!}</h4>
	  </div>
	  <div class="modal-body" id=welcome_wizard_body></div>
	</div>
  </div>
</div>

<div class="modal" id="hrms_search_modal">
  <div class="modal-dialog" style='width:95%;'>
	<div class="modal-content">
	  <div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h4 class="modal-title">{!! Config::get("app.name") !!} Search Record</h4>
	  </div>
	  <div class="modal-body" id=hrms_search_modald_body>

<!-- <input class='form-control' type="text" id=maintextsearch name="maintextsearch" value="Search..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size=20 /> -->

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

<div class="modal" id="kDialer_modal">
  <div class="modal-dialog" style='width:95%;'>
	<div class="modal-content">
	  <div class="modal-header">

		<div id=dialerQuickControlDiv class='col-md-12' style='display:none;'>
		<div class=col-md-6>

<div class="input-group" style='width:350px;float:left' id=dialerstate_div>
	<div class="input-group-btn">
		<div class="dropdown">
			<button class="btn btn-info dropdown-toggle rounded-left" data-toggle="dropdown" style='width:135px'><span id=dialerstate_btn>Paused</span> <span class="caret"></span></button>
			<ul class="dropdown-menu pull-left" id='dialer_mode'>
			
				<li><a href="#" onclick='pauseDialerState("dialer","mDialerState","Progressive");savedialermode("Progressive");return false;'><b>Progressive</b></a></li>
				
				<?php if(Auth::user()->moduleACL("Dialer",false,false,true)){ ?>
				<li id=dialerManualAllowLI><a href="#" onclick='pauseDialerState("dialer","mDialerState","Manual");savedialermode("Manual");return false;'><b>Manual</b></a></li>
				<?php } ?>
				
				<li style='background:#94e196'><a href="#" onclick='pauseDialerState("dialer","mDialerState","Ready","mDialerSubState","Incoming");savedialermode("Incoming");return false;'><b>Incoming</b></a></li>
				<li style='background:#68cc9e'><a href="#" onclick='pauseDialerState("dialer","mDialerState","Ready","mDialerSubState","Predictive");savedialermode("Predictive");return false;'><b>Predictive</b></a></li>
				
				<li><a href="#" onclick='pauseDialerState("dialer","pDialerState","Paused","pDialerSubState","Paused");savedialermode("Paused");return false;'><b>Pause</b></a></li>			
				<li style='background:#ccc'><a href="#" onclick='pauseDialerState("dialer","pDialerState","Paused","pDialerSubState","AgentBriefing");return false;'><b>AgentBriefing</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='pauseDialerState("dialer","pDialerState","Paused","pDialerSubState","TeamMeeting");return false;'><b>TeamMeeting</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='pauseDialerState("dialer","pDialerState","Paused","pDialerSubState","QualityFeedback");return false;'><b>QualityFeedback</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='pauseDialerState("dialer","pDialerState","Paused","pDialerSubState","LunchBreak");return false;'><b>LunchBreak</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='pauseDialerState("dialer","pDialerState","Paused","pDialerSubState","TeaBreak");return false;'><b>TeaBreak</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='pauseDialerState("dialer","pDialerState","Paused","pDialerSubState","UtilityBreak");return false;'><b>UtilityBreak</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='pauseDialerState("dialer","pDialerState","Paused","pDialerSubState","FloorAnnouncements");return false;'><b>FloorAnnouncements</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='pauseDialerState("dialer","pDialerState","Paused","pDialerSubState","DownTime");return false;'><b>DownTime</b></a></li>
				

			</ul>
		</div>
	</div>
	
	<input class="form-control" id="manualdialnumber_txt" style='width:200px' type="text" />
	<span class="input-group-addon btn btn-default" id=manualdial_btn dialaction=dialnext onclick='updateDialerState("action",$(this).attr("dialaction"),$("#manualdialnumber_txt").val());'></span>
</div>
			

<div class=pull-right>
	<a href='#' onclick='return false;' class='btn btn-default' id=dialertimes1>
		<i class='fa fa-fw fa-clock-o'></i> <span id=spandialer_ts></span>
	</a>
</div>


			
		</div>
		<div class=col-md-6>
<div class=pull-left>
	<a href='#' onclick='return false;' class='btn btn-default' id=dialertimes2 style='display:none'>
		<i class='fa fa-fw fa-phone'></i> <span id=spandialer_num onclick=''></span>
		<!-- onclick='dialerDispNumberClick(); -->
	</a>
</div>

			<div id=dialerToggleViewDiv style='float:right;margin-right:20px;'>
			
				<button class="btn btn-circle btn-default" ><i class="fa fa-phone"></i></button>
				<i class="fa fa-long-arrow-left"></i>
				
		<div class="dropdown dropdown-icons" id=connections_div_u>
			<a data-toggle="dropdown" href="#" class="btn btn-stroke btn-primary btn-circle dropdown-toggle" onmouseout='$(this).blur()' id=conficon_u_a><i class="fa fa-chain-broken" id=conficon_u_i></i> </a>
			<ul class="dropdown-menu">
				<li data-toggle="tooltip" data-title="MuteSpeaker" data-placement="left" data-tcontainer="body"><a href="#"><i class="fa fa-volume-off"></i></a></li>
				<li data-toggle="tooltip" data-title="MuteMic" data-placement="left" data-tcontainer="body"><a href="#"><i class="fa fa-microphone-slash"></i></a></li>
				<li data-toggle="tooltip" data-title="Hangup" data-placement="left" data-tcontainer="body"><a href="#"><i class="fa fa-times-circle"></i></a></li>
				<li data-toggle="tooltip" data-title="Hold" data-placement="left" data-tcontainer="body"><a href="#"><i class="fa fa-pause"></i></a></li>
			</ul>
		</div>
		
		<div class="dropdown dropdown-icons" id=connections_div_c>
			<a data-toggle="dropdown" href="#" class="btn btn-stroke btn-primary btn-circle dropdown-toggle" onmouseout='$(this).blur()' id=conficon_c0_a><i class="fa fa-chain-broken" id=conficon_c0_i></i> </a>
			<ul class="dropdown-menu">
				<li data-toggle="tooltip" data-title="MuteSpeaker" data-placement="left" data-tcontainer="body"><a href="#"><i class="fa fa-volume-off"></i></a></li>
				<li data-toggle="tooltip" data-title="MuteMic" data-placement="left" data-tcontainer="body"><a href="#"><i class="fa fa-microphone-slash"></i></a></li>
				<li data-toggle="tooltip" data-title="Hangup" data-placement="left" data-tcontainer="body"><a href="#"><i class="fa fa-times-circle"></i></a></li>
				<li data-toggle="tooltip" data-title="Hold" data-placement="left" data-tcontainer="body"><a href="#"><i class="fa fa-pause"></i></a></li>
			</ul>
		</div>
		
				
				<i class="fa fa-long-arrow-right"></i>
		<div class="dropdown dropdown-icons">
			<a data-toggle="dropdown" href="#" class="btn btn-stroke btn-default btn-circle dropdown-toggle" onmouseout='$(this).blur()' id=conficon_c_mn><i class="fa fa-user" id=conficon_c_mi></i> </a>
			<ul class="dropdown-menu">
				<li><a href="#" onclick='$("#topdialerconfcall").toggle();return false;'><i class="fa fa-plus"></i></a></li>
			</ul>
		</div>
			<div id=topdialerconfcall style='display:none'>
			<input type=text class='form-control' style='width: 130px;float: left;' size=10 id=topaddconfcalltxt><a href=# class='btn btn-default' onclick='dialertopaddconf();return false;'><i class='fa fa-phone'></i></a>
			</div>
			<script>
			function dialertopaddconf()
			{
				var confnumber=$("#topaddconfcalltxt").val();
				if(confnumber==''||confnumber.length<2)
				{
					simpleNotification('error','topRight',"Empty Number");
					return;
				}
				
				if(!kcallHasConnection(kstychCall['callnumber'])||kstychCall['ts_Dispo']>1)
				{
					simpleNotification('error','topRight',"No call to conference");
					return;
				}
				
				var datastr="kstychCall="+JSON.stringify(kstychCall);
				datastr+="&kstychDialer="+JSON.stringify(kstychDialer);
				
				kcallNewConnection(confnumber);
				doAjax('dialer?action=addconfcall&confnumber='+confnumber,datastr,'__fake__div__', 'ajax_confdial','singlefail','POST', function(retstr){
					if(retstr.responseText.indexOf('Error')<0)
					{
						kcallSetConnection(confnumber,'callid',retstr.responseText);
						kcallSetConnection(confnumber,'ts_Call',getNowTS());
						
						updateDialerState();
					}
					else
					{
						simpleNotification('error','topRight',retstr.responseText);
					}
				});
				
				$("#topdialerconfcall").hide();
				
			}
			</script>
			</div>
		</div>
		</div>
		<div style='clear:both'></div>

	  </div>
	  <div class="modal-body" id=kDialer_modal_body>
		<div id=dialerToggleViewMainDiv style=''>
		
			<div id=dialerSearchDiv>
			
			
				<div id=dialersearchbox></div>
				<div id=dialersearchresults></div>
			
			</div>
		
		
		
		</div>
	  </div>
	</div>
  </div>
</div>