@extends('admin.master')
@section('title','POS Sale Details')
@section('content')
<div class="container-fluid">
	<div class="row bg-title">
		<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
		   <ol class="breadcrumb">
				<li class="active breadcrumbColor"><a href="{{ url('dashboard') }}"><i class="fa fa-home"></i> Dashboard</a></li>
				<li>@yield('title')</li>
			</ol>
		</div>
		<div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
			<a href="{{ route('pos_sale.create') }}"  class="btn btn-success pull-right m-l-20 hidden-xs hidden-sm waves-effect waves-light"> <i class="fa fa-plus-circle" aria-hidden="true"></i> Add New</a>
		</div>
	</div>

	<div class="row">
		<div class="col-sm-12">
			<div class="panel panel-info">
				<div class="panel-heading"><i class="mdi mdi-table fa-fw"></i> @yield('title')</div>
				<div class="panel-wrapper collapse in" aria-expanded="true">
					<div class="panel-body">
						<div class="box-content">
							<div class="row">
								<div class="col-lg-12">
									<div class="clearfix"></div>

									<div class="well well-sm">

										<div class="col-xs-4 border-right">
											<div class="col-xs-2"><i class="fa fa-3x fa-building padding010 text-muted"></i></div>
											<div class="col-xs-10">
												<h2 class="">
													@if(isset($purchase->customer))
														{{ $purchase->customer->name }} </h2>

														{{ $purchase->customer->address }}  <br><br>
												        Tel: {{ $purchase->customer->mobile }}<br>
												        Email: {{ $purchase->customer->email }}
												    @endif
											</div>
											<div class="clearfix"></div>
										</div>

										<div class="col-xs-4">
											<div class="col-xs-2"><i class="fa fa-3x fa-truck padding010 text-muted"></i></div>
											<div class="col-xs-10">
												<h2 class="">
													@if(isset($purchase->warehouse))
														{{ $purchase->warehouse->name }} </h2>

												{{ $purchase->warehouse->address }}  <br><br>
												Tel: {{ $purchase->warehouse->mobile }}<br>
												Email: {{ $purchase->warehouse->email }}
												@endif
											</div>
											<div class="clearfix"></div>

										</div>

										<div class="col-xs-4 border-left">

											<div class="col-xs-2"><i class="fa fa-3x fa-file-text-o padding010 text-muted"></i></div>
											<div class="col-xs-10">
												<h2 class="">Invoice Number: {{ $purchase->invoice_code }}</h2>

												<p>Date: {{ $purchase->date }}</p>

												<p>Payment Status:
													@if($purchase->payment_status == \App\Lib\Enumerations\PaymentStatus::$PAID)
													{{ "Paid" }}
													@elseif($purchase->payment_status == \App\Lib\Enumerations\PaymentStatus::$DUE)
													{{  "Due" }}
													@else
													{{ "Partial paid" }}
													@endif
												</p>
											</div>
											<div class="clearfix"></div>


										</div>
										<div class="clearfix"></div>
									</div>

									<div class="table-responsive">
										<table class="table table-bordered table-hover table-striped print-table order-table">
											<thead>
											<tr>
												<th>No.</th>
												<th>Description</th>
												<th>Quantity</th>
												<th style="padding-right:20px;">Unit Price</th>
												<th style="padding-right:20px;">Subtotal</th>
											</tr>
											</thead>
											<tbody>
											@php $sl=0; @endphp
											@foreach($purchase->saleDetails as $purchaseDetails )
												@php $sl++;
												@endphp
											<tr>
												<td style="text-align:center; width:40px; vertical-align:middle;">{{ $sl }}</td>
												<td style="vertical-align:middle;">
													{{ $purchaseDetails->product->name ." (". $purchaseDetails->product->code}})                                                                                                                                                                           </td>
												<td style="width: 120px; text-align:center; vertical-align:middle;">{{ $purchaseDetails->quantity }}</td>
												<td style="text-align:right; width:120px; padding-right:10px;">{{ $purchaseDetails->product_price }}</td>
												<td style="text-align:right; width:120px; padding-right:10px;">{{ $purchaseDetails->total_item_price }}</td>
											</tr>
											@endforeach
											</tbody>
											<tfoot>
											<tr>
												<td colspan="4" style="text-align:right; font-weight:bold;">Total Amount
												</td>
												<td style="text-align:right; padding-right:10px; font-weight:bold;">{{ $purchase->saleDetails->sum('total_item_price') }}</td>
											</tr>
											<tr>
												<td colspan="4" style="text-align:right; font-weight:bold;">Tax
												</td>
												<td style="text-align:right; padding-right:10px; font-weight:bold;">{{ $purchase->tax }}</td>
											</tr>
											<tr>
												<td colspan="4" style="text-align:right; font-weight:bold;">Discount
												</td>
												<td style="text-align:right; padding-right:10px; font-weight:bold;">{{ $purchase->discount }}</td>
											</tr>

											<tr>
												<td colspan="4" style="text-align:right; font-weight:bold;">Shipping Cost
												</td>
												<td style="text-align:right; padding-right:10px; font-weight:bold;">{{ $purchase->shipping_cost }}</td>
											</tr>

											<tr>
												<td colspan="4" style="text-align:right; font-weight:bold;">Grand Total
												</td>
												<td style="text-align:right; padding-right:10px; font-weight:bold;">{{ $grandTotal=($purchase->saleDetails->sum('total_item_price')+$purchase->shipping_cost+$purchase->tax) -$purchase->discount }}</td>
											</tr>

											<tr>
												<td colspan="4" style="text-align:right; font-weight:bold;">Paid
												</td>
												<td style="text-align:right; font-weight:bold;">
													@if(isset($purchase->payment)){{ $payment_amount=$purchase->payment->sum('payment_amount') }} @else {{ $payment_amount=0 }} @endif
												</td>
											</tr>
											<tr>
												<td colspan="4" style="text-align:right; font-weight:bold;">Due
												</td>
												<td style="text-align:right; font-weight:bold;">{{ $grandTotal - $payment_amount }} </td>
											</tr>

											</tfoot>
										</table>

									</div>


								</div>
							</div>


							<div class="row">
								<div class="col-xs-7">
								</div>
								<div class="col-xs-4 col-xs-offset-1">
									<div class="well well-sm">
										<p>Created by : @if(isset($purchase->createdBy)){{ $purchase->createdBy->full_name  }} @endif </p>
										<p>Date: {{ $purchase->date  }}</p>

									</div>

								</div>
							</div>


							<div class="row">
								<div class="col-xs-12">
									<div class="table-responsive">
										<table class="table table-bordered table-striped table-condensed">
											<thead>
											<tr>
												<th>Date</th>
												<th>Paying by</th>
												<th>Amount</th>
												<th>Payment by</th>

											</tr>
											</thead>
											<tbody>

											@foreach($purchase->payment as $purchasePayments)
												<tr>
													<td>{{ $purchasePayments->payment_date }}</td>
													<td>{{ $purchasePayments->paying_by }}</td>
													<td>{{ $purchasePayments->payment_amount }}</td>
													<td>@if(isset($purchasePayments->paymentBy)) {{ $purchasePayments->paymentBy->full_name }} @endif</td>
												</tr>
											@endforeach
											</tbody>
										</table>
									</div>
								</div>
							</div>




							<div class="buttons">
								<div class="btn-group btn-group-justified">
									<div class="btn-group">
										<a href="" style="color: #fff;" data-toggle="modal" data-target="#PaymentShowModal" class="tip btn btn-success tip" title="" data-original-title="View Payments">
											<i class="fa fa-money"></i> <span class="hidden-sm hidden-xs">View Payments</span>
										</a>
									</div>
									<div class="btn-group">
										<a href="" style="color: #fff;" class="tip btn btn-primary tip" title="" data-target="#myModal" data-toggle="modal" data-original-title="Add Payment">
											<i class="fa fa-money"></i> <span class="hidden-sm hidden-xs">Add Payment</span>
										</a>
									</div>

									<div class="btn-group">
										<a href="{!! route('pos_sale.edit',$purchase->id) !!}" style="color: #fff;" class="tip btn btn-warning tip" title="" data-original-title="Edit">
											<i class="fa fa-edit"></i> <span class="hidden-sm hidden-xs">Edit</span>
										</a>
									</div>

									<div class="btn-group">

									<a href="{{ URL('downloadSinglePosPdf/'.$purchase->id )}}" class="tip btn btn-primary" style="color: #fff;" title="" data-original-title="Download as PDF">
											<i class="fa fa-file-pdf-o"></i> <span class="hidden-sm hidden-xs">PDF</span>
										</a>
									</div>
								</div>
							</div>


							<!-- Modal -->
							@if(isset($editModePaymentData))
								{{ Form::model($editModePaymentData, array('route' => array('sale_payment.update', $editModePaymentData->id), 'method' => 'PUT','files' => 'true')) }}
							@else
								{{ Form::open(array('route' => 'sale_payment.store','enctype'=>'multipart/form-data')) }}
							@endif
							<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
								<div class="modal-dialog" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-2x">×</i>
											</button>
											<h4 class="modal-title" id="myModalLabel">Add Payment</h4>
										</div>
										<div class="modal-body">
											<p>Please fill in the information below. The field labels marked with * are required input fields.</p>

											<div class="row">
												<div class="col-sm-6">
													<div class="form-group">
														<label for="date">Date *</label>
														<input type="text" name="payment_date"  class="form-control dateField" required="required" placeholder="Payment Date" >
												   </div>
												</div>
												<input type="hidden" value="{{ $purchase->id  }}" name="sale_id">
											</div>

											<div class="clearfix"></div>

											<div id="payments">
												<div class="well well-sm well_1">
													<div class="col-md-12">
														<div class="row">
															<div class="col-sm-6">
																<div class="payment">
																	<div class="form-group">
																		<label for="amount_1">Amount *</label>
																		<input name="payment_amount" type="text"  class="form-control" required="required" >
																	</div>
																</div>
															</div>

															<div class="col-sm-6">
																<div class="form-group">
																	<label for="paid_by_1">Paying By *</label>
																    <select class="form-control" name="paying_by">
																		<option value="Cash">Cash</option>
{{--																		<option value="gift_card">Gift Card</option>--}}
{{--																		<option value="CC">Credit Card</option>--}}
																		<option value="Cheque">Cheque</option>
																		<option value="Other">Other</option>
																	</select>
															   </div>
															</div>
														</div>

														<div class="row">
															<div class="col-sm-12">
																<div class="payment">
																	<div class="form-group">
																		<label for="amount_1">Cheque No (Optional)</label>
																		<input name="cheque_no" type="text"  class="form-control" >
																	</div>
																</div>
															</div>
														</div>

														<div class="clearfix"></div>

													</div>
													<div class="clearfix"></div>
												</div>

											</div>


										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
											<button type="submit" class="btn btn-primary">Save changes</button>
										</div>
									</div>
								</div>
							</div>

						    {{ Form::close() }}
							<!-- End Modal -->


							<!-- Show payment Modal -->
							<div class="modal fade" id="PaymentShowModal" tabindex="-1" role="dialog" aria-labelledby="PaymentShowModal" aria-hidden="true">
								<div class="modal-dialog" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-2x">×</i>
											</button>
											<h4 class="modal-title" id="myModalLabel">View Payments</h4>
										</div>
										<div class="modal-body">

											<div class="table-responsive">
												<table class="table table-bordered table-striped table-condensed">
													<thead>
													<tr>
														<th>Date</th>
														<th>Paying by</th>
														<th>Amount</th>
														<th>Payment by</th>

													</tr>
													</thead>
													<tbody>

													@foreach($purchase->payment as $purchasePayments)
														<tr>
															<td>{{ $purchasePayments->payment_date }}</td>
															<td>{{ $purchasePayments->paying_by }}</td>
															<td>{{ $purchasePayments->payment_amount }}</td>
															<td>@if(isset($purchasePayments->paymentBy)) {{ $purchasePayments->paymentBy->full_name }} @endif</td>
														</tr>
													@endforeach
													</tbody>
												</table>
											</div>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
										</div>
									</div>
								</div>
							</div>
							<!-- End Show payment Modal -->



						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection