<style>

.tab_bar_denim{
	border: 1px solid #EFEFEF;
	height: 39px;
	margin: 0 0 10px;
	overflow: hidden;
	position: relative;
}
.tab_bar_denim ul{
	list-style: none outside none;
	margin: 0;
	padding: 0;
	background: none repeat scroll 0 0 #5d9cec;
}
.tab_bar_denim ul li{
	border: medium none;
	height: 39px;
	padding: 0;
	display: block;
	float: left;
}
.tab_bar_denim ul li a{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 39px;
	line-height: 39px;
	display: block;
	padding: 0 15px;
	text-decoration: none;
	color:#fff;
	font-weight:600;
}
.tab_bar_denim .tabsbar-2{
	/*height: 39px;*/
}
.tab_bar_denim ul li.active{
	background: none repeat scroll 0 0 #fff;
}
.tab_bar_denim ul li.active a{
	color:#4b89dc;
}

.table_hrm_heading_denim{
	padding: 7px 9px;
	text-align: center;
	background-color: #A3CCFF;
	border: 5px solid #fff;
	font-weight: 600;
}

/*	input[type="text"]:active, input[type="text"]:focus, textarea:active, textarea:focus{
		background:#A3CCFF;
		color:#fff;
	}
	*/
	.table_hrm_heading_denim:first-child{
		border-left: 0px;
	}
	.table_hrm_cells{
		padding: 5px 7px;
		color:#434a54;
	}
	.table_hrm_cells a{
		color:#434a54;
	}
	.table_hrm_celltext{
		border: 1px solid #ccd0d9;
		border-color: #ccd0d9 !important;
		border-radius: 3px !important;
		padding: 3px 7px;
		text-align: center;
	}
	#trggr_wrkflo{
		margin-right: 3px;
		border: 1px solid #ccd0d9;
		padding: 1% 0 1% 3%;
		margin-bottom: 30px;
		border-radius: 10px;
	}

	#trggr_wrkflo legend{
		width:15%;
	}
	.new-recruit_legend {
		font-size: 14px;
		height: auto;
		margin: 0 0 1%;
		padding: 10px;
		line-height: 25px;
	}
	.index_num{
		background-color: #5d9cec;
		font-weight: 600;
		color: #fff;
		height: 20px;
		padding: 0 7px;
		display: inline-block;
		border-radius: 20px;
		margin: 0 20px;
		font-size: 10px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	.client_variable{
		background-color: #5d9cec;
		color: #fff;
		padding: 5px 20px;
		border-radius: 20px;
	}
	.client_variable:hover{
		background-color: #4b89dc;
		color: #fff;
	}
</style>

<div class="layout-app"><!-- row-app -->
	<div class="row row-app">
		<div class="col-md-12">

			<div class="col-separator col-separator-first col-unscrollable box" style='overflow-y:hidden'>
				<div class=innerAll>

					<div class="relativeWrap" >
						<div class="tabs_generic" style='padding:10px'>
							<!-- Tabs Heading -->
							<div class="tab_bar_denim tabsbar-2">
								<ul class="row row-merge">

									<li class=active><a href="#tabsT-1" data-toggle="tab">Voice Blaster</a></li>
									<li><a href="#tabsT-2" data-toggle="tab">Upload File</a></li>
								</ul>
							</div>
							<!-- // Tabs Heading END -->
							<div class="tab-content">
								<div id=tabsT-1 class="tab-pane active">
									 <fieldset>
									<p>
										<label class='label-small_new' style='width:15%'>Select Client: </label>

										<select class='form_hrm_select' id="tcampaign_select" onchange="campaignDetailsShow(this.value);return false;"><option></option>
											<?php 
											if($user["role"]=="Manager"||$wakka->IsAdmin())
											{
												$companyarr=$wakka->LoadAll("select * from hrms_masters where mtype='company'");
												foreach ($companyarr as $companyies) {
													$companylist = $companyies['mkey'];
													$mastersdatas[]=$wakka->getCompanyMaster($companylist);

												}
												for ($i=0; $i <count($mastersdatas) ; $i++) { 

													if ($mastersdatas[$i]['vbpace']>=1) {
														$clientlist[] =$mastersdatas[$i]['client'];
													}


												}
												foreach($clientlist as $tclient)if(trim($tclient)!="")echo "<option value='$tclient'>$tclient</option>";

											}
											else 
											{
												echo "<option value=''></option>";
												$clients=explode(",",trim($wakka->GetBBBUserData("clientsownerlist")));
												foreach($clients as $tclient)if(trim($tclient)!="")echo "<option value='$tclient'>$tclient</option>";
											}
											?>
										</select>
									</p>
									<div id="campaignDetailsArea"></div>
									</fieldset>
								</div>

								<div id=tabsT-2 class="tab-pane">
									<fieldset>
									 <legend class='task_legend'>Message File</legend>
									 <form method="post" enctype="multipart/form-data" id="fileFrm" target=ebresultsf>
									 <input type=hidden name=_token id=tokenVal value='<?php echo csrf_token(); ?>'>
									<p>
										<label class='label-small_new' style='width:15%'> Select File: </label>
										<input class='form_new' type=file id="file" name='file' style='width:15%'>
										<b>*</b>Upload Only GSM File.
									</p>

									<p>
									<input type=submit class='btn btn-denim_outline' value='Upload'>
									</p>

									<p>
	  								<iframe name=ebresultsf id="ebresultsf" style='width:0px;height:0px;display:none'></iframe>
									</p>
									</form>
								</fieldset>
								</div>							
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
</div><!-- // END row-app -->


<script>
	function campaignDetailsShow(value){
		if(value){
			doAjax("voiceblaster/showcamapign","campaign="+value,"campaignDetailsArea","","","GET",function(response){});
		}else{
			$("#campaignDetailsArea").html('<br/><p class="text-danger text-center">Please select the campaign.</p>');
		}
	}

	$("#fileFrm").submit(function(){
			event.preventDefault();
			var formURL  = "voiceblaster?action=uploadfile";
			var formData = new FormData($(this)[0]);

            $.ajax({
                url: formURL,
                type: 'POST',
                data: formData,
                mimeType: "multipart/form-data",
                contentType: false,
                cache: false,
                processData: false,
                success: function (data, textStatus, jqXHR) {
                	if(data==1)
                    simpleNotification('success','topRight','Successfully Uploaded!!');
                else
                	simpleNotification('error','topRight','Format Not Supported.');
                },
                error: function (jqXHR, textStatus, errorThrown) {
                }
            });
	});

</script>