000

@extends('dashboard.layouts.app')
@section('title','Dashboard')
@section('style')
{{ Html::style("//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css")}}

.onoffswitch3
	{
		position: relative; 
		-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	}

.onoffswitch3-checkbox {
		display: none;
	}

.onoffswitch3-label {
		display: block; overflow: hidden; cursor: pointer;
		border: 0px solid #999999; border-radius: 0px;
	}

.onoffswitch3-inner {
		display: block; width: 200%; margin-left: -100%;
		-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
		-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
	}

.onoffswitch3-inner > span {
		display: block; float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px;
		font-size: 14px; color: white; font-family: 'Montserrat', sans-serif; font-weight: bold;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}

.onoffswitch3-inner .onoffswitch3-active {
		padding-left: 10px;
		background-color: #68bc31; 
		color: #FFFFFF;
	}

.onoffswitch3-inner .onoffswitch3-inactive {
		width: 100px;
		padding-left: 16px;
		background-color: #2091cf; 
		color: #FFFFFF;
		text-align: right;
	}

.onoffswitch3-switch {
		display: block; width: 50%; margin: 0px; text-align: center; 
		border: 0px solid #999999;border-radius: 0px; 
		position: absolute; top: 0; bottom: 0;
	}
	.onoffswitch3-active .onoffswitch3-switch {
		background: #27A1CA; left: 0;
		width: 160px;
	}
	.onoffswitch3-inactive{
		background: #A1A1A1; right: 0;
		width: 20px;
	}
	.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
		margin-left: 0;
	}

.glyphicon-remove{
		padding: 3px 0px 0px 0px;
		color: #fff;
		background-color: #000;
		height: 25px;
		width: 25px;
		border-radius: 15px;
		border: 2px solid #fff;
	}

.scroll-text{
		color: #000;
	}

</style>
<link href="/css/attendance.css" rel="stylesheet" type="text/css" >
@endsection

@section('content')

<div class="main-content">
	<div class="main-content-inner">
		<div class="breadcrumbs ace-save-state" id="breadcrumbs">
			<ul class="breadcrumb">
				<li>
					<i class="ace-icon fa fa-home home-icon"></i>
					<a href="#">Home</a>
				</li>
				<li class="active">Dashboard</li>
			</ul>

<div class="ace-settings-box clearfix" id="ace-settings-box">
					<div class="pull-left width-50">
						<div class="ace-settings-item">
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="no-skin" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; Choose Skin</span>
						</div>

<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-navbar" autocomplete="off" />
							<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
						</div>

<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-sidebar" autocomplete="off" />
							<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
						</div>

<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-breadcrumbs" autocomplete="off" />
							<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
						</div>

<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" autocomplete="off" />
							<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
						</div>

<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-add-container" autocomplete="off" />
							<label class="lbl" for="ace-settings-add-container">
								Inside
								<b>.container</b>
							</label>
						</div>
					</div>

<div class="pull-left width-50">
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" autocomplete="off" />
							<label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
						</div>

<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" autocomplete="off" />
							<label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
						</div>

<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" autocomplete="off" />
							<label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
						</div>
					</div>
				</div>
			</div>

<div class="page-header">
				<h1>
					Dashboard
					<small>
						<i class="ace-icon fa fa-angle-double-right"></i>
						overview &amp; stats
					</small>
				</h1>
			</div>

<div class="loading-bg" style="display: none;">  
						<div class="loader"></div>
					</div>
				
					<section class="home-content-top">
						<div class="tabbable-panel">
							<div class="tabbable-line">
								
								
								
								
								<div class="tab-content margin-tops"id="attendance_content" style="height: 320px;">
									<div class="col-md-6">
                                        <div class=" time-action-wrap">
        									<ul>
        										<li><a href="{{URL('/attendance-chart')}}"><span class="txt2">Present :</span> <span class="txt2">{{ $emp_present }}</span></a></li>
        										<li><a href="{{URL('/attendance-chart')}}"><span class="txt2">Absent :</span> <span class="txt2">{{ $emp_absent }}</span></a></li>
        									</ul>
        								</div>
	                                 	<div class="tab-pane active table-responsive" id="tab_default_1" style="max-height:255px;">
										<table class="table table-bordered">
											<thead>
												<tr>
													<th>Employee</th>
													<th><span class="time-in"><i class="fa fa-sign-in"></i> In Time</span> 
													</th>
												</tr>
											</thead>
											<tbody>			
												@foreach($employees as $key=>$emp) 
													<tr>
														<td>{{ $emp->name }}</td>
														<td>{{ date('H:i:s', strtotime($emp->in_time)) }}</td>
													</tr>
												@endforeach
											</tbody>
										</table>
								    </div>

