@extends('users.layouts.index')
@section('page_content')


<link href="{{ asset('css/paymentinfo.css') }}" rel="stylesheet">

<section>
	<div class="paymentinfoside">
		<div class="container-fluid">
			<div class="paymentinfosidehedaing">
				<h2>Payment Information</h2>
			</div>
			<div class="paymentinfosidedata">
				
			</div>
		</div>
	</div>
</section>

<section>
	<div class="billorderheadings">
		<div class="container-fluid">
			<div class="billorderheadingsone col-sm-6">
				<h4>Billing Details</h4>
			</div>									
			<div class="billorderheadingstwo col-sm-6">
				<h4>Order Details</h4>
			</div>
		</div>
	</div>
</section>

<section>
	<div class="billheadings">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-6">
					<div class="rightside">
					<div class="checkbox">
	      				<label><input type="checkbox" value="">Billing Details is same as shipping address</label>
					</div>
					<div class="checkbox">
	      				<label><input type="checkbox" value="">Billing Details is different from shipping address</label>
					</div>
					<div class="formBox">
		              <div class="form-group">
		                <input type="text" class="form-control" id="GnTName_" placeholder="Name of Customer" name="NAME">
		              </div>
		              <div class="form-group">
		                <input type="text" class="form-control" id="GnTName_" placeholder="Company Name" name="NAME">
		              </div>
		              <div class="form-group">      
		                <input type="tel" class="form-control" id="GnTPhone_" placeholder="Email" name="CONTACT">
		              </div>
		              <div class="form-group">
		                <input type="E-MAIL" class="form-control" id="GnTemail_" placeholder="Phone No" name="E-MAIL">
		              </div>
		              <div class="form-group">      
		                <textarea class="form-control" rows="3" id="GnTcomment_" placeholder="Address" spellcheck="false"></textarea>
	              	  </div>            	 	 
					  	<div class="form-group col-md-6">
					      	<select id="inputState" class="form-control myformin">
					        <option selected="">Country</option>
					        <option>...</option>
					      	</select>
					    </div>
					    <div class="form-group col-md-6">
					      	<select id="inputState" class="form-control myformin">
					        <option selected="">City</option>
					        <option>...</option>
					      	</select>
					    </div>
					    <div class="form-group col-md-6">
					      	<select id="inputState" class="form-control myformin">
					        <option selected="">State</option>
					        <option>...</option>
					      	</select>
					    </div>
					    <div class="form-group col-md-6">
					      	<select id="inputState" class="form-control myformin">
					        <option selected="">Zip Code</option>
					        <option>...</option>
					      	</select>
					    </div>						    					
					</div>
				  </div>
				</div>
				<div class="box">
				<div class="col-sm-4">
					<div class="allsubtotals">
						<h5 class="darks">Product</h5>
						<P>20” x 42” (Most weighing scales) – Light Blue x 2</P>
						<P>Standard Mat – 23" x 36" – Red x 7</P>
						<P>28” x 24” (Standard Shoreline cage) – Pink x 3</P>
						<P>20” x 42” (Most weighing scales) – Brown x 3</P>
						<p class="gap">Subtotal</p>
						<p>Shipping Method: Standard Shipping</p>
						<p class="totallast">TOTAL</p>
					</div>			
				</div>
				<div class="col-sm-2">
					<div class="allsubtotal">
						<h6 class="dark">Subtotal</h6>
						<p>$73.98</p>
						<p>$244.93</p>
						<p>$89.97</p>
						<p>$110.97</p>
						<p class="gap">$519.85</p>
						<p>$8.00</p>
						<p class="totallasts">$527.85</p>
					</div>
				</div>
			  </div>
			</div>
		</div>
	</div>
</section>

<section>
	<div class="cardinfo">
		<div class="container-fluid">
			<div class="cardinfohedaing">
				<h2>Credit Card Information</h2>
			</div>
			<div class="cardinfodata">
				
			</div>
		</div>
	</div>
</section>

<section>
	<div class="creditsection">
		<div class="container-fluid">
			<div class="row">
				
			</div>
		</div>
	</div>
</section>

@endsection