blob: b705f9e82d40938c7b109ca89ac6dee1375f7a9c [file] [log] [blame]
pranav nachnekar27910542019-09-03 12:04:52 +05301{% extends "templates/web.html" %}
2
3{% block title %}{{ _("Book Appointment") }}{% endblock %}
4
5{% block page_content %}
6<div class="container">
7 <!-- title: Book an appointment -->
8 <div id="select-date">
9 <div class="text-center mb-5">
10 <h3>Book an appointment</h3>
11 <p class="lead">Select the date and your timezone</p>
12 </div>
13 <div class="row justify-content-center mt-3">
14 <div class="col-md-4 align-self-center ">
15 <form name="myform">
16 <input type="date" onchange="validate_date()" name="appointment-date" id="appointment-date"
17 class="form-control mt-3">
18 <select name="appointment-timezone" id="appointment-timezone" class="form-control mt-3">
19 </select>
20 </form>
21 <button class="form-control mt-3 btn btn-dark" id="next-button" onclick="navigate_to_time_select()">
22 Next
23 </button>
24 </div>
25 </div>
26 </div>
27
28 <!--Select Time Slot-->
29 <div id="select-time">
30 <div class="text-center mb-5">
31 <h3>Pick A Time Slot</h3>
32 <p class="lead">Selected date is <span class="date-span">Date Span</span></p>
33 </div>
34 <div class="mt-3 justify-content-center">
35 <div class="row" id="timeslot-container">
36
37 </div>
38 <div class="row justify-content-center">
39 <div class="col-md-4 align-self-center">
40 <button class="form-control mt-5 btn btn-dark" onclick="initialise_enter_details()">
41 Next
42 </button>
43 </div>
44 </div>
45 </div>
46 </div>
47
48 <!--Enter Details-->
49 <div id="enter-details">
50 <div class="text-center mb-5">
51 <h3>Add details</h3>
52 <p class="lead">Selected date is <span class="date-span">Date Span</span> at <span class="time-span"> time </span></p>
53 </div>
54 <div class="row justify-content-center mt-3">
55 <div class="col-md-4 align-items-center">
56 <input class="form-control mt-3" type="text" name="customer_name" id="customer_name" placeholder="Your Name"
57 required>
58 <input class="form-control mt-3" type="tel" name="customer_number" id="customer_number"
59 placeholder="Contact Number" required>
60 <input class="form-control mt-3" type="text" name="customer_skype" id="customer_skype" placeholder="Skype"
61 required>
62 <textarea class="form-control mt-3" name="customer_notes" id="customer_notes" cols="30" rows="10"
63 placeholder="Notes"></textarea>
64 <button class="btn btn-primary form-control mt-3" onclick="submit()">Submit</button>
65 </div>
66 </div>
67 </div>
68</div>
69
70{% endblock %}