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.
197 lines
14 KiB
197 lines
14 KiB
<?xml version="1.0" encoding="utf-8" ?>
|
|
<odoo>
|
|
<!--Booking page of subscription-->
|
|
<template id="vehicle_form" name="Vehicle Form">
|
|
<t t-call="website.layout">
|
|
<div id="wrap" class="oe_structure oe_empty">
|
|
<section class="vehicles_website_form" id="book_my_vehicle">
|
|
<div class="container">
|
|
<div class="btn btn-primary redirect_back_with_data"
|
|
style="background:none; border:none;">
|
|
<span style="font-size:18px; color:#000; background-image:url('https://cdn-icons-png.flaticon.com/512/2985/2985162.png');width: 63px;
|
|
height: 63px;display: block;background-size: 60%;margin-top: 23px;background-position: center;background-repeat: no-repeat;"/>
|
|
</div>
|
|
<br/>
|
|
<h1 style="text-align: center;">Choose Vehicle</h1>
|
|
<br/>
|
|
<input type="hidden" name="csrf_token"
|
|
t-att-value="request.csrf_token()"/>
|
|
|
|
<div class="s_website_form_rows row s_col_no_bgcolor">
|
|
<div class="form-group col-12 s_website_form_field s_website_form_required"
|
|
data-type="char" data-name="Field">
|
|
<div class="row s_col_no_resize s_col_no_bgcolor"
|
|
style="display:none">
|
|
<label class="col-form-label col-sm-auto s_website_form_label"
|
|
style="width: 200px" for="studio1">
|
|
<span class="s_website_form_label_content">
|
|
Name
|
|
</span>
|
|
<span class="s_website_form_mark">*
|
|
</span>
|
|
</label>
|
|
<div class="col-sm">
|
|
<input class="form-control s_website_form_input"
|
|
name='customer' type="text"
|
|
t-att-value="customers"/>
|
|
</div>
|
|
</div>
|
|
<div class="row s_col_no_resize s_col_no_bgcolor">
|
|
<div class="vehicle_table_scroll" style=
|
|
"overflow-y: scroll; width: 100%;">
|
|
<div class="col-sm"
|
|
style="display: flex;justify-content: center;">
|
|
<div class="col-lg-8 col-md-6 subscription_book"
|
|
style="height: 40vh;over-flow-y: scroll;">
|
|
<table style="width:100%;border-collapse: separate;border-spacing: 0 20px;"
|
|
id="vehicle_booking_table">
|
|
<thead> <!-- Add the table header section -->
|
|
<tr style="background-color: #ececec45;-webkit-box-shadow: 0px 0px 6px #0000001f;">
|
|
<th style="padding: 10px 0px 10px 50px;">
|
|
Image
|
|
</th>
|
|
<th>Name</th>
|
|
<th>Price</th>
|
|
<th>Free km</th>
|
|
<th/>
|
|
</tr>
|
|
</thead>
|
|
<t t-foreach="vehicles or []"
|
|
t-as="vehicle">
|
|
<div class="veh_table_row">
|
|
<tr style="background-color: #ececec45;-webkit-box-shadow: 0px 0px 6px #0000001f;">
|
|
<td id="vehicle_img"
|
|
style="padding: 0px 20px;">
|
|
<img t-attf-src="/web/image/fleet.vehicle/{{ vehicle.id }}/image_128"
|
|
style="width: 100px; height: 100px; object-fit: contain;"
|
|
alt="Vehicle image"/>
|
|
</td>
|
|
<td id="vehicle_fuel"
|
|
t-att-data-vehicleid="vehicle.id"
|
|
t-att-value="vehicle.id">
|
|
<t t-esc="vehicle.name"/>
|
|
</td>
|
|
<td>
|
|
<span id="vehicle_price">
|
|
<t t-esc="(vehicle.duration * vehicle.subscription_price)+amount"/>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span id="vehicle_free_km">
|
|
<t t-esc="vehicle.free_km"/>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<div class="form-group col-12 s_website_form_submit "
|
|
data-name="submit Button"
|
|
t-attf-id="'%s'% vehicle.id">
|
|
<button id="book_now_button"
|
|
t-if="not request.env.user.sudo().has_group('base.group_public')"
|
|
class="btn btn-primary book_now">
|
|
Book
|
|
Now
|
|
<input type="hidden"
|
|
t-att-value="vehicle.id"/> <!-- getting vehicle id in js . -->
|
|
</button>
|
|
<a href="/web/signup/user"
|
|
t-if="request.env.user.sudo().has_group('base.group_public')"
|
|
class="btn btn-primary book_now">
|
|
Book
|
|
Now
|
|
<input type="hidden"
|
|
t-att-value="vehicle.id"/> <!-- getting vehicle id in js . -->
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</div>
|
|
</t>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<br/>
|
|
<div class="extra_charge_info"
|
|
style="width: 70%;margin: 0 auto;">
|
|
<div class="form-group col-12 s_website_form_submit"
|
|
style="margin-bottom: 30px;">
|
|
<tr style="height:10%">
|
|
<div class="col-sm"
|
|
style="display: flex;justify-content: center;align-items: center;">
|
|
<span style="font-weight: 650;margin-right: 20px;">
|
|
Extra KMs
|
|
</span>
|
|
<input id="extra_km"
|
|
type="text"
|
|
class="form-control s_website_form_input"
|
|
name="extra_kms"
|
|
style="width: 30%;"/>
|
|
</div>
|
|
</tr>
|
|
</div>
|
|
<div class="fuel_choice_and_invoice_type"
|
|
style="display: flex;align-items: center;justify-content: space-around;">
|
|
<table>
|
|
<input type="checkbox"
|
|
class="form-check-input"
|
|
id="checkbox_for_fuel"
|
|
style="display:none;"/>
|
|
<span style="font-weight: 700;">
|
|
Fuel choice
|
|
<td>
|
|
<div class="form-group col-12 s_website_form_submit"
|
|
id="with_fuel">
|
|
<div class="btn btn-primary">
|
|
With Fuel
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="form-group col-12 s_website_form_submit"
|
|
id="without_fuel">
|
|
<div class="btn btn-primary">
|
|
Without Fuel
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</span>
|
|
</table>
|
|
<table>
|
|
<input type="checkbox"
|
|
class="form-check-input"
|
|
id="checkbox_for_invoice_type"
|
|
style="display:none;"/>
|
|
<span style="font-weight: 700;">
|
|
Invoice Type
|
|
<td>
|
|
<div class="form-group col-12 s_website_form_submit"
|
|
id="full_subscription">
|
|
<div class="btn btn-primary">
|
|
Full Payment
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="form-group col-12 s_website_form_submit"
|
|
id="monthly_subscription">
|
|
<div class="btn btn-primary">
|
|
Monthly Payment
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</span>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<br/>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
</odoo>
|
|
|