HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/trident-old/resources/views/admin/
Current File : /home/htlwork.com/www/dev/trident-old/resources/views/admin/dashboard.blade.php
@extends('layouts.admin')

@section('content')
<div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">
	<!-- begin:: Content -->
	<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">

		<!--Begin::Dashboard 6-->

		<!--begin:: Widgets/Stats-->
		<div class="kt-portlet">
			<div class="kt-portlet__body  kt-portlet__body--fit">
				<div class="row row-no-padding row-col-separator-lg">
				@if(Session::has('cache'))
				<div class="alert alert-success validation" style="width: 100%; padding-left: 20px; margin: 10px 10px 10px 10px;">        
					<strong>{{ Session::get("cache") }}</strong>
				</div>
				@endif	
				</div>				
			</div>
		</div>
		<!--End::Row-->
		
		<!--Begin::Row-->
		<div class="row">
			<div class="col-xl-12">

				<!--begin:: Widgets/Quick Stats-->
				<div class="row row-full-height">
					<div class="col-sm-12 col-md-12 col-lg-4">					
						<div class="kt-portlet kt-portlet--height-fluid kt-portlet--border-bottom-success">
							<div class="kt-portlet__body kt-portlet__body--fluid">
								<div class="kt-widget26">
									<div class="kt-widget26__content">
										<span class="kt-widget26__number">{{$pendingorders}}</span> 
										<span class="kt-widget26__desc">Orders Pending!</span>
									</div>									
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-12 col-md-12 col-lg-4">						
						<div class="kt-portlet kt-portlet--height-fluid kt-portlet--border-bottom-warning">
							<div class="kt-portlet__body kt-portlet__body--fluid">
								<div class="kt-widget26">
									<div class="kt-widget26__content">
										<span class="kt-widget26__number">{{$processingorders}}</span>
										<span class="kt-widget26__desc">Orders Processing!</span>
									</div>
								</div>
							</div>
						</div>						
					</div>
					<div class="col-sm-12 col-md-12 col-lg-4">						
						<div class="kt-portlet kt-portlet--height-fluid kt-portlet--border-bottom-brand">
							<div class="kt-portlet__body kt-portlet__body--fluid">
								<div class="kt-widget26">
									<div class="kt-widget26__content">
										<span class="kt-widget26__number">{{$completedorders}}</span>
										<span class="kt-widget26__desc">Orders Completed!</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!--end:: Widgets/Quick Stats-->
			</div>
		</div>
        <div class="row">
			<div class="col-xl-12">

				<!--begin:: Widgets/Quick Stats-->
				<div class="row row-full-height">
					<div class="col-sm-12 col-md-12 col-lg-4">					
						<div class="kt-portlet kt-portlet--height-fluid kt-portlet--border-bottom-success">
							<div class="kt-portlet__body kt-portlet__body--fluid">
								<div class="kt-widget26">
									<div class="kt-widget26__content">
										<span class="kt-widget26__number">{{$totalproducts}}</span> 
										<span class="kt-widget26__desc">Total Products!</span>
									</div>									
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-12 col-md-12 col-lg-4">						
						<div class="kt-portlet kt-portlet--height-fluid kt-portlet--border-bottom-warning">
							<div class="kt-portlet__body kt-portlet__body--fluid">
								<div class="kt-widget26">
									<div class="kt-widget26__content">
										<span class="kt-widget26__number">{{$totalusers}}</span>
										<span class="kt-widget26__desc">Total Customers!</span>
									</div>
								</div>
							</div>
						</div>						
					</div>
					<div class="col-sm-12 col-md-12 col-lg-4">						
						<div class="kt-portlet kt-portlet--height-fluid kt-portlet--border-bottom-brand">
							<div class="kt-portlet__body kt-portlet__body--fluid">
								<div class="kt-widget26">
									<div class="kt-widget26__content">
										<span class="kt-widget26__number">{{$totalposts}}</span>
										<span class="kt-widget26__desc">Total Posts!</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!--end:: Widgets/Quick Stats-->
			</div>
		</div>
        <div class="row">
			<div class="col-xl-12">

				<!--begin:: Widgets/Quick Stats-->
				<div class="row row-full-height">
					<div class="col-sm-12 col-md-12 col-lg-3">					
						<div class="kt-portlet kt-portlet--height-fluid kt-portlet--border-bottom-success">
							<div class="kt-portlet__body kt-portlet__body--fluid">
								<div class="kt-widget26">
									<div class="c-info-box-area">
										<div class="c-info-box box1">
											<p>{{$totalusers_last30days}}</p>
										</div>
										<div class="c-info-box-content">
											<h6 class="title">New Customers</h6>
											<p class="text">Last 30 Days</p>
										</div>
									</div>									
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-12 col-md-12 col-lg-3">						
						<div class="kt-portlet kt-portlet--height-fluid kt-portlet--border-bottom-warning">
							<div class="kt-portlet__body kt-portlet__body--fluid">
								<div class="kt-widget26">
									<div class="c-info-box-area">
										<div class="c-info-box box2">
											<p>{{$totalusers}}</p>
										</div>
										<div class="c-info-box-content">
											<h6 class="title">Total Customers</h6>
											<p class="text">All Time</p>
										</div>
									</div>
								</div>
							</div>
						</div>						
					</div>
					<div class="col-sm-12 col-md-12 col-lg-3">						
						<div class="kt-portlet kt-portlet--height-fluid kt-portlet--border-bottom-brand">
							<div class="kt-portlet__body kt-portlet__body--fluid">
								<div class="kt-widget26">
									<div class="c-info-box-area">
										<div class="c-info-box box3">
											<p>{{$totalorders_last30days}}</p>
										</div>
										<div class="c-info-box-content">
											<h6 class="title">Total Orders</h6>
											<p class="text">Last 30 Days</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-12 col-md-12 col-lg-3">						
						<div class="kt-portlet kt-portlet--height-fluid kt-portlet--border-bottom-brand">
							<div class="kt-portlet__body kt-portlet__body--fluid">
								<div class="kt-widget26">
									<div class="c-info-box-area">
										<div class="c-info-box box4">
											<p>{{$totalorders}}</p>
										</div>
										<div class="c-info-box-content">
											<h6 class="title">Total Orders</h6>
											<p class="text">All Time</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--end:: Widgets/Quick Stats-->
			</div>
		</div>		
		<div class="row">
			<div class="col-md-6">
				<!--begin:: Widgets/Order Statistics-->
				<div class="kt-portlet kt-portlet--height-fluid">
					<div class="kt-portlet__head">
						<div class="kt-portlet__head-label">
							<h3 class="kt-portlet__head-title">
								Orders by month
							</h3>
						</div>
					</div>
					<div class="kt-portlet__body kt-portlet__body--fluid">
						<div class="m-widget4__item m-widget4__item--last">
							@php 
							$ordersmonth = $orderscount = array();
							$i=0;
							foreach($orderbymonths as $orderbymonth){
								$i++;
								$ordersmonth[$i] = $orderbymonth->monthname;
								$orderscount[$i] = $orderbymonth->count_per_month;
							}
							@endphp
							<div class="m-widget4__chart m-portlet-fit--sides m--margin-top-20 m-portlet-fit--bottom1" style="height:300px;">
								<canvas id="kt_chart_latest_updates" style="height: 300px;"></canvas>
							</div>
						</div>
					</div>
	
				</div>

				<!--end:: Widgets/Order Statistics-->
			</div>
			<div class="col-md-6">
				<!--begin:: Widgets/Order Statistics-->
				<div class="kt-portlet kt-portlet--height-fluid">
					<div class="kt-portlet__head">
						<div class="kt-portlet__head-label">
							<h3 class="kt-portlet__head-title">
								Order statistics
							</h3>
						</div>
					</div>
					
					<div class="kt-portlet__body kt-portlet__body--fluid">
						<div class="kt-widget12">
							<div class="kt-widget12__chart">
								<div id="kt_morris_4" style="height:300px;"></div>
							</div>
						</div>
					</div>
				</div>

				<!--end:: Widgets/Order Statistics-->
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				<!--begin:: Widgets/Order Statistics-->
				<div class="kt-portlet kt-portlet--height-fluid">
					<div class="kt-portlet__head">
						<div class="kt-portlet__head-label">
							<h3 class="kt-portlet__head-title">
								Recent Products
							</h3>
						</div>
					</div>
					
					<div class="kt-portlet__body kt-portlet__body--fluid">
						<div class="kt-widget12">
							<div class="table-responsive">
								<table class="table">
									<thead>
										<tr>
											<td style="width:30%">Name</td>
											<td style="width:24%">Sku</td>
											<td style="width:15%">Price</td>
											<td style="width:15%">Status</td>
											<td style="width:15%" class="kt-align-right">Action</td>
										</tr>
									</thead>
									<tbody>
									    @foreach($products as $product)
										<tr style="line-height: 32px;">
											<td>
												<a href="{{route('admin.editproduct', $product->id)}}" class="kt-widget11__title">{{$product->name}}</a>
											</td>
											<td>{{$product->sku}}</td>
											<td>{{$product->price}}</td>
											<td>
											@if($product->status == 1)
												<span class="kt-badge  kt-badge--success kt-badge--inline kt-badge--pill">Enable</span>
											@else
												<span class="kt-badge  kt-badge--danger kt-badge--inline kt-badge--pill">Disable</span>
											@endif
											</td>
											<td class="kt-align-right kt-font-brand kt-font-bold"><a class="btn btn-sm btn-success" href="{{route('admin.editproduct', $product->id)}}"><i class="la la-eye"></i></a></td>
										</tr>	
										@endforeach
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>

				<!--end:: Widgets/Order Statistics-->
			</div>
			<div class="col-md-6">
				<!--begin:: Widgets/Order Statistics-->
				<div class="kt-portlet kt-portlet--height-fluid">
					<div class="kt-portlet__head">
						<div class="kt-portlet__head-label">
							<h3 class="kt-portlet__head-title">
								Recent Customers
							</h3>
						</div>
					</div>
					
					<div class="kt-portlet__body kt-portlet__body--fluid">
						<div class="kt-widget12">
							<table class="table">
									<thead>
										<tr>
											<td style="width:20%">First Name</td>
											<td style="width:24%">Email</td>
											<td style="width:25%">Join Date</td>
											<td style="width:15%" class="kt-align-right">Action</td>
										</tr>
									</thead>
									<tbody>
									    @foreach($users as $user)
										<tr style="line-height: 32px;">
											<td>{{$user->first_name}}</td>									
											<td>{{$user->email}}</td>
											<td>{{$user->created_at}}</td>											
											<td class="kt-align-right kt-font-brand kt-font-bold"><a class="btn btn-sm btn-success" href="{{route('admin.edituser', $user->id)}}"><i class="la la-eye"></i></a></td>
										</tr>	
										@endforeach
									</tbody>
								</table>
						</div>
					</div>
				</div>

				<!--end:: Widgets/Order Statistics-->
			</div>
		</div>
		<!--End::Dashboard 6-->
	</div>

	<!-- end:: Content -->