</div>
							<div class="col-md-6 dashboard-box" id="dashboard-box">
								<div id="clock" class="light dark">				
									<div class="display">
										<div class="day-wrap"><span><?php echo date('l'); ?></span> <span><?php echo date('d / m / Y'); ?></span></div>
										 
										<div class="ampm"></div>
										<div class="alarm"></div>
										<div class="digits"></div>
									</div>
								</div>
								<br>
								<div class="text-right col-md-6" style="width: 62%; margin-left: 17%; max-width: 425px">
									<a href="https://www.accuweather.com/en/in/sitapur/191044/weather-forecast/191044" class="aw-widget-legal">
									</a><div id="awcc1538114480147" class="aw-widget-current"  data-locationkey="191044" data-unit="c" data-language="en-us" data-useip="false" data-uid="awcc1538114480147"></div><script type="text/javascript" src="https://oap.accuweather.com/launch.js"></script>
				
									
				
								</div>
							</div>
						</div>
						</div>
					</div>
					</section>
		
		
					<audio id="myAudio">
						<source src="/thankyou.mp3" type="audio/mpeg">
						Your browser does not support the audio element.
					</audio>
					<audio id="myAudioSorry">
						<source src="/sorry.mp3" type="audio/mpeg">
						Your browser does not support the audio element.
					</audio>
					<div class="modal fade" id="scannerModal">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									<h4 class="modal-title">Scan ID Card</h4>
								</div>
								<div class="modal-body">
									<div class="row">
										<div class="col-sm-6">    
											<div id="mainbody" style="width: 350px!important;">
												<div id="outdiv">
												</div>
												<div id="result"></div>
												<canvas id="qr-canvas" width="800" height="600" style="display: none;"></canvas>
												<script type="text/javascript">load();</script>
											</div>
										</div>
										<div id="id-card" ></div>
									</div>
								</div>				
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-xs-12 onoffswitch3" >
					<input type="checkbox" name="onoffswitch3" class="onoffswitch3-checkbox" id="myonoffswitch3" checked>
					<label class="onoffswitch3-label" for="myonoffswitch3">
						<span class="onoffswitch3-inner">
							<span class="onoffswitch3-active">
								<marquee class="scroll-text" id="latest_activities">
									{!! $activities !!}
								</marquee>
								<span class="onoffswitch3-switch">LATEST ACTIVITY <span class="glyphicon glyphicon-remove"></span></span>
							</span>
							<span class="onoffswitch3-inactive"><span class="onoffswitch3-switch">SHOW LATEST ACTIVITY</span></span>
						</span>
					</label>

</div>
			</div>

<div class="row">
								<div class="col-md-12">
									<div class="widget-box ui-sortable-handle" id="widget-box-5">
										<div class="widget-header">
											<h5 class="widget-title smaller">Month Average</h5>

</div>

<div class="infobox-data">
													<span class="infobox-data-number">{{round(monthlyAverageLabourRate(date('m'),date('Y'),'loading'),2)}}</span>
													<div class="infobox-content">Loading labour Rate</div>
												</div>
												<div class="stat stat-important">Average</div>

</div>

<div class="infobox-data">
													<span class="infobox-data-number">{{round(monthlyAverageLabourRate(date('m'),date('Y'),'unloading'),2)}}</span>
													<div class="infobox-content">Unloading labour Rate</div>
												</div>
												<div class="stat stat-important">Average</div>
											</div>

<div class="infobox-data">
													<span class="infobox-data-number">{{round(monthlyAverageLabourRate(date('m'),date('Y'),'wagon_unloading'),2)}}</span>
													<div class="infobox-content">Wagon Unloading Rate</div>
												</div>
											</div>

<div class="infobox-data">
													<span class="infobox-data-number">{{round(monthlyAverageFreight(date('m'),date('Y')),2)}}</span>
													<div class="infobox-content">Freight</div>
												</div>
												<div class="stat stat-important">Average</div>
											</div>

<div class="infobox-data">
													<span class="infobox-data-number">{{round(monthlyAverageDemurrage(date('m'),date('Y')),2)}}</span>
													<div class="infobox-content">Average Demurrage</div>
												</div>
											</div>

<div class="infobox-data">
													<span class="infobox-data-number">{{round(monthlyAverageWharfage(date('m'),date('Y')),2)}}</span>
													<div class="infobox-content">Average Wharfage</div>
												</div>
											</div>
										</div>
									</div>

</div>
								<div class="col-md-12" id="sales_purchase_div">
									<div class="tabbable"> 
										<ul class="nav nav-tabs padding-12 tab-color-blue background-blue" id="myTab4"> 
											<li class="active">
												<a data-toggle="tab" href="#today_sales">Sales</a> 
											</li> 
											<li class="">
												<a data-toggle="tab" href="#today_purchase">Purchase</a>
											</li> 
											<li><input type="text" class="form-control datepicker" value="{{$date}}" placeholder="date" onchange="getSaleAndPurchase(this.value)"></li>
										</ul> 
										<div class="tab-content" id=""> 
											<div id="today_sales" class="tab-pane active"> 
												<table class="table table-bordered table-striped">
													<thead class="thin-border-bottom">
														<tr>
															<th>From Account</th>
															<th>Product</th>
															<th>Quantity</th>
															<th>Value</th>
														</tr>
													</thead>
													<tbody>
														@if(count($today_sales)>0)
														@foreach($today_sales as $sale)
														<tr>
															<td>{{$sale['party']}}</td>
															<td>{{$sale['product']}}</td>
															<td>{{$sale['total_sale_quantity']}}</td>
															<td>Rs {{$sale['total_sale_amount']}}</td>
														</tr>
														@endforeach
														@else
														<tr><td colspan="4">No record found</td></tr>
														@endif
													</tbody>
												</table>

</div> 
											<div id="today_purchase" class="tab-pane">

<table class="table table-bordered table-striped">
													<thead class="thin-border-bottom">
														<tr>
															<th>From Account</th>
															<th>Product</th>
															<th>Quantity</th>
															<th>Value</th>
														</tr>
													</thead>
													<tbody>
														@if(count($today_purchase)>0 || count($today_purchase)>0)
														@foreach($today_purchase as $purchase)

<tr>
															<td>{{$purchase['party']}}</td>
															<td>{{$purchase['product']}}</td>
															<td>{{$purchase['total_purchase_quantity']}}</td>
															<td>Rs {{$purchase['total_purchase_amount']}}</td>
														</tr>
														@endforeach
														@else
														<tr><td colspan="4">No record found</td></tr>
														@endif
													</tbody>
												</table>

