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.
247 lines
19 KiB
247 lines
19 KiB
<?xml version="1.0" encoding="utf-8" ?>
|
|
<odoo>
|
|
<!--Template for Subscription-->
|
|
<template id="subscription_form" name="Subscription Form">
|
|
<t t-call="website.layout">
|
|
<div class="image_website_form" style="background-image: linear-gradient(to bottom, rgb(255 255 255 / 43%), rgb(0 0 0 / 50%)), url('https://cdn.pixabay.com/photo/2017/01/31/17/44/highway-2025863_960_720.jpg');
|
|
background-size: cover;background-position: center;">
|
|
<div class="online_vehicle_main_form"
|
|
style="max-width: 1320px; margin: 0px auto;width: 100%;">
|
|
<div id="wrap" class="oe_structure oe_empty"
|
|
style="display: flex; justify-content: flex-end;align-items: center; height: 60vh;">
|
|
<section class="s_website_form" data-vcss="001"
|
|
data-snippet="s_website_form"
|
|
style="padding: 50px 0px;">
|
|
<div class="container"
|
|
style="padding: 8px 50px;border-radius: 6px;background-color: #fffafa75;box-shadow: 0 3px 10px rgb(255 255 255 / 17%);height: 519px;align-aloitems: center;align-content: center;">
|
|
<br/>
|
|
<h1 style="text-align: center;">Subscription
|
|
</h1>
|
|
<br/>
|
|
<form action="/online/subscription/next"
|
|
method="post"
|
|
enctype="multipart/form-data"
|
|
class="o_mark_required" data-mark="*"
|
|
data-model_name="" data-success-page="">
|
|
<input type="hidden" name="csrf_token"
|
|
t-att-value="request.csrf_token()"/>
|
|
<div class="s_website_form_rows row s_col_no_bgcolor"
|
|
id="whole_sub" t-ref="location">
|
|
<div class="form-group col-12 s_website_form_field s_website_form_required"
|
|
data-type="char"
|
|
data-name="Field">
|
|
<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">
|
|
<label class="col-form-label col-sm-auto s_website_form_label"
|
|
style="width: 200px"
|
|
for="studio1">
|
|
<span class="s_website_form_label_content">
|
|
Location
|
|
</span>
|
|
<span class="s_website_form_mark">
|
|
*
|
|
</span>
|
|
</label>
|
|
<div id="location_temp"
|
|
style="display:none; position:absolute;">
|
|
<div class="location_modal_container"
|
|
style="position: fixed;left: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.2);top: 0;display: flex;align-items: center;justify-content: center;">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content"
|
|
style="width: 400px;">
|
|
<div class="modal-header"
|
|
style="justify-content: center;">
|
|
<h4 class="modal-title">
|
|
Choose
|
|
Location
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body"
|
|
id="loc_modal">
|
|
<div class="row s_col_no_resize s_col_no_bgcolor">
|
|
<label class="col-form-label col-sm-auto s_website_form_label"
|
|
for="studio1">
|
|
<span class="s_website_form_label_content">
|
|
State
|
|
</span>
|
|
<span class="s_website_form_mark">
|
|
*
|
|
</span>
|
|
</label>
|
|
<div class="col-sm">
|
|
<select id="state_id"
|
|
type="text"
|
|
class="form-control s_website_form_input"
|
|
name="state"
|
|
required="1">
|
|
<t t-foreach="all_states"
|
|
t-as="state">
|
|
<option t-att-value="state['id']"
|
|
t-att-data-state-name="state['name']">
|
|
<t t-out="state['name']"/>
|
|
</option>
|
|
</t>
|
|
</select>
|
|
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<div class="row s_col_no_resize s_col_no_bgcolor">
|
|
<label class="col-form-label col-sm-auto s_website_form_label"
|
|
for="studio1">
|
|
<span class="s_website_form_label_content">
|
|
City
|
|
</span>
|
|
<span class="s_website_form_mark">
|
|
*
|
|
</span>
|
|
</label>
|
|
<div class="col-sm">
|
|
<input id="city_id"
|
|
type="text"
|
|
class="form-control s_website_form_input"
|
|
name="city_id"
|
|
required="1"/>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button"
|
|
style="background: black;color: white;"
|
|
class="btn btn-default"
|
|
id="dismiss"
|
|
data-dismiss="modal">
|
|
Submit
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm"
|
|
id="col-sm-location">
|
|
<input id="location_id"
|
|
type="text"
|
|
class="form-control s_website_form_input"
|
|
data-toggle="modal"
|
|
data-target="#location_temp">
|
|
</input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<div class="row s_col_no_resize s_col_no_bgcolor">
|
|
<label class="col-form-label col-sm-auto s_website_form_label"
|
|
style="width: 200px"
|
|
for="studio1">
|
|
<span class="s_website_form_label_content">
|
|
Start Date
|
|
</span>
|
|
<span class="s_website_form_mark">
|
|
*
|
|
</span>
|
|
</label>
|
|
<div class="col-sm">
|
|
<input id="start_date"
|
|
type="Date"
|
|
class="form-control s_website_form_input"
|
|
name="start_date"
|
|
required="1"/>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<div class="row s_col_no_resize s_col_no_bgcolor">
|
|
<label class="col-form-label col-sm-auto s_website_form_label"
|
|
style="width: 200px"
|
|
for="studio1">
|
|
<span class="s_website_form_label_content">
|
|
End Date
|
|
</span>
|
|
<span class="s_website_form_mark">
|
|
*
|
|
</span>
|
|
</label>
|
|
<div class="col-sm">
|
|
<input id="end_date"
|
|
type="Date"
|
|
class="form-control s_website_form_input"
|
|
name="end_date"
|
|
required="1"/>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<div class="row s_col_no_resize s_col_no_bgcolor">
|
|
<label class="col-form-label col-sm-auto s_website_form_label"
|
|
style="width: 200px"
|
|
for="studio1">
|
|
<span class="s_website_form_label_content">
|
|
Insurance Type
|
|
</span>
|
|
<span class="s_website_form_mark">
|
|
*
|
|
</span>
|
|
</label>
|
|
<div class="col-sm">
|
|
<select id="insurance_type"
|
|
type="text"
|
|
class="form-control s_website_form_input"
|
|
name="insurance_type"
|
|
required="1">
|
|
<option t-att-value=""/>
|
|
<t t-foreach="insurance_type or []"
|
|
t-as="type">
|
|
<option t-att-value="type.id">
|
|
<t t-esc="type.name"/>
|
|
</option>
|
|
</t>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<div class="row s_col_no_resize s_col_no_bgcolor">
|
|
<label class="col-form-label col-sm-auto s_website_form_label"
|
|
style="width: 200px"
|
|
for="studio1">
|
|
<span class="s_website_form_label_content">
|
|
Seating Capacity
|
|
</span>
|
|
<span class="s_website_form_mark">
|
|
*
|
|
</span>
|
|
</label>
|
|
<div class="col-sm">
|
|
<input id="seating_capacity"
|
|
type="text"
|
|
class="form-control s_website_form_input"
|
|
name="seating_capacity"
|
|
required="1"/>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<br/>
|
|
<div class="form-group col-12 s_website_form_submit"
|
|
data-name="Next Button">
|
|
<div style="width: 200px;"
|
|
class="s_website_form_label"/>
|
|
<button type="submit" id="next"
|
|
class="btn btn-primary"
|
|
style="width: 100%;">
|
|
Next
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<br/>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
</odoo>
|
|
|