</div>

@endsection
@section('scripts')
<script>
jQuery(document).ready(function() {
    // ORDERS CHART
	new Morris.Donut({
		element: 'kt_morris_4',
		data: [{
				label: "Total Order",
				value: {{$totalorders}}
			},
			{
				label: "Completed Order",
				value: {{$completedorders}}
			},
			{
				label: "Processing Orders",
				value: {{$completedorders}}

			},
			{
				label: "Pending Orders",
				value: {{$processingorders}}

			}
		],
		colors: ['#593ae1', '#6e4ff5', '#9077fb', '#b5a8ef']
	});
	
	/* Chart for orders by mount/year */
    var orderStatistics = function() {
        var container = KTUtil.getByID('kt_chart_latest_updates');

        if (!container) {
            return;
        }

        var MONTHS = [
			@php
				echo '"'.implode('", "', $ordersmonth).'"';
			@endphp
		];

        var color = Chart.helpers.color;
        var barChartData = {
            labels: [
				@php
					echo '"'.implode('", "', $ordersmonth).'"';
				@endphp
			],
            datasets : [
				{
                    fill: true,
                    //borderWidth: 0,
                    backgroundColor: color(KTApp.getStateColor('brand')).alpha(0.6).rgbString(),
                    borderColor : color(KTApp.getStateColor('brand')).alpha(0).rgbString(),
                    
                    pointHoverRadius: 4,
                    pointHoverBorderWidth: 12,
                    pointBackgroundColor: Chart.helpers.color('#000000').alpha(0).rgbString(),
                    pointBorderColor: Chart.helpers.color('#000000').alpha(0).rgbString(),
                    pointHoverBackgroundColor: KTApp.getStateColor('brand'),
                    pointHoverBorderColor: Chart.helpers.color('#000000').alpha(0.1).rgbString(),

					data: [
						@php
							echo implode(', ', $orderscount);
						@endphp
					]
				},				
            ]
        };

        var ctx = container.getContext('2d');
        var chart = new Chart(ctx, {
            type: 'line',
            data: barChartData,
            options: {
                responsive: true,
                maintainAspectRatio: false,
                legend: false,
                scales: {
                    xAxes: [{
                        categoryPercentage: 0.35,
                        barPercentage: 0.70,
                        display: true,
                        scaleLabel: {
                            display: false,
                            labelString: 'Month'
                        },
                        gridLines: false,
                        ticks: {
                            display: true,
                            beginAtZero: true,
                            fontColor: KTApp.getBaseColor('shape', 3),
                            fontSize: 13,
                            padding: 10
                        }
                    }],
                    yAxes: [{
                        categoryPercentage: 0.35,
                        barPercentage: 0.70,
                        display: true,
                        scaleLabel: {
                            display: false,
                            labelString: 'Value'
                        },
                        gridLines: {
                            color: KTApp.getBaseColor('shape', 2),
                            drawBorder: false,
                            offsetGridLines: false,
                            drawTicks: false,
                            borderDash: [3, 4],
                            zeroLineWidth: 1,
                            zeroLineColor: KTApp.getBaseColor('shape', 2),
                            zeroLineBorderDash: [3, 4]
                        },
                        ticks: {
                            max: 20,                            
                            stepSize: 2,
                            display: true,
                            beginAtZero: true,
                            fontColor: KTApp.getBaseColor('shape', 3),
                            fontSize: 13,
                            padding: 10
                        }
                    }]
                },
                title: {
                    display: false
                },
                hover: {
                    mode: 'index'
                },
                tooltips: {
                    enabled: true,
                    intersect: false,
                    mode: 'nearest',
                    bodySpacing: 5,
                    yPadding: 10,
                    xPadding: 10, 
                    caretPadding: 0,
                    displayColors: false,
                    backgroundColor: KTApp.getStateColor('brand'),
                    titleFontColor: '#ffffff', 
                    cornerRadius: 4,
                    footerSpacing: 0,
                    titleSpacing: 0
                },
                layout: {
                    padding: {
                        left: 0,
                        right: 0,
                        top: 5,
                        bottom: 5
                    }
                }
            }
        });
    }
	orderStatistics();
});
</script>
@endsection