</div>

</div> 
									</div>
								</div>
							</div>

</div>

<div class="col-sm-5" id="graph-data">
							<div class="widget-box">
								<div class="widget-header widget-header-flat widget-header-small">
									<h5 class="widget-title">
										<i class="ace-icon fa fa-signal"></i>
										Rakes
									</h5>

<div class="widget-toolbar no-border">
										<div class="inline dropdown-hover">
											<button class="btn btn-minier btn-primary">
												{{$master_rakes[0]->name}}
												<i class="ace-icon fa fa-angle-down icon-on-right bigger-110"></i>
											</button>

<ul class="dropdown-menu dropdown-menu-right dropdown-125 dropdown-lighter dropdown-close dropdown-caret">
												@php
												$i = 0;
												@endphp
												@foreach($master_rakes as $rake)
												<li class="{{$i ==0 ? "active":""}}" onclick="getRakeGraph('{{$rake->id}}');">
													<a href="javascript:;" class="blue">
														<i class="ace-icon fa fa-caret-right bigger-110">&nbsp;</i>
														{{$rake->name}}
													</a>
												</li>

@php
												$i++;
												@endphp
												@endforeach
											</ul>
										</div>
									</div>
								</div>

<div class="infobox infobox-green infobox-small infobox-dark" style="width: 145px !important;height: 70px !important">
											<div class="infobox-icon">
												<i class="ace-icon fa fa-print"></i>
											</div>
											<div class="infobox-data">
												<div class="infobox-content">Tokens</div>
												<div class="infobox-content">@php
													echo $total_tokens = \App\Token::where('master_rake_id',$master_rake->id)->sum('quantity');
												@endphp</div>
											</div>
										</div>

<div class="infobox infobox-blue infobox-small infobox-dark" style="width: 145px !important;height: 70px !important">
											<div class="infobox-icon">
												<i class="ace-icon fa fa-train"></i>
											</div>
											<div class="infobox-data">
												<div class="infobox-content">RR</div>
												<div class="infobox-content">{{$master_rake->quantity_alloted}}</div>
											</div>
										</div>

<div class="infobox infobox-grey infobox-small infobox-dark" style="width: 145px !important;height: 70px !important">
											<div class="infobox-icon">
												<i class="ace-icon fa fa-shopping-cart"></i>
											</div>
											<div class="infobox-data">
												<div class="infobox-content">Wagon Unloadings</div>
												<div class="infobox-content">@php
													echo $wagon_unloadings = \App\WagonUnloading::where('master_rake_id',$master_rake->id)->sum('quantity');
												@endphp</div>
											</div>
										</div>

</div>
								</div>
							</div>
						</div>
					</div>

</div>
			</div>
			<div class="hr hr32 hr-dotted"></div>

<div class="row">
				<div class="col-sm-5">
					<div class="widget-box transparent">
						<div class="widget-header widget-header-flat">
							<h4 class="widget-title lighter">
								<i class="ace-icon fa fa-suitcase orange"></i>
								Party Stock
							</h4>

<div class="widget-body" id="party_stock_div">
							<div class="widget-main no-padding">
								<table class="table table-bordered table-striped">
									<thead class="thin-border-bottom">
										<tr>
											<th>
												<i class="ace-icon fa fa-caret-right blue"></i>Product
											</th>

<th>
												<i class="ace-icon fa fa-caret-right blue"></i>Available Stock
											</th>

</tr>
									</thead>

<tbody>

<tr>
											<td>Cement</td>
											<td>
												<b class="green">{{$cement_stock}}</b>
											</td>
										</tr>

<tr>
											<td>NPK <br>
											20:20:0:13 & 12:32:16</td>
											<td>
												<b class="green">{{$npk_stock}}</b>
											</td>
										</tr>

<tr>
											<td>Urea</td>
											<td>
												<b class="green">{{$urea_stock}}</b>
											</td>
										</tr>

<tr>
											<td>DAP</td>
											<td>
												<b class="green">{{$dap_stock}}</b>
											</td>
										</tr>

<tr>
											<td>MOP</td>
											<td>
												<b class="green">{{$mop_stock}}</b>
											</td>
										</tr>

</tbody>
								</table>
							</div>
							
						</div>
					</div>
				</div>

<div class="col-sm-7">
					<div class="widget-box transparent">
						<div class="widget-header widget-header-flat">
							<h4 class="widget-title lighter">
								<i class="ace-icon fa fa-signal"></i>
								Sale Stats
							</h4>

</div>

</div>
							
						</div>
					</div>
				</div>
			</div>

<div class="row">
				<div class="col-sm-6">
					<div class="widget-box transparent" id="recent-box">
						<div class="widget-header">
							<h4 class="widget-title lighter smaller">
								<i class="ace-icon fa fa-rss orange"></i>RECENT
							</h4>

<div class="widget-toolbar no-border">
								<ul class="nav nav-tabs" id="recent-tab">
									<li class="active">
										<a data-toggle="tab" href="#token-tab">Tokens</a>
									</li>

<li>
										<a data-toggle="tab" href="#loading-tab">Loading</a>
									</li>

<li>
										<a data-toggle="tab" href="#unloading-tab">Unloadings</a>
									</li>
								</ul>
							</div>
						</div>

@foreach($tokens as $token)
											<div class="itemdiv commentdiv">
												<div class="user">
													<img alt="Bob Doe's Avatar" src="{{URL('/assets/mobile/logo.png')}}">
												</div>

