Viewing file:  dashboard.blade.php (21.02 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.customer')
@section('title')
Dashboard
@endsection
@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
</div>
<button type="button" class="btn btn-secondary btn-sm float-right" data-toggle="modal"
data-target="#noticeModal">
<i class="fa fa-info-circle"></i>
</button>
<div class="modal fade " id="noticeModal" tabindex="-1" role="dialog" aria-labelledby="noticeModalLabel"
aria-hidden="true">
<div class="modal-dialog notice-modal-dialog" role="document">
<div class="modal-content notice-modal-content">
<div class="modal-header notice-modal-header">
<h5 class="modal-title" id="noticeModalModalLabel">@lang('admin.notice')</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body notice-modal-body">
<div class="card-body table-responsive p-0">
<table class="table table-hover text-nowrap">
<tbody>
@if(notice()->isNotEmpty())
@foreach(notice() as $notice)
<div class="card">
<span class="notice-title"> {{$notice->title}}</span>
<div class="align-middle pb-1">
<span class="font-italic">{{$notice->created_at->format('d-m-Y')}} </span>
@if($notice->important=='yes')
<p class="badge badge-danger mb-0 ml-2">@lang('admin.important')</p>
@endif
</div>
<div class="mb-3">
<div class="pb-1">
@if(strlen($notice->description) > 150)
{{substr($notice->description,0,150)}}
<span class="read-more-show hide_content">
<a class="ml-1"> Show more..</a>
</span>
<span class="read-more-content"> {{substr($notice->description,50,strlen($notice->description))}}
<span class="read-more-hide hide_content ml-1">Show less <i class="fa fa-angle-up"></i></span> </span>
@else
{{$notice->description}}
@endif
</div>
<div>
<div> <span class="file-name">@lang('admin.file_name'):</span>
<span class="ml-2">@if(strlen($notice->attach_file)>7)
{{substr($notice->attach_file,0,7) .'...'}}
@else
{{substr($notice->attach_file)}}
@endif</span>
<a class="ml-4" href="{{route('customer.download',['id'=>$notice->id])}}" target="_blank"><i class="fa fa-download" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
@endforeach
@else
<div class="card">
<h4 class="text-danger">No Notice Found !</h4>
</div>
@endif
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- /.content-header -->
<!-- Main content -->
<div class="content">
<div class="container-fluid">
<div class="row">
<!-- ./col -->
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box first-card">
<div class="inner d-flex align-items-center justify-content-between ">
<div class="user-icon">
<i class="fas fa-dollar-sign"></i>
</div>
<div class="line-height">
<h4 class="numeric-title">{{formatNumberWithCurrSymbol($balance)}}</h4>
<span class="numeric-value">Your Balance</span>
</div>
</div>
</div>
</div>
<!-- ./col -->
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box second-card">
<div class="inner d-flex align-items-center justify-content-between ">
<div class="user-icon">
<i class="fas fa-dollar-sign"></i>
</div>
<div class="line-height">
@php
$refund = isset($transactionType['refund'])?$transactionType['refund']:0;
$credit = isset($transactionType['credit'])?$transactionType['credit']:0;
$debit = isset($transactionType['debit'])?$transactionType['debit']: 0;
$spent = ($debit - $credit) - $refund;
@endphp
<h4 class="numeric-title">{{formatNumberWithCurrSymbol($spent)}}</h4>
<span class="numeric-value">Total Amount Spent</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box third-card">
<div class="inner d-flex align-items-center justify-content-between">
<div class="user-icon-total-order-and-profit">
<i class="fas fa-cart-plus"></i>
</div>
<div class="line-height">
<h4 class="numeric-title">{{formatNumberWithCurrSymbol($transactionType['refund'] ?? 0)}}</h4>
<span class="numeric-value">Total Refund</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box forth-card">
<div class="inner d-flex align-items-center justify-content-between">
<div class="user-icon-ticket-and-profit">
<i class="fas fa-ticket-alt"></i>
</div>
<div class="line-height">
<h4 class="numeric-title">{{$totalTickets}}</h4>
<span class="numeric-value">Total Ticket</span>
</div>
</div>
</div>
</div>
<!-- ./col -->
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-header border-0">
<h3 class="card-title xs-title">
<i class="fas fa-th mr-1"></i>
@lang('admin.orders')
</h3>
<div class="card-tools">
<button type="button" class="btn bg-color btn-sm collapse-btn" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
<button type="button" class="btn bg-color btn-sm collapse-btn" data-card-widget="remove">
<i class="fas fa-times"></i>
</button>
</div>
</div>
<div class="card-body">
<canvas class="chart admin-dashboard-canvas" id="order-chart" ></canvas>
</div>
<!-- /.card-body -->
<!-- /.card-footer -->
</div>
<!-- /.card -->
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-header border-0">
<h3 class="card-title xs-title">
<i class="fas fa-th mr-1"></i>
@lang('admin.deposits')
</h3>
<div class="card-tools">
<button type="button" class="btn bg-color btn-sm remove-btn" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
<button type="button" class="btn bg-color btn-sm remove-btn" data-card-widget="remove">
<i class="fas fa-times"></i>
</button>
</div>
</div>
<div class="card-body">
<canvas class="chart admin-dashboard-canvas" id="deposits-chart"></canvas>
</div>
<!-- /.card-body -->
<!-- /.card-footer -->
</div>
<!-- /.card -->
</div>
</div>
<div class="row">
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-light">
<div class="inner d-flex align-items-center justify-content-between ">
<div class="user-icon">
<i class="fa fa-bars"></i>
</div>
<div class="line-height">
<h4 class="numeric-title">{{$totalOrders}}</h4>
<span class="numeric-value">Total Orders</span>
</div>
</div>
</div>
</div>
<!-- ./col -->
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-light">
<div class="inner d-flex align-items-center justify-content-between">
<div class="user-icon-scale-balance">
<i class="fa fa-check"></i>
</div>
<div class="line-height">
<h4 class="numeric-title">{{$orderStatus['completed']?? 0}}</h4>
<span class="numeric-value"> Completed Orders</span>
</div>
</div>
</div>
</div>
<!-- ./col -->
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-light">
<div class="inner d-flex align-items-center justify-content-between">
<div class="user-icon-total-order-and-profit">
<i class="fas fa-plus-circle"></i>
</div>
<div class="line-height">
<h4 class="numeric-title">{{$orderStatus['processing']?? 0}}</h4>
<span class="numeric-value">Processing Orders</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-light">
<div class="inner d-flex align-items-center justify-content-between">
<div class="user-icon-ticket-and-profit">
<i class="fa fa-spinner"></i>
</div>
<div class="line-height">
<h4 class="numeric-title">{{$orderStatus['inprogress']?? 0}}</h4>
<span class="numeric-value">In Progress Orders</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-light">
<div class="inner d-flex align-items-center justify-content-between">
<div class="user-icon">
<i class="far fa-clock"></i>
</div>
<div class="line-height">
<h4 class="numeric-title">{{$orderStatus['pending']?? 0}}</h4>
<span class="numeric-value">Pending Orders</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-light">
<div class="inner d-flex align-items-center justify-content-between">
<div class="user-icon-scale-balance">
<i class="fas fa-hourglass-end"></i>
</div>
<div class="line-height">
<h4 class="numeric-title">{{$orderStatus['partial']?? 0}}</h4>
<span class="numeric-value">Partial Orders</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-light">
<div class="inner d-flex align-items-center justify-content-between">
<div class="user-icon-total-order-and-profit">
<i class='fas fa-times-circle'></i>
</div>
<div class="line-height">
<h4 class="numeric-title">{{$orderStatus['cancelled']?? 0}}</h4>
<span class="numeric-value">Canceled Orders</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-light">
<div class="inner d-flex align-items-center justify-content-between">
<div class="user-icon-ticket-and-profit">
<i class="fa fa-arrow-left" aria-hidden="true"></i>
</div>
<div class="line-height">
<h4 class="numeric-title">{{$orderStatus['rejected']?? 0}}</h4>
<span class="numeric-title">Rejected Orders</span>
</div>
</div>
</div>
</div>
<!-- ./col -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
@endsection
@section('extra-scripts')
<script src="{{asset('plugins/chart.js/Chart.min.js')}}"></script>
<script src="{{asset('plugins/flot/jquery.flot.js')}}"></script>
<script>
"use strict";
// Sales graph chart
var salesGraphChartCanvas = $('#order-chart').get(0).getContext('2d');
var sentCanvas = $('#deposits-chart').get(0).getContext('2d');
//$('#revenue-chart').get(0).getContext('2d');
var salesGraphChartData = {
labels: @json($months),
datasets: [
{
label: 'Orders',
fill: false,
borderWidth: 2,
lineTension: 0,
spanGaps: true,
borderColor: '#868a93',
pointRadius: 3,
pointHoverRadius: 7,
pointColor: '#868a93',
pointBackgroundColor: '#868a93',
data: @json($monthlyOrders)
}
]
}
var sentGraphChartData = {
labels: @json($months),
datasets: [
{
label: 'Deposits',
fill: false,
borderWidth: 2,
lineTension: 0,
spanGaps: true,
borderColor: '#868a93',
pointRadius: 3,
pointHoverRadius: 7,
pointColor: '#868a93',
pointBackgroundColor: '#868a93',
data: @json($monthlyDeposits)
}
]
}
var salesGraphChartOptions = {
maintainAspectRatio: false,
responsive: true,
legend: {
display: false,
},
scales: {
xAxes: [{
ticks: {
fontColor: '#868a93',
},
gridLines: {
display: false,
color: '#868a93',
drawBorder: false,
}
}],
yAxes: [{
ticks: {
stepSize: 5000,
fontColor: '#868a93',
},
gridLines: {
display: true,
color: '#868a93',
drawBorder: false,
}
}]
}
}
var sentGraphChartOptions = {
maintainAspectRatio: false,
responsive: true,
legend: {
display: false,
},
scales: {
xAxes: [{
ticks: {
fontColor: '#868a93',
},
gridLines: {
display: false,
color: '#868a93',
drawBorder: false,
}
}],
yAxes: [{
ticks: {
stepSize: 5000,
fontColor: '#868a93',
},
gridLines: {
display: true,
color: '#868a93',
drawBorder: false,
}
}]
}
};
var salesGraphChart = new Chart(salesGraphChartCanvas, {
type: 'line',
data: salesGraphChartData,
options: salesGraphChartOptions
}
);
var sentGraphChart = new Chart(sentCanvas, {
type: 'line',
data: sentGraphChartData,
options: sentGraphChartOptions
}
);
</script>
<script type="text/javascript">
$('.read-more-content').addClass('hide_content')
$('.read-more-show, .read-more-hide').removeClass('hide_content')
$('.read-more-show').on('click', function (e) {
e.preventDefault();
$(this).next('.read-more-content').removeClass('hide_content');
$(this).addClass('hide_content');
});
$('.read-more-hide').on('click', function (e) {
e.preventDefault();
var p = $(this).parent('.read-more-content');
p.addClass('hide_content');
p.prev('.read-more-show').removeClass('hide_content');
});
</script>
@endsection
|