209 lines
6.9 KiB
PHP
209 lines
6.9 KiB
PHP
@extends('layouts.master')
|
||
@section('css')
|
||
|
||
@endsection
|
||
@section('content')
|
||
|
||
|
||
|
||
<div class="">
|
||
|
||
<div class="right_cols" role="main">
|
||
<div class="">
|
||
<div class="row top_tiles">
|
||
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
||
<div class="tile-stats">
|
||
<div class="icon"><i class="fa fa-sun-o"></i></div>
|
||
<div class="count">{{ $total }}</div>
|
||
<h3>Total Clients</h3>
|
||
<!-- <p>Lorem ipsum psdea itgum rixt.</p> -->
|
||
</div>
|
||
</div>
|
||
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
||
<div class="tile-stats">
|
||
<div class="icon"><i class="fa fa-comments-o"></i></div>
|
||
<div class="count">{{ $sms }}</div>
|
||
<h3>SMS Clients</h3>
|
||
<!-- <p>Lorem ipsum psdea itgum rixt.</p> -->
|
||
</div>
|
||
</div>
|
||
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
||
<div class="tile-stats">
|
||
<div class="icon"><i class="fa fa-mobile-phone"></i></div>
|
||
<div class="count">{{ $ussd }}</div>
|
||
<h3>USSD Client</h3>
|
||
<!-- <p>Lorem ipsum psdea itgum rixt.</p> -->
|
||
</div>
|
||
</div>
|
||
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
||
<div class="tile-stats">
|
||
<div class="icon"><i class="fa fa-bullhorn"></i></div>
|
||
<div class="count">{{ $voice }}</div>
|
||
<h3>Voice Clients</h3>
|
||
<!-- <p>Lorem ipsum psdea itgum rixt.</p> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="x_panel">
|
||
<div class="x_title">
|
||
<h2>Recent Activities </h2>
|
||
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="x_content">
|
||
<div class="dashboard-widget-content">
|
||
|
||
<ul class="list-unstyled timeline widget">
|
||
<li>
|
||
<div class="block">
|
||
<div class="block_content">
|
||
<h2 class="title">
|
||
<a>Who Needs Sundance When You’ve Got Crowdfunding?</a>
|
||
</h2>
|
||
<div class="byline">
|
||
<span>13 hours ago</span> by <a>Jane Smith</a>
|
||
</div>
|
||
<p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a>Read More</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="block">
|
||
<div class="block_content">
|
||
<h2 class="title">
|
||
<a>Who Needs Sundance When You’ve Got Crowdfunding?</a>
|
||
</h2>
|
||
<div class="byline">
|
||
<span>13 hours ago</span> by <a>Jane Smith</a>
|
||
</div>
|
||
<p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a>Read More</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="x_panel">
|
||
<div class="x_title">
|
||
<h2>Expiring Contracts </h2>
|
||
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="x_content">
|
||
@if($expiring_contracts->isEmpty() == false)
|
||
@foreach($expiring_contracts as $row)
|
||
<article class="media event">
|
||
<a class="pull-left date" style="background-color: #de9a24">
|
||
<p class="month">{{ date("M", strtotime($row->contract_validity)) }}</p>
|
||
<p class="day">23</p>
|
||
</a>
|
||
<div class="media-body">
|
||
<a class="title" title="View Client Details" href="{{ url('clients', $row->id) }}">{{ $row->name }}</a>
|
||
<p class="">Contract Type : {{ strtoupper($row->contract_type) }}</p>
|
||
</div>
|
||
</article>
|
||
@endforeach
|
||
@else
|
||
<article class="media event">
|
||
<a class="pull-left date">
|
||
<p class="month">00</p>
|
||
<p class="day">00</p>
|
||
</a>
|
||
<div class="media-body">
|
||
<a class="title" href="#"></a>
|
||
<p>No Records</p>
|
||
</div>
|
||
</article>
|
||
@endif
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="x_panel">
|
||
<div class="x_title">
|
||
<h2>Expiring Certificates</h2>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="x_content">
|
||
<article class="media event">
|
||
<a class="pull-left date">
|
||
<p class="month">April</p>
|
||
<p class="day">23</p>
|
||
</a>
|
||
<div class="media-body">
|
||
<a class="title" href="#">Item One Title</a>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||
</div>
|
||
</article>
|
||
<article class="media event">
|
||
<a class="pull-left date">
|
||
<p class="month">April</p>
|
||
<p class="day">23</p>
|
||
</a>
|
||
<div class="media-body">
|
||
<a class="title" href="#">Item Two Title</a>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||
</div>
|
||
</article>
|
||
<article class="media event">
|
||
<a class="pull-left date">
|
||
<p class="month">April</p>
|
||
<p class="day">23</p>
|
||
</a>
|
||
<div class="media-body">
|
||
<a class="title" href="#">Item Two Title</a>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||
</div>
|
||
</article>
|
||
<article class="media event">
|
||
<a class="pull-left date">
|
||
<p class="month">April</p>
|
||
<p class="day">23</p>
|
||
</a>
|
||
<div class="media-body">
|
||
<a class="title" href="#">Item Two Title</a>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||
</div>
|
||
</article>
|
||
<article class="media event">
|
||
<a class="pull-left date">
|
||
<p class="month">April</p>
|
||
<p class="day">23</p>
|
||
</a>
|
||
<div class="media-body">
|
||
<a class="title" href="#">Item Three Title</a>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
@endsection
|
||
@section('javascript')
|
||
|
||
<!-- DateJS -->
|
||
<script src="{{ url('public/assets/vendors/DateJS/build/date.js') }}"></script>
|
||
<script src="{{ url('public/assets/js/dashboard.js') }}"></script>
|
||
|
||
|
||
@endsection |