<div class="body">
													<div class="name">
														<a href="#">{{getModelById('User',$token->user_id)->name}}</a>
													</div>

<div class="time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span class="green">{{calculateTimeSpan($token->created_at)}}</span>
													</div>

<div class="text">
														<i class="ace-icon fa fa-quote-left"></i>
														Token <b>{{$token->unique_id}}</b> generated from  @if(is_null($token->master_rake_id))
														{{getModelById('Warehouse',$token->from_warehouse_id)->name}}
														@else 
														{{getModelById('MasterRake',$token->master_rake_id)->name}}
														@endif to @php
														if($token->to_type == 1){
														echo "<b>Warehouse </b> ".getModelById('Warehouse',$token->warehouse_id)->name."(".getModelById('Warehouse',$token->warehouse_id)->location.")";
													}else if($token->to_type == 2){
													echo "<b>Retailer </b> ".getModelById('Retailer',$token->retailer_id)->name."(".getModelById('Retailer',$token->retailer_id)->address.")";
													echo " <b>";
														echo getModelById('Dealer',$token->account_from_id)->name."(".getModelById('Dealer',$token->account_from_id)->address1.")"."</b>";
													}else if($token->to_type == 3){
													echo "<b>Dealer </b> ".getModelById('Dealer',$token->dealer_id)->name."(".getModelById('Dealer',$token->dealer_id)->address1.")";
												}
												@endphp
											</div>
										</div>
									</div>
									@endforeach

</div>

&nbsp;
									<a href="{{URL('/user/generated-token')}}" class="btn btn-sm btn-white btn-info">
										See all token &nbsp;
										<i class="ace-icon fa fa-arrow-right"></i>
									</a>
								</div>

</div>

@foreach($product_loadings as $product_loading)
										<div class="itemdiv commentdiv">
											<div class="user">
												<img alt="Bob Doe's Avatar" src="{{URL('/assets/mobile/logo.png')}}">
											</div>

<div class="body">
												<div class="name">
													<a href="">{{getModelById('User',$product_loading->user_id)->name}}</a>
												</div>

<div class="time">
													<i class="ace-icon fa fa-clock-o"></i>
													<span class="green">{{calculateTimeSpan($product_loading->created_at)}}</span>
												</div>

<div class="text">
													<i class="ace-icon fa fa-quote-left"></i>
													@if($product_loading->loading_slip_type == 1)

Product Loading <a href="{{URL('/user/print-loading-slip/'.$product_loading->id)}}">({{$product_loading->id}})</a> of {{$product_loading->product_name}} {{$product_loading->quantity}} {{$product_loading->unit_name}}

@if(!is_null($product_loading->token_id))
													against Token <br> <a href="{{URL('/user/print-token/'.$product_loading->token_id)}}">{{getModelById('Token',$product_loading->token_id)->unique_id}}</a> To <b>@if(!is_null($product_loading->retailer_id)) 
														{{$product_loading->retailer_name}}</b>	From Party 
														<b>
															@if($product_loading->loading_slip_type ==1)
															{{getModelById('Dealer',$product_loading->dealer_id)->name}}
															({{getModelById('Dealer',$product_loading->dealer_id)->address1}})				
															@else
															{{getModelById('Warehouse',$product_loading->warehouse_id)->name}}				
															@endif

@else

@if($product_loading->loading_slip_type ==1)
															{{getModelById('Dealer',$product_loading->dealer_id)->name}}
															({{getModelById('Dealer',$product_loading->dealer_id)->address1}})				
															@else
															{{getModelById('Warehouse',$product_loading->warehouse_id)->name}}				
															@endif

@endif
														</b>

@else

@endif

@else

Direct Product Loading <a href="{{URL('/user/print-loading-slip/'.$product_loading->id)}}">({{$product_loading->id}})</a> of {{$product_loading->product_name}} {{$product_loading->quantity}} {{$product_loading->unit_name}} To {{getModelById('Warehouse',$product_loading->warehouse_id)->name}}

@endif

</div>
												</div>
											</div>
											@endforeach

</div>

&nbsp;
										<a href="{{URL('/user/product-loading-list')}}" class="btn btn-sm btn-white btn-info">
											See all Product Loadings &nbsp;
											<i class="ace-icon fa fa-arrow-right"></i>
										</a>
									</div>

@foreach($product_unloadings as $product_unloading)
										<div class="itemdiv commentdiv">
											<div class="user">
												<img alt="Bob Doe's Avatar" src="{{URL('/assets/mobile/logo.png')}}">
											</div>

<div class="body">
												<div class="name">
													<a href="">{{getModelById('User',$product_unloading->user_id)->name}}</a>
												</div>

<div class="time">
													<i class="ace-icon fa fa-clock-o"></i>
													<span class="green">{{calculateTimeSpan($product_unloading->created_at)}}</span>
												</div>

Product Unloading <a href="{{URL('/user/print-unloading-slip/'.$product_unloading->id)}}">({{$product_unloading->id}})</a> of <b>{{$product_unloading->product_name}} </b>{{$product_unloading->quantity}} {{$product_unloading->unit_name}} To <b>{{getModelById('Warehouse',$product_unloading->warehouse_id)->name}}	</b>

</div>
											</div>

</div>
										@endforeach

</div>

&nbsp;
										<a href="{{URL('/user/product-unloadings')}}" class="btn btn-sm btn-white btn-info">
											See all unloading &nbsp;
											<i class="ace-icon fa fa-arrow-right"></i>
										</a>
									</div>

