Gecko [ gandhischool.edu.np ]

Name	Size	Permission	Action
order_form.blade.php	4.71 KB	-rw-r--r--
replace_summary.blade.php	1.32 KB	-rw-r--r--

Code Editor : order_form.blade.php

@extends('app') @section('content')

<section id= "main">
	<div class="container">
		@if($errors->any())
		@foreach($errors as $error)
		<li>{{$error->first()}}</li>
		@endforeach
		@endif
		<form id="order_form" method="post" action="{{asset('products/order')}}">
			{{csrf_field()}}
			<div class="row">
				<div class="col-md-4">

{{csrf_field()}}
					<h3>Personal Details</h3>
					{!! Form::text('name',null,array('class'=>'form-control','placeholder'=>'Name *','required'))
					!!}
					{!! Form::text('email',null,array('class'=>'form-control','placeholder'=>'Email *','required'))
					!!}
					{!! Form::text('address',null,array('class'=>'form-control form-in-ctrl','placeholder'=>'Address *'))
					!!}

{!! Form::text('phone',null,array('class'=>'form-control form-in-ctrl','placeholder'=>'Phone Number *','required')) !!}

{!! Form::text('company_name',null,array('class'=>'form-control form-in-ctrl','placeholder'=>'Company Name')) !!}

{!! Form::text('designation',null,array('class'=>'form-control form-in-ctrl','placeholder'=>'Your Position')) !!}

{!! Form::radio('gender','male',true) !!} Male

{!! Form::radio('gender','female',false) !!} Female

</div>
				<div class="col-md-8">
					<div class="form-design">
						<h3>Order Details</h3>
						<div class="form-block">
							{{ Form::radio('order_type','selling') }}<label>New Product </label>
							{{ Form::radio('order_type','rental') }}<label>Rent Product </label> 
							{{ Form::radio('order_type','filling') }}<label>Refill Cylinder  </label>
						</div>
						<div class="form-block">
							<table>
								@foreach($products as $product)
								<tr>
									<td>
										{!! Form::checkbox("product[$product->id]", $product->id, 0 ,array('class'=>'product_ch')) !!}
										<label>{{$product->name}}</label>
									</td>

<td>
										{!! Form::input("number","qty[$product->id]",null,array('class'=>'short-box','id'=>"qt[$product->id]")) !!}
										{{--<input name="{{qty[$product->id]}}" id="qty" type="number" class="short-box">--}}
									</td>
								</tr>
								@endforeach
								<tr><td>
									<tr><td>&nbsp;</td></tr>
									<tr>
										<td><label>Remarks<label></td></tr>
											<tr><td colspan="4">
												<textarea id ="remarks" cols="10" rows="5" placeholder="Remarks:" name="remarks"></textarea></td>
											</tr>
										</table>
										<a class="btn btn-danger btn-sm" id="order-summary">View Price Estimation</a>
									</div>
								</div>
								<div class="right-invoice">
									<h3>Product Price Estimation </h3>
									<div id="invoice">
										<table class="invoice">
											<tr>
												<th>ID</th>
												<th>DESCRIPTION</th>
												<th>QTY</th>
												<th>PRICE (USD)</th>
												<th>TOTAL (USD)</th>
											</tr>
											<tr>
												<td colspan="5"  class="sum-total">Product Not Selected</td>
											</tr>
											<tr>
												<th colspan="4"  class="sum-total">Sub Total</th>
												<td>USD 0.00</td>
											</tr>

<tr>
												<th  colspan="4"  class="sum-total">Sales Tax Amount</th>
												<td> USD 0.00</td>
											</tr>

<tr>
												<th  colspan="4"  class="sum-total">Shipping & Handling</th>
												<td>USD 0.00</td>
											</tr>

<tr>
												<th colspan="4"  class="sum-total">Total</th>
												<td>USD 0.00</td>
											</tr>
										</table>
									</div>
									<button type="submit" class="btn login-button new-button-small">Order Now</button>
								</div>
							</div>
						</div>
					</form>
				</div>

</section>
			<script>
				$(document).ready(function () {
					$('#order-summary').click(function() {
						if($(':radio:checked').length>0 && $(':checkbox:checked').length>0 ){
							$('#order-summary').html('Estimating <i class="fa fa-spinner fa-spin"></i>');
							var i = 0;
							var products = {};
							var productIds = $('.product_ch:checkbox:checked');
							$(productIds).each(function(k){
								var product = {};
								product['prod_id'] = $(this).val();
								product['qty'] = $(this).parent().next().find('input').val();
								products[i++] = product;
							});
							var order_type = $('.form-block').find(':radio:checked').val();
							var remarks = $('#remarks').val();
							var baseUrl = '{{ asset("/order/detail/summary") }}';
							$.ajax({
								url: baseUrl,
								method: 'POST',
								data:{ 'products': products, 'order_type':order_type,'remarks':remarks},
								success: function(resultData) {
									$('#invoice').replaceWith(resultData);
									$(document).find('#order-summary').text('View Price Estimation');
								}
							});
						}
					});
				});
			</script>
			@stop

${this.title}

Code Editor : order_form.blade.php