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.
542 lines
32 KiB
542 lines
32 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!--Template for time and slots-->
|
|
<!-- <template id="table_reservation" name="Table Reservation">-->
|
|
<!-- <t t-call="website.layout">-->
|
|
<!-- <div id="wrap" class="oe_structure oe_empty">-->
|
|
<!-- <section class="s_website_form" data-vcss="001"-->
|
|
<!-- data-snippet="s_website_form">-->
|
|
<!-- <div class="container">-->
|
|
<!-- <form id="reservationForm" action="/restaurant/floors" method="post" enctype="multipart/form-data" class="oe_import">-->
|
|
<!-- <input type="hidden" name="csrf_token"-->
|
|
<!-- t-att-value="request.csrf_token()"/>-->
|
|
<!-- <center>-->
|
|
<!-- <br/>-->
|
|
<!-- <br/>-->
|
|
<!-- <h1>-->
|
|
<!-- <b>Table Reservation</b>-->
|
|
<!-- </h1>-->
|
|
<!-- <br/>-->
|
|
<!-- <br/>-->
|
|
<!-- <div>-->
|
|
<!-- <div class="form-group row"-->
|
|
<!-- style="width:70%;padding-left:15%;">-->
|
|
<!-- <label for="date"-->
|
|
<!-- class="col-2 col-form-label">-->
|
|
<!-- Date-->
|
|
<!-- </label>-->
|
|
<!-- <div class="col-4">-->
|
|
<!-- <input type="date"-->
|
|
<!-- name="date"-->
|
|
<!-- class="form-control"-->
|
|
<!-- id="date"-->
|
|
<!-- required="1"/>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <br/>-->
|
|
<!-- </div>-->
|
|
<!-- </center>-->
|
|
<!-- <center>-->
|
|
<!-- <div class="s_website_form_rows row s_col_no_bgcolor">-->
|
|
<!-- <div class="row"-->
|
|
<!-- style="padding-left:32%;width:85%;">-->
|
|
<!-- <div class="col-2">-->
|
|
<!-- <strong>Slots:</strong>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-2">-->
|
|
<!-- <label for="start_time">-->
|
|
<!-- Start Time-->
|
|
<!-- </label>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-3">-->
|
|
<!-- <input id="start_time"-->
|
|
<!-- name="start_time"-->
|
|
<!-- type="time"-->
|
|
<!-- class="form-control s_website_form_input"-->
|
|
<!-- required="1"/>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <br/>-->
|
|
<!-- <br/>-->
|
|
<!-- <div class="row"-->
|
|
<!-- style="padding-left:40%;width:95%;">-->
|
|
<!-- <div class="col-2">-->
|
|
<!-- <label for="end_time">-->
|
|
<!-- End Time-->
|
|
<!-- </label>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-3">-->
|
|
<!-- <input id="end_time"-->
|
|
<!-- name="end_time"-->
|
|
<!-- type="time"-->
|
|
<!-- class="form-control s_website_form_input"-->
|
|
<!-- required="1"/>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </center>-->
|
|
<!-- <br/>-->
|
|
<!-- <div class="row" data-name="Submit Button">-->
|
|
<!-- <div class="col-sm-2" style="padding-left:45%;">-->
|
|
<!-- <button type="submit"-->
|
|
<!-- class="btn btn-primary">-->
|
|
<!-- Submit-->
|
|
<!-- </button>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </form>-->
|
|
<!-- </div>-->
|
|
<!-- </section>-->
|
|
<!-- </div>-->
|
|
<!-- </t>-->
|
|
<!-- </template>-->
|
|
<template id="table_reservation" name="Table Reservation">
|
|
<t t-call="website.layout">
|
|
<div id="wrap" class="oe_structure oe_empty">
|
|
<section class="s_text_block pt40 pb40 o_colored_level "
|
|
data-snippet="s_text_block">
|
|
<div class="container">
|
|
<form action="/restaurant/floors" method="POST"
|
|
enctype="multipart/form-data"
|
|
class="oe_import">
|
|
<input type="hidden" name="csrf_token"
|
|
t-att-value="request.csrf_token()"/>
|
|
<center>
|
|
<br/>
|
|
<br/>
|
|
<h1>
|
|
<b>Table Reservation</b>
|
|
</h1>
|
|
<br/>
|
|
<t t-if="opening_hour and closing_hour">
|
|
<h4>Opening Hours: <t t-esc="opening_hour"/> - <t t-esc="closing_hour"/></h4>
|
|
</t>
|
|
<br/>
|
|
<div>
|
|
<div class="form-group row"
|
|
style="width:70%;padding-left:15%;">
|
|
<label for="date"
|
|
class="col-2 col-form-label">
|
|
Date
|
|
</label>
|
|
<div class="col-4">
|
|
<input type="date"
|
|
name="date"
|
|
class="form-control"
|
|
id="date"
|
|
required="1"/>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
</center>
|
|
<center>
|
|
<div class="s_website_form_rows row s_col_no_bgcolor">
|
|
<div class="row"
|
|
style="padding-left:32%;width:85%;">
|
|
<div class="col-2">
|
|
<strong>Slots:</strong>
|
|
</div>
|
|
<div class="col-2">
|
|
<label for="start_time">
|
|
Start Time
|
|
</label>
|
|
</div>
|
|
<div class="col-3">
|
|
<input id="start_time"
|
|
name="start_time"
|
|
type="time"
|
|
class="form-control s_website_form_input"
|
|
required="1"/>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<br/>
|
|
<div class="row"
|
|
style="padding-left:40%;width:95%;">
|
|
<div class="col-2">
|
|
<label for="end_time">
|
|
End Time
|
|
</label>
|
|
</div>
|
|
<div class="col-3">
|
|
<input id="end_time"
|
|
name="end_time"
|
|
type="time"
|
|
class="form-control s_website_form_input"
|
|
required="1"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</center>
|
|
<center>
|
|
<div class="modal" tabindex="-1" id="alert_modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Invalid
|
|
Date
|
|
</h5>
|
|
</div>
|
|
<hr class="m-0"/>
|
|
<div class="modal-body">
|
|
<p>Please select a valid date.</p>
|
|
</div>
|
|
<hr class="m-0"/>
|
|
<div class="modal-footer">
|
|
<button type="button"
|
|
class="btn btn-secondary close_btn_alert_modal"
|
|
data-bs-dismiss="modal">
|
|
Close
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</center>
|
|
<center>
|
|
<div class="modal" tabindex="-1"
|
|
id="time_alert_modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Invalid
|
|
Time
|
|
</h5>
|
|
</div>
|
|
<hr class="m-0"/>
|
|
<div class="modal-body">
|
|
<p>Please select a valid booking
|
|
start and end time.
|
|
</p>
|
|
</div>
|
|
<hr class="m-0"/>
|
|
<div class="modal-footer">
|
|
<button type="button"
|
|
class="btn btn-secondary close_btn_time_alert_modal"
|
|
data-bs-dismiss="modal">
|
|
Close
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</center>
|
|
<center>
|
|
<div class="modal" tabindex="-1"
|
|
id="open_hours_alert_modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Invalid
|
|
Time
|
|
</h5>
|
|
</div>
|
|
<hr class="m-0"/>
|
|
<div class="modal-body">
|
|
<p>Select a time between the opening and closing hours
|
|
</p>
|
|
</div>
|
|
<hr class="m-0"/>
|
|
<div class="modal-footer">
|
|
<button type="button"
|
|
class="btn btn-secondary close_btn_time_alert_modal"
|
|
data-bs-dismiss="modal">
|
|
Close
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</center>
|
|
<br/>
|
|
<div class="row" data-name="Submit Button">
|
|
<div class="col-sm-2" style="padding-left:45%;">
|
|
<button type="submit"
|
|
class="btn btn-primary">
|
|
Submit
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
<!-- Template for floors-->
|
|
<!-- <template id="restaurant_floors" name="Admission Submit">-->
|
|
<!-- <t t-call="website.layout">-->
|
|
<!-- <div id="wrap" class="oe_structure oe_empty">-->
|
|
<!-- <section class="s_website_form" data-vcss="001"-->
|
|
<!-- data-snippet="s_website_form">-->
|
|
<!-- <div class="container">-->
|
|
<!-- <br/>-->
|
|
<!-- <br/>-->
|
|
<!-- <form action="/booking/confirm" method="POST"-->
|
|
<!-- enctype="multipart/form-data"-->
|
|
<!-- class="oe_import">-->
|
|
<!-- <div class="row">-->
|
|
<!-- <div class="col-2">-->
|
|
<!-- <span>Select Your Floor</span>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-2" id="restaurant_floors">-->
|
|
<!-- <select name="floors"-->
|
|
<!-- id="floors_rest"-->
|
|
<!-- class="form-control">-->
|
|
<!-- <option value="0">Select a-->
|
|
<!-- Floor-->
|
|
<!-- </option>-->
|
|
<!-- <t t-foreach="floors" t-as="floor">-->
|
|
<!-- <option t-att-value="floor.id">-->
|
|
<!-- <t t-esc="floor.name"/>-->
|
|
<!-- </option>-->
|
|
<!-- </t>-->
|
|
<!-- </select>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <br/>-->
|
|
<!-- <br/>-->
|
|
<!-- <br/>-->
|
|
<!-- <div id="info" style=" display: none;">-->
|
|
<!-- <div id="tableContainer"-->
|
|
<!-- style="width:100%;display:flex;">-->
|
|
<!-- <div class="row" id="table_container_row">-->
|
|
<!-- </div>-->
|
|
<!-- <div class="card"-->
|
|
<!-- style="background-color:#c8e0e0;width:1000px;height:370px;border:0;">-->
|
|
<!-- <div class="card-body"-->
|
|
<!-- style="border:1px;">-->
|
|
<!-- <h5 class="card-title"-->
|
|
<!-- style="Font-size:45px;">Booking-->
|
|
<!-- Info-->
|
|
<!-- </h5>-->
|
|
<!-- <table style="border:0;">-->
|
|
<!-- <tr>-->
|
|
<!-- <td>-->
|
|
<!-- Date:-->
|
|
<!-- </td>-->
|
|
<!-- <td style="text-align:right;">-->
|
|
<!-- <t t-esc="date"/>-->
|
|
<!-- </td>-->
|
|
<!-- </tr>-->
|
|
<!-- <tr>-->
|
|
<!-- <td>Start Time:</td>-->
|
|
<!-- <td style="text-align:right;">-->
|
|
<!-- <t t-esc="start_time"/>-->
|
|
<!-- </td>-->
|
|
<!-- </tr>-->
|
|
<!-- <tr>-->
|
|
<!-- <td>End Time:</td>-->
|
|
<!-- <td style="text-align:right;">-->
|
|
<!-- <t t-esc="end_time"/>-->
|
|
<!-- </td>-->
|
|
<!-- </tr>-->
|
|
<!-- <tr>-->
|
|
<!-- <td>-->
|
|
<!-- <b>Booking Amount-->
|
|
<!-- For <span-->
|
|
<!-- id="count_table">-->
|
|
<!-- 0-->
|
|
<!-- </span>Tables-->
|
|
<!-- </b>-->
|
|
<!-- </td>-->
|
|
<!-- <td style="text-align:right;">-->
|
|
<!-- <span id="total_amount">-->
|
|
<!-- </span>-->
|
|
<!-- </td>-->
|
|
<!-- </tr>-->
|
|
<!-- </table>-->
|
|
<!-- <span hidden="hidden">-->
|
|
<!-- <input name="date"-->
|
|
<!-- id="date_id"-->
|
|
<!-- ref="dateInput"-->
|
|
<!-- class="form-control border-0 p-0"-->
|
|
<!-- type="text"-->
|
|
<!-- data-allow-hotkeys="true"-->
|
|
<!-- t-att-value="date"-->
|
|
<!-- t-ref="autofocus"/>-->
|
|
<!-- <input name="start_time"-->
|
|
<!-- id="start_id"-->
|
|
<!-- class="form-control border-0 p-0"-->
|
|
<!-- type="text"-->
|
|
<!-- data-allow-hotkeys="true"-->
|
|
<!-- t-att-value="start_time"-->
|
|
<!-- t-ref="autofocus"/>-->
|
|
<!-- <input name="end_time"-->
|
|
<!-- class="form-control border-0 p-0"-->
|
|
<!-- type="text"-->
|
|
<!-- data-allow-hotkeys="true"-->
|
|
<!-- t-att-value="end_time"-->
|
|
<!-- t-ref="autofocus"/>-->
|
|
<!-- <input name="tables"-->
|
|
<!-- id="tables_input"-->
|
|
<!-- class="form-control border-0 p-0"-->
|
|
<!-- type="text"-->
|
|
<!-- data-allow-hotkeys="true"-->
|
|
<!-- t-ref="autofocus">-->
|
|
<!-- </input>-->
|
|
<!-- <input name="tables_count"-->
|
|
<!-- id="tables_counts"-->
|
|
<!-- class="form-control border-0 p-0"-->
|
|
<!-- type="text"-->
|
|
<!-- data-allow-hotkeys="true"-->
|
|
<!-- t-ref="autofocus">-->
|
|
<!-- </input>-->
|
|
<!-- </span>-->
|
|
<!-- <button type="submit"-->
|
|
<!-- class="btn btn-primary">-->
|
|
<!-- Booking Confirm-->
|
|
<!-- </button>-->
|
|
<!-- </div>-->
|
|
<!-- <div style="line-height:1px;background: #ffffff;border:0;">-->
|
|
<!-- </div>-->
|
|
<!-- <t t-if="payment">-->
|
|
<!-- <div style="background: #ffffff;border:0;color:#FF0000;">-->
|
|
<!-- <t t-esc="refund"/>-->
|
|
<!-- </div>-->
|
|
<!-- </t>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <br/>-->
|
|
<!-- </form>-->
|
|
<!-- </div>-->
|
|
<!-- </section>-->
|
|
<!-- </div>-->
|
|
<!-- </t>-->
|
|
<!-- </template>-->
|
|
<template id="restaurant_floors" name="Admission Submit">
|
|
<t t-call="website.layout">
|
|
<div id="wrap" class="oe_structure oe_empty">
|
|
<section class="s_text_block pt40 pb40 o_colored_level "
|
|
data-snippet="s_text_block">
|
|
<div class="container">
|
|
<br/>
|
|
<br/>
|
|
<form action="/booking/confirm" method="POST" enctype="multipart/form-data" class="oe_import">
|
|
<input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
|
|
<div class="row">
|
|
<div class="col-2">
|
|
<span>Select Your Floor</span>
|
|
</div>
|
|
<div class="col-2" id="restaurant_floors">
|
|
<select name="floors"
|
|
id="floors_rest"
|
|
class="form-control">
|
|
<option value="0">Select a
|
|
Floor
|
|
</option>
|
|
<t t-foreach="floors" t-as="floor">
|
|
<option t-att-value="floor.id">
|
|
<t t-esc="floor.name"/>
|
|
</option>
|
|
</t>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<div id="info" style=" display: none;">
|
|
<div id="tableContainer"
|
|
style="width:100%;display:flex;">
|
|
<div class="row" id="table_container_row">
|
|
</div>
|
|
<div class="card"
|
|
style="background-color:#c8e0e0;width:1000px;height:370px;border:0;">
|
|
<div class="card-body"
|
|
style="border:1px;">
|
|
<h5 class="card-title"
|
|
style="Font-size:45px;">Booking
|
|
Info
|
|
</h5>
|
|
<table style="border:0;">
|
|
<tr>
|
|
<td>
|
|
Date:
|
|
</td>
|
|
<td style="text-align:right;">
|
|
<t t-esc="date"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Start Time:</td>
|
|
<td style="text-align:right;">
|
|
<t t-esc="start_time"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>End Time:</td>
|
|
<td style="text-align:right;">
|
|
<t t-esc="end_time"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<b>Booking Amount
|
|
For <span
|
|
id="count_table">
|
|
0
|
|
</span>Tables
|
|
</b>
|
|
</td>
|
|
<td style="text-align:right;">
|
|
<span id="total_amount">
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<span hidden="hidden">
|
|
<input name="date"
|
|
id="date_id"
|
|
class="form-control border-0 p-0"
|
|
type="text"
|
|
data-allow-hotkeys="true"
|
|
t-att-value="date"
|
|
t-ref="autofocus"/>
|
|
<input name="start_time"
|
|
id="start_id"
|
|
class="form-control border-0 p-0"
|
|
type="text"
|
|
data-allow-hotkeys="true"
|
|
t-att-value="start_time"
|
|
t-ref="autofocus"/>
|
|
<input name="end_time"
|
|
class="form-control border-0 p-0"
|
|
type="text"
|
|
data-allow-hotkeys="true"
|
|
t-att-value="end_time"
|
|
t-ref="autofocus"/>
|
|
<input name="tables"
|
|
id="tables_input"
|
|
class="form-control border-0 p-0"
|
|
type="text"
|
|
data-allow-hotkeys="true"
|
|
t-ref="autofocus">
|
|
</input>
|
|
</span>
|
|
<button type="submit"
|
|
class="btn btn-primary">
|
|
Booking Confirm
|
|
</button>
|
|
</div>
|
|
<div style="line-height:1px;background: #ffffff;border:0;">
|
|
</div>
|
|
<t t-if="payment">
|
|
<div style="background: #ffffff;border:0;color:#FF0000;">
|
|
<t t-esc="refund"/>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
|
|
</odoo>
|
|
|