254 lines
10 KiB
PHP
254 lines
10 KiB
PHP
@extends('layouts.master')
|
|
@section('page_title')
|
|
@if(isset($page_title))
|
|
{{ $page_title }}
|
|
@endif
|
|
@endsection
|
|
@section('css')
|
|
<!-- JQVMap -->
|
|
<link href="{!! url('public/assets/vendors/jqvmap/dist/jqvmap.min.css') !!}" rel="stylesheet"/>
|
|
@endsection
|
|
@section('content')
|
|
<div class="">
|
|
<div class="page-title">
|
|
<div class="title_left">
|
|
<div class="title_left">
|
|
<ol class="breadcrumb">
|
|
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
|
<!-- <li class=""><a href=""> Reports</a></li> -->
|
|
<li class="active">Client Payments</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="title_right">
|
|
<div class="row">
|
|
<form method="GET" action="{!! url('clientpaymentreports') !!}">
|
|
<div class="col-md-5 col-sm-5 col-xs-12 form-group">
|
|
<div style="margin-top:1px; margin-right:-90px;" class="top_search">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search" style="margin-top: -2px;">
|
|
<div class="input-group">
|
|
<input type="text" name="keyword" class="form-control" id="keywordField" placeholder="Keyword here...">
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn btn-primary" style="color: #fff;" type="button">Go!</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
<div class="row">
|
|
@include('commons.notifications')
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|
<div class="x_panel">
|
|
<div class="x_title">
|
|
<h2> Testing </h2>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
|
|
<div class="x_content">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="x_panel">
|
|
<div class="x_title">
|
|
<h2>Transaction Summary <small>Weekly progress</small></h2>
|
|
<div class="filter">
|
|
<div id="reportrange" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
|
|
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
|
|
<span>December 30, 2014 - January 28, 2015</span> <b class="caret"></b>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<div class="x_content">
|
|
<div class="col-md-9 col-sm-12 col-xs-12">
|
|
<div class="demo-container" style="height:280px">
|
|
<div id="chart_plot_02" class="demo-placeholder"></div>
|
|
</div>
|
|
<div class="tiles">
|
|
<div class="col-md-4 tile">
|
|
<span>Total Sessions</span>
|
|
<h2>231,809</h2>
|
|
<span class="sparkline11 graph" style="height: 160px;">
|
|
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
|
|
</span>
|
|
</div>
|
|
<div class="col-md-4 tile">
|
|
<span>Total Revenue</span>
|
|
<h2>$231,809</h2>
|
|
<span class="sparkline22 graph" style="height: 160px;">
|
|
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
|
|
</span>
|
|
</div>
|
|
<div class="col-md-4 tile">
|
|
<span>Total Sessions</span>
|
|
<h2>231,809</h2>
|
|
<span class="sparkline11 graph" style="height: 160px;">
|
|
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3 col-sm-12 col-xs-12">
|
|
<div>
|
|
<div class="x_title">
|
|
<h2>Top Profiles</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>
|
|
<ul class="list-unstyled top_profiles scroll-view">
|
|
<li class="media event">
|
|
<a class="pull-left border-aero profile_thumb">
|
|
<i class="fa fa-user aero"></i>
|
|
</a>
|
|
<div class="media-body">
|
|
<a class="title" href="#">Ms. Mary Jane</a>
|
|
<p><strong>$2300. </strong> Agent Avarage Sales </p>
|
|
<p> <small>12 Sales Today</small>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="media event">
|
|
<a class="pull-left border-green profile_thumb">
|
|
<i class="fa fa-user green"></i>
|
|
</a>
|
|
<div class="media-body">
|
|
<a class="title" href="#">Ms. Mary Jane</a>
|
|
<p><strong>$2300. </strong> Agent Avarage Sales </p>
|
|
<p> <small>12 Sales Today</small>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="media event">
|
|
<a class="pull-left border-blue profile_thumb">
|
|
<i class="fa fa-user blue"></i>
|
|
</a>
|
|
<div class="media-body">
|
|
<a class="title" href="#">Ms. Mary Jane</a>
|
|
<p><strong>$2300. </strong> Agent Avarage Sales </p>
|
|
<p> <small>12 Sales Today</small>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="media event">
|
|
<a class="pull-left border-aero profile_thumb">
|
|
<i class="fa fa-user aero"></i>
|
|
</a>
|
|
<div class="media-body">
|
|
<a class="title" href="#">Ms. Mary Jane</a>
|
|
<p><strong>$2300. </strong> Agent Avarage Sales </p>
|
|
<p> <small>12 Sales Today</small>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="media event">
|
|
<a class="pull-left border-green profile_thumb">
|
|
<i class="fa fa-user green"></i>
|
|
</a>
|
|
<div class="media-body">
|
|
<a class="title" href="#">Ms. Mary Jane</a>
|
|
<p><strong>$2300. </strong> Agent Avarage Sales </p>
|
|
<p> <small>12 Sales Today</small>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@section('javascript')
|
|
|
|
<!-- JQVMap -->
|
|
<script src="{!! url('public/assets/vendors/jqvmap/dist/jquery.vmap.js') !!}"></script>
|
|
<script src="{!! url('public/assets/vendors/jqvmap/dist/maps/jquery.vmap.world.js') !!}"></script>
|
|
<script src="{!! url('public/assets/vendors/jqvmap/examples/js/jquery.vmap.sampledata.js') !!}"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
|
|
init_JQVmap();
|
|
function init_JQVmap(){
|
|
|
|
//console.log('check init_JQVmap [' + typeof (VectorCanvas) + '][' + typeof (jQuery.fn.vectorMap) + ']' );
|
|
|
|
if(typeof (jQuery.fn.vectorMap) === 'undefined'){ return; }
|
|
|
|
console.log('init_JQVmap');
|
|
|
|
if ($('#world-map-gdp').length ){
|
|
|
|
$('#world-map-gdp').vectorMap({
|
|
map: 'world_en',
|
|
backgroundColor: null,
|
|
color: '#ffffff',
|
|
hoverOpacity: 0.7,
|
|
selectedColor: '#666666',
|
|
enableZoom: true,
|
|
showTooltip: true,
|
|
values: sample_data,
|
|
scaleColors: ['#E6F2F0', '#149B7E'],
|
|
normalizeFunction: 'polynomial'
|
|
});
|
|
|
|
}
|
|
|
|
if ($('#usa_map').length ){
|
|
|
|
$('#usa_map').vectorMap({
|
|
map: 'usa_en',
|
|
backgroundColor: null,
|
|
color: '#ffffff',
|
|
hoverOpacity: 0.7,
|
|
selectedColor: '#666666',
|
|
enableZoom: true,
|
|
showTooltip: true,
|
|
values: sample_data,
|
|
scaleColors: ['#E6F2F0', '#149B7E'],
|
|
normalizeFunction: 'polynomial'
|
|
});
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
});
|
|
</script>
|
|
@endsection
|