<div class="col-sm-6">
				<div class="widget-box transparent" id="recent-box">
					<div class="widget-header">
						<h4 class="widget-title lighter smaller">
							<i class="ace-icon fa fa-rss orange"></i>RECENT
						</h4>

<div class="widget-toolbar no-border">
							<ul class="nav nav-tabs" id="recent-tab">
								<li class="active">
									<a data-toggle="tab" href="#invoice-tab">Invoices</a>
								</li>

<li>
									<a data-toggle="tab" href="#freight-payment-tab">Freight Payments</a>
								</li>

<li>
									<a data-toggle="tab" href="#labour-loading-payment">Labour Loading <br>Payments</a>
								</li>
								<li>
									<a data-toggle="tab" href="#labour-unloading-payment">Labour Unloading <br>Payments</a>
								</li>
							</ul>
						</div>
					</div>

@foreach($loading_slip_invoices as $loading_slip_invoice)
										<div class="itemdiv commentdiv">
											<div class="user">
												<img alt="Bob Doe's Avatar" src="{{URL('/assets/mobile/logo.png')}}">
											</div>

<div class="time">
													<i class="ace-icon fa fa-clock-o"></i>
													<span class="green">{{calculateTimeSpan($loading_slip_invoice->created_at)}}</span>
												</div>

<div class="text">
													<i class="ace-icon fa fa-quote-left"></i>
													Invoice <b><a target="_blank" href="{{URL('/user/loading-slip-invoices-details/'.$loading_slip_invoice->id)}}">{{$loading_slip_invoice->invoice_number}}</a></b> has been generated for <b>{{$loading_slip_invoice->retailer_name}}</b> of Amount <b>{{$loading_slip_invoice->total}}</b>

</div>
											</div>
										</div>
										@endforeach

</div>

&nbsp;
										<a href="{{URL('/user/loading-slip-invoices')}}" class="btn btn-sm btn-white btn-info">
											See all Invoices &nbsp;
											<i class="ace-icon fa fa-arrow-right"></i>
										</a>
									</div>

</div>
								<div id="freight-payment-tab" class="tab-pane">
									<div class="clearfix">
										<div class="comments ace-scroll" style="position: relative;">
											@foreach($freight_payments as $freight_payment)
											<div class="itemdiv commentdiv">
												<div class="user">
													<img alt="Bob Doe's Avatar" src="{{URL('/assets/mobile/logo.png')}}">
												</div>

<div class="time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span class="green">{{calculateTimeSpan($freight_payment->created_at)}}</span>
													</div>

<div class="text">
														<i class="ace-icon fa fa-quote-left"></i>
														Freight  <b> {{$freight_payment->freight_paid_amount}} </b> has been paid to <b>{{$freight_payment->transporter_name}} ({{$freight_payment->truck_number}})</b> 
													</div>
												</div>
											</div>
											@endforeach
										</div>
									</div>

&nbsp;
										<a href="{{URL('/user/freight-payment-report')}}" class="btn btn-sm btn-white btn-info">
											See all freight payments &nbsp;
											<i class="ace-icon fa fa-arrow-right"></i>
										</a>
									</div>

<div id="labour-loading-payment" class="tab-pane">
									<div class="comments">
										<div class="clearfix">
											<div class="comments ace-scroll" style="position: relative;">
												@foreach($labour_loading_payments as $labour_loading_payment)
												<div class="itemdiv commentdiv">
													<div class="user">
														<img alt="Bob Doe's Avatar" src="{{URL('/assets/mobile/logo.png')}}">
													</div>

<div class="time">
															<i class="ace-icon fa fa-clock-o"></i>
															<span class="green">{{calculateTimeSpan($labour_loading_payment->created_at)}}</span>
														</div>

<div class="text">
															<i class="ace-icon fa fa-quote-left"></i>
															Amount  <b> {{$labour_loading_payment->paid_amount}} </b> has been paid to <b>{{$labour_loading_payment->labour_name}} ({{$labour_loading_payment->rate}})</b> 
														</div>
													</div>
												</div>
												@endforeach
											</div>
										</div>
									</div>
									<div class="hr hr8"></div>
									<div class="center">
										<i class="ace-icon fa fa-comments-o fa-2x green middle"></i>
										&nbsp;
										<a href="{{URL('/user/labour-payment-report')}}" class="btn btn-sm btn-white btn-info">
											See all loading labour payments &nbsp;
											<i class="ace-icon fa fa-arrow-right"></i>
										</a>
									</div>
									<div class="hr hr-double hr8"></div>
								</div>

<div id="labour-unloading-payment" class="tab-pane">
									<div class="comments">
										<div class="clearfix">
											<div class="comments ace-scroll" style="position: relative;">
												@foreach($labour_unloading_payments as $labour_unloading_payment)
												<div class="itemdiv commentdiv">
													<div class="user">
														<img alt="Bob Doe's Avatar" src="{{URL('/assets/mobile/logo.png')}}">
													</div>

<div class="time">
															<i class="ace-icon fa fa-clock-o"></i>
															<span class="green">{{calculateTimeSpan($labour_unloading_payment->created_at)}}</span>
														</div>

<div class="text">
															<i class="ace-icon fa fa-quote-left"></i>
															Amount  <b> {{$labour_unloading_payment->paid_amount}} </b> has been paid to <b>{{$labour_unloading_payment->labour_name}} ({{$labour_unloading_payment->rate}})</b> 
														</div>
													</div>
												</div>
												@endforeach
											</div>
										</div>

</div>

