@extends('layouts.header')
@section('content')

<br>

<div class="statbox widget box box-shadow">

	<div class="table-responsive">

		<table class="table table-hover table-striped table-bordered table-no-space">
			<thead>
				<tr>
					<th class="" scope="col">ModuleName</th>
					<th scope="col">AllCalls</th>
					<th  scope="col">Answered</th>
					<th  scope="col">NotAnswered</th>
					<th  scope="col">Pending</th>
				</tr>
			</thead>

			<tbody>
				<tr>
					<td class="">Deposits</td>
					<td >{{$DepositCallsCount}}</td>
					<td >{{$DepositAnswered}}</td>
					<td >{{$DepositNotAnswered}}</td>
					<td >{{$DepositPending}}</td>
				</tr>

				<tr>
					<td class="">Welcome</td>
					<td >{{$WelcomeCallsCount}}</td>
					<td >{{$WelcomeAnswered}}</td>
					<td >{{$WelcomeNotAnswered}}</td>
					<td >{{$WelcomePending}}</td>
				</tr>

				<tr>
					<td class="">TotalCalls</td>
					<td >{{$totalCalls}}</td>
					<td >{{$totalAnswered}}</td>
					<td >{{$totalNotAnswered}}</td>
					<td >{{$totalPending}}</td>
				</tr>
			</tbody>

		</table>

	</div>
</div>

@endsection