@extends('admin.master')
@section('title','Purchase 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('purchase.create') }}"  class="btn btn-success pull-right m-l-20  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->supplier))
														{{ $purchase->supplier->company_name }} </h2>

														{{ $purchase->supplier->address }}  <br><br>
												        Tel: {{ $purchase->supplier->mobile }}<br>
												        Email: {{ $purchase->supplier->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">
												<h3 class="">PO Number: {{ $purchase->purchase_number }}</h3>

{{--												<p>PO Reference: {{ $purchase->po_reference }}</p>--}}
												<p>Date: {{ $purchase->purchase_date }}</p>
												<p>Status:
													@if($purchase->status== 1)
														{{ "Received" }}
													@elseif($purchase->status== 2)
														{{  "Pending" }}
													@else
														{{ "Ordered" }}
													@endif
												</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 Cost</th>
												<th style="padding-right:20px;">Subtotal</th>
											</tr>
											</thead>
											<tbody>
											@php $sl=0; @endphp
											@foreach($purchase->purchaseDetails as $purchaseDetails )
												@php $sl++; @endphp
											<tr>
												<td style="text-align:center; width:40px; vertical-align:middle;">{{ $sl }}</td>
												<td style="vertical-align:middle;">
													@if(isset($purchaseDetails->product)) {{ $purchaseDetails->product->name ." ". $purchaseDetails->product->code}}   @endif                                                                                                                                                                        </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_cost }}</td>
												<td style="text-align:right; width:120px; padding-right:10px;">{{ $purchaseDetails->total_item_cost }}</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->purchaseDetails->sum('total_item_cost') }}</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;">VAT
												</td>
												<td style="text-align:right; padding-right:10px; font-weight:bold;">{{ $purchase->vat }}</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;">Grand Total
												</td>
												<td style="text-align:right; padding-right:10px; font-weight:bold;">{{ $grandTotal=($purchase->purchaseDetails->sum('total_item_cost')+$purchase->shipping_cost + $purchase->vat + $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->purchasePayment)){{ $payment_amount=$purchase->purchasePayment->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">
									<p>NOTE : @if(isset($purchase->note)){{ $purchase->note  }} @endif </p>

								</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->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>Account</th>
												<th>Payment Reference</th>
												<th>Paying by</th>
												<th>Amount</th>
												<th>Payment by</th>

											</tr>
											</thead>
											<tbody>

											@foreach($purchase->purchasePayment as $purchasePayments)
												<tr>
													<td>{{ $purchasePayments->payment_date }}</td>
                                                    <td>@if(isset($purchasePayments->paymentFromAccount)) {{ $purchasePayments->paymentFromAccount->account_name }} @endif</td>
													<td>{{ $purchasePayments->reference_no }}</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('purchase.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('downloadSinglePurchasePdf/'.$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('purchase_payment.update', $editModePaymentData->id), 'method' => 'PUT','files' => 'true')) }}
							@else
								{{ Form::open(array('route' => 'purchase_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>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label for="account">Account *</label>
                                                        {{ Form::select('account',$accounts, Input::old('account'), array('class' => 'form-control accounts_id','required')) }}
                                                    </div>
                                                </div>


												<input type="hidden" value="{{ $purchase->id  }}" name="purchase_id">
												<input type="hidden" value="{{ $purchase->supplier_id  }}" name="supplier_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 payment_amount" 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" id="save_button">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>Account</th>
                                                        <th>Payment Reference</th>
														<th>Paying by</th>
														<th>Amount</th>
														<th>Payment by</th>

													</tr>
													</thead>
													<tbody>

													@foreach($purchase->purchasePayment as $purchasePayments)
														<tr>
															<td>{{ $purchasePayments->payment_date }}</td>
															<td>@if(isset($purchasePayments->paymentFromAccount)) {{ $purchasePayments->paymentFromAccount->account_name }} @endif</td>
															<td>{{ $purchasePayments->reference_no }}</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>
<script>

    $('.accounts_id').on("change", function () {
        getCurrentBalance();
    });

    $('.payment_amount').on("keyup", function () {
        getCurrentBalance();
    });

    function getCurrentBalance() {
        var accountsId = $('.accounts_id').find('option:selected').val();
        $.ajax({
            url: "{{ route('getAccount')}}",
            type: "get",
            data: "accountsId=" + accountsId,
            success: function (response) {
                if(Number(response.current_balance) < Number($('.payment_amount').val()))
                {
                    $.toast({
                        heading: 'Error',
                        text: 'Balance insufficient in your account',
                        position: 'top-right',
                        loaderBg: '#ff6849',
                        icon: 'error',
                        hideAfter: 3000,
                        stack: 6
                    });
                    $('#save_button').prop('disabled', true);
                }
                else{
                    $('#save_button').prop('disabled', false);
                }

            },
        });
    }
</script>
@endsection