&nbsp;
										<a href="{{URL('/user/unloading-labour-slips')}}" class="btn btn-sm btn-white btn-info">
											See all unloading labour payments &nbsp;
											<i class="ace-icon fa fa-arrow-right"></i>
										</a>
									</div>

</div>
						</div>
					</div>
				</div>
			</div>

</div>

</div>
</div>
</div>

@section('script')

{{ Html::script("https://code.jquery.com/ui/1.12.1/jquery-ui.js")}}
{{ Html::script("assets/js/jquery-ui.custom.min.js")}}
{{ Html::script("assets/js/jquery.ui.touch-punch.min.js")}}
{{ Html::script("assets/js/jquery.easypiechart.min.js")}}
{{ Html::script("assets/js/jquery.sparkline.index.min.js")}}
{{ Html::script("assets/js/jquery.flot.min.js")}}
{{ Html::script("assets/js/jquery.flot.pie.min.js")}}
{{ Html::script("assets/js/jquery.flot.resize.min.js")}}

{{ Html::script("assets/js/ace-elements.min.js")}}
{{ Html::script("assets/js/ace.min.js")}}

$(document).ready(function() {
		var parties = ["1-1","3-1","30-1","31-1","4-2","5-2","6-2"];
		var sale_parties = ["1","3","30","31"];
		// setInterval(function(){
			var party = parties[Math.floor(Math.random() * parties.length)];
			var sales_party = sale_parties[Math.floor(Math.random() * sale_parties.length)];
			$('#stock_party').val(party).trigger('change'); 
			$('#sale_party_id').val(sales_party).trigger('change');

// var tabs = $('.nav-tabs > li'),
			// active = tabs.filter('.active'),
			// next = active.next('li'),
			// toClick = next.length ? next.find('a') : tabs.eq(0).find('a');
			// toClick.trigger('click');

getLatestSaleActivity();
		// }, 
		// 10000);

$(function(){

var clock = $('#clock'),
		alarm = clock.find('.alarm'),
		ampm = clock.find('.ampm');
		var digit_to_name = 'zero one two three four five six seven eight nine'.split(' ');
		var digits = {};
		var positions = [
		'h1', 'h2', ':', 'm1', 'm2', ':', 's1', 's2'
		];

var weekday_names = 'MON TUE WED THU FRI SAT SUN'.split(' '),
		weekday_holder = clock.find('.weekdays');
		$.each(weekday_names, function(){
			weekday_holder.append('<span>' + this + '</span>');
		});
		var weekdays = clock.find('.weekdays span');

(function update_time(){
			var now = moment().format("hhmmssdA");
			digits.h1.attr('class', digit_to_name[now[0]]);
			digits.h2.attr('class', digit_to_name[now[1]]);
			digits.m1.attr('class', digit_to_name[now[2]]);
			digits.m2.attr('class', digit_to_name[now[3]]);
			digits.s1.attr('class', digit_to_name[now[4]]);
			digits.s2.attr('class', digit_to_name[now[5]]);
			var dow = now[6];
			dow--;
			if(dow < 0){
				dow = 6;
			}
			weekdays.removeClass('active').eq(dow).addClass('active');
			ampm.text(now[7]+now[8]);
			setTimeout(update_time, 1000);
		})();
		});

});

function getSaleAndPurchase(date){
		console.log(date);
		$('.loading-bg').show();
		var temspArr = date.split('/');
		var date = temspArr['2'] + '-' + temspArr['0'] +'-'+ temspArr['1'];
		var url = "{{URL('/')}}"+"/user/get-sales-and-purchase/"+date;
		$.ajax({
			url: url,
			context: document.body,
			success: function(responseText) {
				$('.loading-bg').hide();
				$("#sales_purchase_div").html(responseText);

$( ".datepicker" ).datepicker({
					onSelect: function(dateText) {
						getSaleAndPurchase(this.value);
					}
				});
				
			}
		});
	}

// 		function getPresentList(){
// 			$('.loading-bg').show();
// 			$.ajax({
// 				url: '/attendance/present-employees',
// 				type: 'GET',
// 				success:function(data){
// 					$('[href="#tab_default_1"]').tab('show');
// 					$('.loading-bg').hide();
// 					$('#attendance_content').html(data)				
// 				}
// 			});
// 		}

// 		function getAbsentList(){
// 			$('.loading-bg').show();
// 			$.ajax({
// 				url: '/attendance/absent-employees',
// 				type: 'GET',
// 				success:function(data){
// 					$('[href="#tab_default_1"]').tab('show');
// 					$('.loading-bg').hide();
// 					$('#attendance_content').html(data);				
// 				}
// 			});
// 		}

jQuery(function($) {
		$( ".datepicker" ).datepicker({
			onSelect: function(dateText) {
				getSaleAndPurchase(this.value);
			}
		});

$('.easy-pie-chart.percentage').each(function(){
			var $box = $(this).closest('.infobox');
			var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
			var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
			var size = parseInt($(this).data('size')) || 50;
			$(this).easyPieChart({
				barColor: barColor,
				trackColor: trackColor,
				scaleColor: false,
				lineCap: 'butt',
				lineWidth: parseInt(size/10),
				animate: ace.vars['old_ie'] ? false : 1000,
				size: size
			});
		})

$('.sparkline').each(function(){
			var $box = $(this).closest('.infobox');
			var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
			$(this).sparkline('html',
			{
				tagValuesAttribute:'data-values',
				type: 'bar',
				barColor: barColor ,
				chartRangeMin:$(this).data('min') || 0
			});
		});

//flot chart resize plugin, somehow manipulates default browser resize event to optimize it!
        //but sometimes it brings up errors with normal resize event handlers
        $.resize.throttleWindow = false;

var placeholder = $('#piechart-placeholder').css({'width':'90%' , 'min-height':'150px'});
        var color = ['#68BC31','#2091CF','#AF4E96','#DA5430','#FEE074']
        var data = [
        @php
        $i = 0;
        @endphp
        @foreach($master_rake->master_rake_products as $product)
        { label: "{{$product->product->name}}",  data: {{round($product->quantity)}}, color: color[{{$i}}]},

@php
        $i++;
        @endphp

@endforeach
        ]
        function drawPieChart(placeholder, data, position) {
        	$.plot(placeholder, data, {
        		series: {
        			pie: {
        				show: true,
        				tilt:0.8,
        				highlight: {
        					opacity: 0.25
        				},
        				stroke: {
        					color: '#fff',
        					width: 2
        				},
        				startAngle: 2
        			}
        		},
        		legend: {
        			show: true,
        			position: position || "ne", 
        			labelBoxBorderColor: null,
        			margin:[-30,15]
        		}
        		,
        		grid: {
        			hoverable: true,
        			clickable: true
        		}
        	})
        }
        drawPieChart(placeholder, data);

/**
       we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
       so that's not needed actually.
       */
       placeholder.data('chart', data);
       placeholder.data('draw', drawPieChart);

//pie chart tooltip example
        var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
        var previousPoint = null;

placeholder.on('plothover', function (event, pos, item) {
        	if(item) {
        		if (previousPoint != item.seriesIndex) {
        			previousPoint = item.seriesIndex;
        			var tip = item.series['label'] + " : " + item.series['percent']+'%';
        			$tooltip.show().children(0).text(tip);
        		}
        		$tooltip.css({top:pos.pageY + 10, left:pos.pageX + 10});
        	} else {
        		$tooltip.hide();
        		previousPoint = null;
        	}

});

/////////////////////////////////////
        $(document).one('ajaxloadstart.page', function(e) {
        	$tooltip.remove();
        });

var d1 = [];
        for (var i = 0; i < Math.PI * 2; i += 0.5) {
        	d1.push([i, Math.sin(i)]);
        }

var d2 = [];
        for (var i = 0; i < Math.PI * 2; i += 0.5) {
        	d2.push([i, Math.cos(i)]);
        }

var d3 = [];
        for (var i = 0; i < Math.PI * 2; i += 0.2) {
        	d3.push([i, Math.tan(i)]);
        }

$('#recent-box [data-rel="tooltip"]').tooltip({placement: tooltip_placement});
        function tooltip_placement(context, source) {
        	var $source = $(source);
        	var $parent = $source.closest('.tab-content')
        	var off1 = $parent.offset();
        	var w1 = $parent.width();

var off2 = $source.offset();
          //var w2 = $source.width();

if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
          return 'left';
      }

$('.dialogs,.comments').ace_scroll({
      	size: 300
      });

//Android's default browser somehow is confused when tapping on label which will lead to dragging the task
        //so disable dragging when clicking on label
        var agent = navigator.userAgent.toLowerCase();
        if(ace.vars['touch'] && ace.vars['android']) {
        	$('#tasks').on('touchstart', function(e){
        		var li = $(e.target).closest('#tasks li');
        		if(li.length == 0)return;
        		var label = li.find('label.inline').get(0);
        		if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ;
        	});
        }

$('#tasks').sortable({
        	opacity:0.8,
        	revert:true,
        	forceHelperSize:true,
        	placeholder: 'draggable-placeholder',
        	forcePlaceholderSize:true,
        	tolerance:'pointer',
        	stop: function( event, ui ) {
            //just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
            $(ui.item).css('z-index', 'auto');
        }
    }
    );
        $('#tasks').disableSelection();
        $('#tasks input:checkbox').removeAttr('checked').on('click', function(){
        	if(this.checked) $(this).closest('li').addClass('selected');
        	else $(this).closest('li').removeClass('selected');
        });

//show the dropdowns on top or bottom depending on window height and menu position
        $('#token-tab .dropdown-hover').on('mouseenter', function(e) {
        	var offset = $(this).offset();

var $w = $(window)
        	if (offset.top > $w.scrollTop() + $w.innerHeight() - 100) 
        		$(this).addClass('dropup');
        	else $(this).removeClass('dropup');
        });

})
</script>
<script src="https://www.amcharts.com/lib/4/core.js"></script>
<script src="https://www.amcharts.com/lib/4/charts.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>

// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end

// Create chart instance
var chart = am4core.create("sales-charts", am4charts.XYChart);

// Add data
chart.data = [{
	"Product": "Cement",
	"Sale": {{$cement_sale}}
}, {
	"Product": `NPK 
	20:20:0:13 & 
	12:32:16`,
	"Sale": {{$npk_sale}}
}, {
	"Product": "Urea",
	"Sale": {{$urea_sale}}
}, {
	"Product": "DAP",
	"Sale": {{$dap_sale}}
}, {
	"Product": "MOP",
	"Sale": {{$mop_sale}}
}];

// Create axes

var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "Product";
categoryAxis.renderer.grid.template.location = 0;
categoryAxis.renderer.minGridDistance = 30;

categoryAxis.renderer.labels.template.adapter.add("dy", function(dy, target) {
	if (target.dataItem && target.dataItem.index & 2 == 2) {
		return dy + 25;
	}
	return dy;
});

var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());

// Create series
var series = chart.series.push(new am4charts.ColumnSeries());
series.dataFields.valueY = "Sale";
series.dataFields.categoryX = "Product";
series.name = "Sale";
series.columns.template.tooltipText = "{categoryX}: [bold]{valueY}[/]";
series.columns.template.fillOpacity = .8;

var columnTemplate = series.columns.template;
columnTemplate.strokeWidth = 2;
columnTemplate.strokeOpacity = 1;

}); 
</script>
	
<script>
// window.onload = function(){startConfetti()};
// var maxParticleCount = 300; //set max confetti count
// var particleSpeed = 1; //set the particle animation speed
// var startConfetti; //call to start confetti animation
// var stopConfetti; //call to stop adding confetti
// var toggleConfetti; //call to start or stop the confetti animation depending on whether it's already running
// var removeConfetti; //call to stop the confetti animation and remove all confetti immediately

// (function() {
// 	startConfetti = startConfettiInner;
// 	stopConfetti = stopConfettiInner;
// 	toggleConfetti = toggleConfettiInner;
// 	removeConfetti = removeConfettiInner;
// 	var colors = ["DodgerBlue", "OliveDrab", "Gold", "Pink", "SlateBlue", "LightBlue", "Violet", "PaleGreen", "SteelBlue", "SandyBrown", "Chocolate", "Crimson"]
// 	var streamingConfetti = false;
// 	var animationTimer = null;
// 	var particles = [];
// 	var waveAngle = 0;
	
// 	function resetParticle(particle, width, height) {
// 		particle.color = colors[(Math.random() * colors.length) | 0];
// 		particle.x = Math.random() * width;
// 		particle.y = Math.random() * height - height;
// 		particle.diameter = Math.random() * 10 + 5;
// 		particle.tilt = Math.random() * 10 - 10;
// 		particle.tiltAngleIncrement = Math.random() * 0.07 + 0.05;
// 		particle.tiltAngle = 0;
// 		return particle;
// 	}

// 	function startConfettiInner() {
// 		var width = window.innerWidth;
// 		var height = window.innerHeight;
// 		window.requestAnimFrame = (function() {
// 			return window.requestAnimationFrame ||
// 				window.webkitRequestAnimationFrame ||
// 				window.mozRequestAnimationFrame ||
// 				window.oRequestAnimationFrame ||
// 				window.msRequestAnimationFrame ||
// 				function (callback) {
// 					return window.setTimeout(callback, 1.6666667);
// 				};
// 		})();
// 		var canvas = document.getElementById("confetti-canvas");
// 		if (canvas === null) {
// 			canvas = document.createElement("canvas");
// 			canvas.setAttribute("id", "confetti-canvas");
// 			canvas.setAttribute("style", "display:block;z-index:999999;pointer-events:none;position: absolute;top: 0;width: 100%;");
// 			document.body.appendChild(canvas);
// 			canvas.width = width;
// 			canvas.height = height;
// 			window.addEventListener("resize", function() {
// 				canvas.width = window.innerWidth;
// 				canvas.height = window.innerHeight;
// 			}, true);
// 		}
// 		var context = canvas.getContext("2d");
// 		while (particles.length < maxParticleCount)
// 			particles.push(resetParticle({}, width, height));
// 		streamingConfetti = true;
// 		if (animationTimer === null) {
// 			(function runAnimation() {
// 				context.clearRect(0, 0, window.innerWidth, window.innerHeight);
// 				if (particles.length === 0)
// 					animationTimer = null;
// 				else {
// 					updateParticles();
// 					drawParticles(context);
// 					animationTimer = requestAnimFrame(runAnimation);
// 				}
// 			})();
// 		}
// 	}
// 	setTimeout(stopConfettiInner,3000);
// 	function stopConfettiInner() {
// 		streamingConfetti = false;
// 	}

// 	function removeConfettiInner() {
// 		stopConfetti();
// 		particles = [];
// 	}

// 	function toggleConfettiInner() {
// 		if (streamingConfetti)
// 			stopConfettiInner();
// 		else
// 			startConfettiInner();
// 	}

// 	function drawParticles(context) {
// 		var particle;
// 		var x;
// 		for (var i = 0; i < particles.length; i++) {
// 			particle = particles[i];
// 			context.beginPath();
// 			context.lineWidth = particle.diameter;
// 			context.strokeStyle = particle.color;
// 			x = particle.x + particle.tilt;
// 			context.moveTo(x + particle.diameter / 2, particle.y);
// 			context.lineTo(x, particle.y + particle.tilt + particle.diameter / 2);
// 			context.stroke();
// 		}
// 	}

// 	function updateParticles() {
// 		var width = window.innerWidth;
// 		var height = window.innerHeight;
// 		var particle;
// 		waveAngle += 0.01;
// 		for (var i = 0; i < particles.length; i++) {
// 			particle = particles[i];
// 			if (!streamingConfetti && particle.y < -15)
// 				particle.y = height + 100;
// 			else {
// 				particle.tiltAngle += particle.tiltAngleIncrement;
// 				particle.x += Math.sin(waveAngle);
// 				particle.y += (Math.cos(waveAngle) + particle.diameter + particleSpeed) * 0.5;
// 				particle.tilt = Math.sin(particle.tiltAngle) * 15;
// 			}
// 			if (particle.x > width + 20 || particle.x < -20 || particle.y > height) {
// 				if (streamingConfetti && particles.length <= maxParticleCount)
// 					resetParticle(particle, width, height);
// 				else {
// 					particles.splice(i, 1);
// 					i--;
// 				}
// 			}
// 		}
// 	}
// })();
</script>

@endsection
@endsection