<?php 
use App\Models\User;

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

?>

<style type="text/css">
    .dtmfbutton
    {
        border: 1px solid #48cfae;
        border-radius: 5px;
        background: #FFF;
        width:45px;
        cursor: pointer;
        color: #48cfae;
        font-weight: bold;
    }
 
    .dtmfbox
    {
        background: #48cfae;
    }
 
    #connections_div_dtmf.dropdown.dropdown-icons.open a.dropdown-toggle {
        border-color: #48cfae;
    }
 
    #connections_div_dtmf.dropdown.dropdown-icons .dropdown-menu {
        border:none;
        background: #48cfae;
        border-radius: 0;
        padding: 2px;
    }
 
    #connections_div_dtmf.dropdown.dropdown-icons .dropdown-menu li {
        height: auto;
        background: #48cfae;
    }
 
    html.csstransitions.csstransforms3d #connections_div_dtmf.dropdown-menu li, html.csstransitions.csstransforms3d #connections_div_dtmf.dropdown-menu li:hover {
        height: auto;
        background: #48cfae;
        padding: 2px;
    }
</style>

<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">
			
			<?php 
				$userdialmode=Auth::user()->dialmode_assign;
				$userdialmode=explode(",",$userdialmode);
				//print_r($userdialmode);
				if(in_array('Progressive',$userdialmode))
				{ ?>
			      <li><a href="#" onclick='updateDialerState("dialer","mDialerState","Progressive");return false;'><b>Progressive</b></a></li>
                <?php 
				} 
				if(in_array('Manual',$userdialmode)){?>

				
				<li id=dialerManualAllowLI><a href="#" onclick='updateDialerState("dialer","mDialerState","Manual");return false;'><b>Manual</b></a></li>
				

				<?php } if(in_array('Incoming',$userdialmode)){ ?>
			   <li style='background:#36bc9b'><a href="#" onclick='updateDialerState("dialer","mDialerState","Ready","mDialerSubState","Incoming");return false;'><b>Incoming</b></a></li>
				<?php } ?>
				<!--<li><a href="#" onclick='updateDialerState("dialer","mDialerState","DialNext");return false;'><b>DialNext</b></a></li>-->
				
				<li><a href="#" onclick='updateDialerState("dialer","mDialerState","Paused","mDialerSubState","Manual");return false;'><b>Paused</b></a></li>
				
				
				<li style='background:#ccc'><a href="#" onclick='updateDialerState("dialer","mDialerState","Paused","mDialerSubState","AgentBriefing");return false;'><b>AgentBriefing</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='updateDialerState("dialer","mDialerState","Paused","mDialerSubState","TeamMeeting");return false;'><b>TeamMeeting</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='updateDialerState("dialer","mDialerState","Paused","mDialerSubState","QualityFeedback");return false;'><b>QualityFeedback</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='updateDialerState("dialer","mDialerState","Paused","mDialerSubState","LunchBreak");return false;'><b>LunchBreak</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='updateDialerState("dialer","mDialerState","Paused","mDialerSubState","TeaBreak");return false;'><b>TeaBreak</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='updateDialerState("dialer","mDialerState","Paused","mDialerSubState","UtilityBreak");return false;'><b>UtilityBreak</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='updateDialerState("dialer","mDialerState","Paused","mDialerSubState","FloorAnnouncements");return false;'><b>FloorAnnouncements</b></a></li>
				<li style='background:#ccc'><a href="#" onclick='updateDialerState("dialer","mDialerState","Paused","mDialerSubState","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='dialerDispNumberClick();return false;'></span>
	</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_dtmf>
            <a data-toggle="dropdown" href="#" class="btn btn-stroke btn-success btn-circle dropdown-toggle"><i class="fa fa-th"></i> </a>
            <ul class="dropdown-menu">
                <li>
                    <table class="dtmfbox">
                        <tbody>
			    <tr>
				<td colspan="2"><input type=text class='form-control' style="background-color: #FFF" id='dtmfVal'></td>
				<td><div class="dtmfbutton" onclick="sendDTMFs();return false;"><i class="fa fa-share-square-o"></i></div></td>
			    </tr>
                            <tr>
                                <td><div class="dtmfbutton" onclick="sipSendDTMF('1');return false;">1</div></td>
                                <td><div class="dtmfbutton" onclick="sipSendDTMF('2');return false;">2</div></td>
                                <td><div class="dtmfbutton" onclick="sipSendDTMF('3');return false;">3</div></td>
                            </tr>
                            <tr>
                                <td><div class="dtmfbutton" onclick="sipSendDTMF('4');return false;">4</div></td>
                                <td><div class="dtmfbutton" onclick="sipSendDTMF('5');return false;">5</div></td>
                                <td><div class="dtmfbutton" onclick="sipSendDTMF('6');return false;">6</div></td>
                            </tr>
                            <tr>
                                <td><div class="dtmfbutton" onclick="sipSendDTMF('7');return false;">7</div></td>
                                <td><div class="dtmfbutton" onclick="sipSendDTMF('8');return false;">8</div></td>
                                <td><div class="dtmfbutton" onclick="sipSendDTMF('9');return false;">9</div></td>
                            </tr>
                            <tr>
                                <td><div class="dtmfbutton" onclick="sipSendDTMF('*');return false;">*</div></td>
                                <td><div class="dtmfbutton" onclick="sipSendDTMF('0');return false;">0</div></td>
                                <td><div class="dtmfbutton" onclick="sipSendDTMF('#');return false;">#</div></td>
                            </tr>
                        </tbody>
                    </table>
                </li>
            </ul>
        </div>			
	
		<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>