Server : ApacheSystem : Linux host44.registrar-servers.com 4.18.0-513.18.1.lve.2.el8.x86_64 #1 SMP Sat Mar 30 15:36:11 UTC 2024 x86_64 User : vapecompany ( 2719) PHP Version : 7.4.33 Disable Function : NONE Directory : /home/vapecompany/demo.vapecompany.com.bd/resources/views/backend/ |
Upload File : |
@extends('backend.layout.app')
@section('content')
<style type="text/css">
#container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
<div class="page-wrapper">
<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="page-breadcrumb">
<div class="row">
<div class="col-5 align-self-center">
<h4 class="page-title">Dashboard</h4>
</div>
<div class="col-7 align-self-center">
<div class="d-flex no-block justify-content-end align-items-center">
<!-- <div class="mr-2">
<div class="lastmonth"></div>
</div> -->
<!-- <div class=""><small>LAST MONTH</small>
<h4 class="text-info mb-0 font-medium">$58,256</h4></div> -->
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Container fluid -->
<!-- ============================================================== -->
<div class="container-fluid">
<!-- ============================================================== -->
<!-- Earnings -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Product Sales -->
<!-- ============================================================== -->
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-body">
<div class="d-md-flex align-items-center">
<div>
<h4 class="card-title">Product Sales</h4>
<h5 class="card-subtitle">Total Sales</h5>
</div>
<div class="ml-auto d-flex align-items-center">
<!-- Tabs -->
<ul class="nav nav-pills custom-pills" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="pills-home-tab2" data-toggle="pill" href="#day" role="tab" aria-selected="true">Day</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-profile-tab2" data-toggle="pill" href="#week" role="tab" aria-selected="false">Week</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-month-tab2" data-toggle="pill" href="#month" role="tab" aria-selected="false">Month</a>
</li>
</ul>
<!-- Tabs -->
</div>
</div>
<div class="tab-content mt-3" id="pills-tabContent2">
<div class="tab-pane fade show active" id="day" role="tabpanel" aria-labelledby="pills-home-tab2">
<div class="product-sales" style="height:400px; width:100%;"></div>
</div>
<div class="tab-pane fade" id="week" role="tabpanel" aria-labelledby="pills-profile-tab2">
<div class="rate" style="height:400px; width:100%;"></div>
</div>
<div class="tab-pane fade" id="month" role="tabpanel" aria-labelledby="pills-month-tab2">
<div class="revenue" style="height:400px; width:100%;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-body">
<h4 class="card-title">Target Vs. Acheivement</h4>
<!-- <h5 class="card-subtitle">Overview of Top Selling Items</h5> -->
<div class="table-responsive mt-3">
<table id="cc-table" class="table table-bordered mb-3" data-page-length='10'>
<thead>
<tr class="bg-light">
<th>#</th>
<th>Employee Name </th>
<th>Target Qantity </th>
<th>Target Value</th>
<th>Acheivement Quantity</th>
<th>Acheivement Value</th>
<th>Qty %</th>
<th>Balance</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-body">
<h4 class="card-title">Stock Status (Last 30 Days)</h4>
<!-- <h5 class="card-subtitle">Overview of Top Selling Items</h5> -->
<div class="table-responsive mt-3">
<table id="cc-table" class="table table-bordered mb-3" data-page-length='10'>
<thead>
<tr class="bg-light">
<th>#</th>
<th>Brand </th>
<th>Product </th>
<th>Total Stock In</th>
<th>Total Sales</th>
<th>Current Stock</th>
<th>Rating</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Orders -->
<!-- ============================================================== -->
<div class="row">
<div class="col-sm-12 col-lg-8">
<div class="card">
<div class="card-body border-bottom">
<div class="d-md-flex align-items-center">
<div>
<h4 class="card-title">Division Wise Sales</h4>
</div>
<div class="ml-auto d-flex align-items-center">
<div class="dl">
<select onchange="get_category_data(this)" class="custom-select">
<option value="0" selected="">Select Category</option>
</select>
</div>
</div>
</div>
<!-- <h4 class="card-title">Division Wise Sales</h4> -->
<!-- <h5 class="card-subtitle">Overview of orders</h5> -->
<div id="container" style="height:500px; width:100%"></div>
</div>
<div class="card-body">
<div class="row" id="saleByDivision">
<!-- include('division_wise_sale') -->
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-4">
<div class="card">
<div class="card-body border-bottom">
<div class="d-md-flex align-items-center">
<div>
<h4 class="card-title">Order Status</h4>
<h5 class="card-subtitle">Overview of orders</h5>
</div>
<div class="ml-auto d-flex align-items-center">
<div class="dl">
<select onchange="get_division_data(this)" class="custom-select">
<option value="0" selected="">Select Division</option>
</select>
</div>
</div>
</div>
<div class="status mt-4" style="height:280px; width:100%"></div>
</div>
<div class="card-body" id="orderDivision">
<!-- include('order_status_division') -->
</div>
</div>
</div>
</div>
<div class="row">
</div>
</div>
<!-- ============================================================== -->
<!-- End Container fluid -->
@endsection
@section('script')
<script src="{{url('public/backend/js/anychart-base.min.js')}}"></script>
<script src="https://cdn.anychart.com/releases/8.9.0/js/anychart-exports.min.js?hcode=a0c21fc77e1449cc86299c5faa067dc4"></script>
<link href="https://cdn.anychart.com/releases/8.9.0/css/anychart-ui.min.css?hcode=a0c21fc77e1449cc86299c5faa067dc4">
<script>
</script>
<script src="{{ asset('public/backend/js/d3.min.js') }}"></script>
<script src="{{ asset('public/backend/js/c3.min.js') }}"></script>
<script src="{{ asset('public/backend/js/dashboard1.js') }}"></script>
<script type="text/javascript">
function change_order_status(){
var tre=$('#total_requisition').val();
var tde=$('#total_chalan').val();
var tpe=$('#total_pending').val();
var chart = c3.generate({
bindto: '.status',
data: {
columns: [
['Total Requisition',tre],
['Total Delivery',tde],
['Total Pending',tpe]
],
type : 'donut'
},
donut: {
label: {
show: false
},
title:"Orders",
width:35,
},
legend: {
hide: true
//or hide: 'data1'
//or hide: ['data1', 'data2']
},
color: {
pattern: ['#7460ee', '#2962ff', '#fb8c00']
}
});
chart.resize();
}
function get_category_data(arg){
var id=arg.value;
$.ajax({
type : 'POST',
url : "{{url('get_sales_data_By_category')}}",
data:{category_id:id},
// dataType: 'json',
success : function (data)
{
$('#saleByDivision').html(data);
change_division_status();
//console.log(data);
},
error : function (data)
{
//console.log(data);
}
});
}
function get_division_data(arg){
var id=arg.value;
$.ajax({
type : 'POST',
url : "{{url('get_order_data_By_division')}}",
data:{division_id:id},
// dataType: 'json',
success : function (data)
{
$('#orderDivision').html(data);
change_order_status();
//console.log(data);
},
error : function (data)
{
//console.log(data);
}
});
}
</script>
@endsection