brotherton-erpnext/erpnext/www/book-appointment/index.html

65 lines
2.9 KiB
HTML
Raw Normal View History

2019-09-03 06:34:52 +00:00
{% extends "templates/web.html" %}
{% block title %}{{ _("Book Appointment") }}{% endblock %}
2019-09-09 10:11:20 +00:00
{% block script %}
2019-09-09 11:34:25 +00:00
<script src="assets/js/moment-bundle.min.js"></script>
<script src="book-appointment/index.js"></script>
2019-09-09 10:11:20 +00:00
{% endblock %}
2019-09-03 06:34:52 +00:00
{% block page_content %}
<div class="container">
<!-- title: Book an appointment -->
2019-09-09 10:11:20 +00:00
<div id="select-date-time">
2019-09-03 06:34:52 +00:00
<div class="text-center mb-5">
<h3>Book an appointment</h3>
2019-09-11 08:55:26 +00:00
<p class="lead text-muted" id="lead-text">Select the date and your timezone</p>
2019-09-03 06:34:52 +00:00
</div>
<div class="row justify-content-center mt-3">
2019-09-09 10:11:20 +00:00
<div class="col-md-6 align-self-center ">
<div class="row">
2019-09-09 11:34:25 +00:00
<input type="date" oninput="on_date_or_timezone_select()" name="appointment-date"
id="appointment-date" class="form-control mt-3 col-md m-3">
<select name="appointment-timezone" oninput="on_date_or_timezone_select()" id="appointment-timezone"
class="form-control mt-3 col-md">
2019-09-03 06:34:52 +00:00
</select>
</div>
</div>
</div>
2019-10-03 07:15:42 +00:00
<div class="mt-3" id="timeslot-container">
2019-09-09 11:34:25 +00:00
2019-09-03 06:34:52 +00:00
</div>
<div class="row justify-content-center mt-3">
2019-09-09 10:11:20 +00:00
<div class="col-md-4">
<button class="btn btn-primary form-control" id="next-button">Next</button>
2019-09-03 06:34:52 +00:00
</div>
</div>
</div>
</div>
2019-09-09 10:11:20 +00:00
<!--Enter Details-->
<div id="enter-details">
<div class="text-center mb-5">
<h3>Add details</h3>
<p class="lead">Selected date is <span class="date-span"></span> at <span class="time-span">
</span></p>
</div>
<div class="row justify-content-center mt-3">
<div class="col-md-4 align-items-center">
<form id="customer-form" action='#'>
<input class="form-control mt-3" type="text" name="customer_name" id="customer_name" placeholder="Your Name (required)"required>
<input class="form-control mt-3" type="tel" name="customer_number" id="customer_number" placeholder="+910000000000">
<input class="form-control mt-3" type="text" name="customer_skype" id="customer_skype" placeholder="Skype">
<input class="form-control mt-3"type="email" name="customer_email" id="customer_email" placeholder="Email Address (required)"required>
2019-09-09 10:11:20 +00:00
<textarea class="form-control mt-3" name="customer_notes" id="customer_notes" cols="30" rows="10"
placeholder="Notes"></textarea>
</form>
2019-09-11 08:55:26 +00:00
<div class="row mt-3 ">
<div class="col-md"><button class="btn btn-dark form-control" onclick="initialise_select_date()">Go back</button></div>
2019-09-11 08:55:26 +00:00
<div class="col-md"><button class="btn btn-primary form-control " onclick="submit()" id="submit-button">Submit</button></div>
</div>
2019-09-09 10:11:20 +00:00
</div>
</div>
</div>
</div>
2019-09-03 06:34:52 +00:00
{% endblock %}