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">
.transition (@animation: ease-in, @time: 1s) {
transition: width @animation @time;
-webkit-transition: width @animation @time;
-moz-transition: width @animation @time;
-o-transition: width @animation @time;
}
.bar-con{
background-color:#ccc;
height:1.5em;
/*margin-bottom:1em;*/
}
.bar{
float:left;
height:100%;
width:0%;
}
.bar-one .bar{
background-color:#03AB70;
.transition;
}
.bar-two .bar{
background-color:#1975FF;
.transition(@time:3s, @animation:ease-in-out);
}
.bar-three .bar{
background-color:#FF9900;
.transition(@time:4s, @animation:cubic-bezier(.72,.45,.9,.12));
}
</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 -->
<!-- ============================================================== -->
<div class="row">
<!-- Column -->
<div class="col-sm-12 col-lg-12">
<div class="card">
<div class="d-md-flex align-items-center">
<div style="width: 100%;text-align: center;padding-top: 10px">
<h4 class="card-title">Target Vs Achievement</h4>
<h5 class="card-subtitle">Overview of The Month</h5>
</div>
</div>
<div class="card-body analytics-info table-responsive">
<div class="table display table-bordered table-striped no-wrap collapsed" style="height:400px;">
<table class="table v-middle">
<thead>
<tr>
<th class="border-top-0">#</th>
<th class="border-top-0">Brand</th>
<th class="border-top-0">Product Name</th>
<th class="border-top-0">Model</th>
<th class="border-top-0">Target Qty</th>
<th class="border-top-0">Target Value</th>
<th class="border-top-0">Achievement Qty</th>
<th class="border-top-0">Achievement Value</th>
<th class="border-top-0" width="10%">%</th>
</tr>
</thead>
@if($sales)
<tbody>
@foreach($sales->details as $k=>$detail)
@php
if($detail->target_quantity > $detail->sales_quantity){
$percentage=($detail->sales_quantity/$detail->target_quantity)*100;
}else{
$percentage=100;
}
@endphp
<tr>
<td>
<div class="d-flex align-items-center">
<div class="mr-2"><img src="{{url('public/images/product/'.$detail->product->product_image)}}" alt="user" class="circle" width="45" /></div>
</div>
</td>
<td>
{{$detail->product->brand->brand_name}}
</td>
<td>{{$detail->product->product_name}}</td>
<td>{{$detail->product->model->model_name}}</td>
<td>{{$detail->target_quantity}}</td>
<td>{{number_format($detail->target_amount,2)}}</td>
<td>{{$detail->sales_quantity}}</td>
<td>{{number_format($detail->sales_amount,2)}}</td>
<td><div class="bar-one bar-con">
<div style="white-space: nowrap;" class="bar" data-percent="{{$percentage}}">{{$percentage}}%</div>
</div> </td>
</tr>
@endforeach
</tbody>
@endif
</table>
</div>
</div>
</div>
</div>
<!-- Column -->
</div>
<!-- ============================================================== -->
<!-- Product Sales -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Orders -->
<!-- ============================================================== -->
<div class="row">
<div class="col-sm-12 col-lg-12">
<div class="card">
<div class="card-body">
<!-- title -->
<div class="d-md-flex align-items-center">
<div style="width: 100%;text-align: center;padding-top: 10px">
<h4 class="card-title">Requisition</h4>
<h5 class="card-subtitle">Overview of The Month</h5>
</div>
</div>
<!-- title -->
<div class="table-responsive scrollable mt-2" style="height:400px;">
<table class="table v-middle">
<thead>
<tr>
<th class="border-top-0">Requisition Code</th>
<th class="border-top-0">Requisition Date</th>
<th class="border-top-0">Customer Name</th>
<th class="border-top-0">Payment Mode</th>
<th class="border-top-0">Total Quantity</th>
<th class="border-top-0">Total Amount</th>
<th class="border-top-0">Paid Amount</th>
<th class="border-top-0">Status</th>
</tr>
</thead>
@if($requisitions)
<tbody>
@foreach($requisitions as $requisition)
<tr>
<td>
<a href="{{url('view_requisition/'.$requisition->requisition_id)}}">{{$requisition->Requsition_code}}</a>
</td>
<td>{{$requisition->requisition_date->format('d-m-Y')}}</td>
<td>{{$requisition->customer->customer_name}}</td>
@php
if($requisition->payment_mode == 1){
$mode='Cash On Delivery';
}elseif($requisition->payment_mode == 2){
$mode='Bank';
}else{
$mode='--';
}
@endphp
<td>{{$mode}}</td>
<td>{{$requisition->total_quantity}}</td>
<td>{{number_format($requisition->total_amount,2)}}</td>
<td>{{number_format($requisition->paid_amount,2)}}</td>
@php
if($requisition->requistion_status == 0)
$status='Draft';
else if($requisition->requistion_status == 1)
$status='Pending';
else if($requisition->requistion_status == 2)
$status='Requisition Approved';
else if($requisition->requistion_status == 3)
$status='Accounts Approved';
else if($requisition->requistion_status == 4)
$status='Delivered';
else if($requisition->requistion_status == 5)
$status='Requisition Canceled';
else
$status='Accounts Rejected';
@endphp
<td>{{$status}}</td>
</tr>
@endforeach
</tbody>
@endif
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Container fluid -->
@endsection
@section('script')
<script type="text/javascript">
(function ( $ ) {
$.fn.progress = function() {
var percent = this.data("percent");
this.css("width", percent+"%");
};
}( jQuery ));
$(document).ready(function(){
$(".bar-one .bar").each(function(){
$(this).progress();
})
//$(".bar-two .bar").progress();
//$(".bar-three .bar").progress();
});
</script>
@endsection