<style>
.tab-pane{padding: 10px;border: 1px solid #ed5564;border-top: none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border: 1px solid #ed5564;border-bottom-color: transparent;}
</style>

@if($campaignDetails)		
<hr style="margin-top: 10px;margin-bottom: 10px;" />
<div class="row">
	<div class="col-sm-2"></div>
	<div class="col-sm-6">
		<h4 class="text-center"><span class="text-info"> {{ is_array($campaignDetails)?$campaignDetails['mkey']:$campaignDetails->mkey}}</span> <small>campaign</small></h4>
		<ul class="list-group">
			<li class="list-group-item active">By Call Status</li>
			<?php $totalRecordsByStatus = 0;
             $count = count($dataCountByStatus);
             if ($count<0) {
             	$css = 'disabled="disabled"';
             } else {
             	$css = '';
             }
             
			 ?>
			@foreach($dataCountByStatus as $data)
			<li class="list-group-item">
				{{ $data->status ? $data->status : '- Blank -' }} <span class="badge">{{$data->recordCount}}</span><span>
			</li>
			<?php $totalRecordsByStatus += $data->recordCount; ?>
			@endforeach
			<li class="list-group-item" style="background-color:#f6f7fb;">
				<strong>Total</strong> <span class="badge"><strong>{{ isset($totalRecordsByStatus) ? $totalRecordsByStatus : '0' }}</strong></span>
			</li>
		</ul>

		
	</div>
	<?php 
        if ($totalRecordsByStatus==0) { $css = 'disabled="disabled"';} else {$css = '';}
	?>
	<div class="form-group col-sm-2" style="margin:70px"><button onclick="ConfirmCalls();" class="btn btn-xs btn-info " <?php echo $css; ?> >Voice Blast call</button></div>
	
</div>
@else
<br/>
<p class="text-danger text-center">Campaign not found.</p>
@endif
<script type="text/javascript">
	
function ConfirmCalls()
{
  var voice_blast = confirm("Do you want Continue with Voice Blast ?");
  if (voice_blast)
  doAjax("voiceblaster/vbdialmode?client="+$("#tcampaign_select").val(),"","","","singlefail","GET");
  else
   console.log(false);
}

</script>