289 lines
12 KiB
PHP
289 lines
12 KiB
PHP
@extends('layouts.master')
|
|
@section('css')
|
|
<link href="{{ url('public/assets/vendors/fullcalendar/dist/fullcalendar.min.css') }}" rel="stylesheet">
|
|
<link href="{{ url('public/assets/vendors/fullcalendar/dist/fullcalendar.print.css') }}" rel="stylesheet" media="print">
|
|
@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>Expiring Certificates</h2>
|
|
<ul class="nav navbar-right panel_toolbox">
|
|
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a href="#">Settings 1</a>
|
|
</li>
|
|
<li><a href="#">Settings 2</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="close-link"><i class="fa fa-close"></i></a>
|
|
</li>
|
|
</ul>
|
|
<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 class="col-md-4">
|
|
<div class="x_panel">
|
|
<div class="x_title">
|
|
<h2>Expiring Contracts </h2>
|
|
<ul class="nav navbar-right panel_toolbox">
|
|
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a href="#">Settings 1</a>
|
|
</li>
|
|
<li><a href="#">Settings 2</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="close-link"><i class="fa fa-close"></i></a>
|
|
</li>
|
|
</ul>
|
|
<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 class="col-md-4">
|
|
<div class="x_panel">
|
|
<div class="x_title">
|
|
<h2>Upcoming Reminders </h2>
|
|
<ul class="nav navbar-right panel_toolbox">
|
|
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a href="#">Settings 1</a>
|
|
</li>
|
|
<li><a href="#">Settings 2</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="close-link"><i class="fa fa-close"></i></a>
|
|
</li>
|
|
</ul>
|
|
<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')
|
|
<script src="{{ url('public/assets/vendors/fullcalendar/dist/fullcalendar.min.js') }}"></script>
|
|
<script src="{{ url('public/assets/js/dashboard.js') }}"></script>
|
|
|
|
|
|
@endsection |