You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

166 lines
9.0 KiB

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!-- Template for the Truck booking page-->
<template id="truck_booking_page" name="Booking">
<t t-call="website.layout">
<div id="wrap" class="wrap packers-and-movers-widget">
<div class="container">
<div class="col-md-6">
<h1 class="head">
<b>Packers And Movers</b>
</h1>
<div class="image"/>
</div>
<div class="col-md-6 body" t-ref="body">
<form action="/booking/submit">
<div id="location">
<div class="form-group">
<input type="text"
placeholder='Pick Up City Location'
id="from"
name="pickup_location"
class="link-style" required="true"/>
</div>
<div class="form-group">
<input type="text"
placeholder='Drop City Location'
id="to"
name="drop_location"
class="link-style" required="true"/>
</div>
<button type="submit" id="check"
class="button">Check Fare
</button>
</div>
<div id="loader" class="d-none"/>
<div id="details" class="d-none">
<div class="form-group">
<label for="distance">Distance</label>
<input type="text"
class="form-control link-style"
name="distance"
id="distance" autocomplete="off"
required="true" readonly="1"/>
</div>
<div class="form-group">
<label>Date</label>
<input type="date" name="date"
class="form-control link-style"
required="true"/>
</div>
<div class="form-group">
<label>Truck Type</label>
<select name="truck_type"
class="form-control link-style"
required="true">
<option value="">select truck</option>
<t t-foreach="truck_ids"
t-as="truck_id">
<option t-esc="truck_id.name"
t-att-value="truck_id.id"/>
</t>
</select>
</div>
<div class="form-group">
<label>Goods Type</label>
<select name="goods_type"
class="form-control link-style"
required="true">
<option value="">Select Goods</option>
<t t-foreach="goods_ids"
t-as="goods_id">
<option t-esc="goods_id.name"
t-att-value="goods_id.id"/>
</t>
</select>
</div>
<div class="form-group">
<label>Enter weight</label>
<div class="select">
<input type="number"
placeholder='Approx Weight(1Ton =1000KG)'
name="weight"
class="form-control link-style"
id="weight" required="true"/>
<select name="unit" class="unit">
<option value="kg"
selected="selected">KG
</option>
<option value="tons">Tons</option>
</select>
</div>
</div>
<button type="submit" id="next" class="button">
Next
</button>
</div>
<div id="customer" class="d-none">
<div class="form-group">
<label for="name">Name</label>
<input type="text" placeholder='Enter Name'
class="form-control link-style"
name="name" required="true"/>
</div>
<div class="form-group">
<label for="city">City</label>
<input type="text" placeholder='City'
class="form-control link-style"
name="city"
required="true"/>
</div>
<div class="form-group">
<label for="state">State</label>
<select name="state"
class="form-control link-style"
required="true">
<t t-foreach="state_ids"
t-as="state_id">
<option t-esc="state_id.name"
t-att-value="state_id.id"/>
</t>
</select>
</div>
<div class="form-group">
<label for="country">Country</label>
<select name="country"
class="form-control link-style"
required="true">
<t t-foreach="country_ids"
t-as="country_id">
<option t-esc="country_id.name"
t-att-value="country_id.id"/>
</t>
</select>
</div>
<div class="form-group">
<label>Enter Mobile No</label>
<input type="tel"
placeholder='Mobile Number'
class="form-control link-style"
name="mobile_no"/>
</div>
<button type="submit" class="button">Confirm
</button>
</div>
</form>
</div>
</div>
</div>
</t>
</template>
<!-- Template used to redirect the booking page into success-->
<template id="truck_booking_success_page" name="Truck Booking">
<t t-call="website.layout">
<div id="wrap">
<div class="container">
<div class="col-md-12">
<div class="success">
Booking have been Created Successfully.
</div>
</div>
<a href="/booking" class="link">Back to Booking</a>
</div>
</div>
</t>
</template>
</odoo>