latest updates
[namibia] / public / templates / page / appointmentedit.html
1 <script>
2         dataLayer = [];
3 </script>
4 <!-- Google Tag Manager -->
5 <noscript>
6         <iframe src="//www.googletagmanager.com/ns.html?id=GTM-PQWKM6" height="0" width="0"
7                 style="display:none;visibility:hidden"></iframe>
8 </noscript>
9 <script>(function (w, d, s, l, i) {
10         w[l] = w[l] || [];
11         w[l].push({
12                 'gtm.start': new Date().getTime(), event: 'gtm.js'
13         });
14         var f = d.getElementsByTagName(s)[0],
15             j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
16         j.async = true;
17         j.src =
18                   '//www.googletagmanager.com/gtm.js?id=' + i + dl;
19         f.parentNode.insertBefore(j, f);
20 })(window, document, 'script', 'dataLayer', 'GTM-PQWKM6');
21 </script>
22
23
24 <form id="frmAppointmentView" action="">
25
26         <div class="row-fluid page-top-forms-wrapper">
27                 <div id="customerDetailsClick" class="visible-phone mobile-form-headers open">
28                         <i class="mobile-icon-user"></i>
29
30                         <p>
31                                 <span class="btn-content">
32                                 </span> Customer details
33                         </p>
34                         <i style="float:right;" class="icon-white-arrow-down"></i>
35
36                 </div>
37                 <div id="customerDetails" class="customer-details customer-details-form span6">
38                         <p id="customerTitle" class="hidden-phone form-header">
39                                 <i class="icon-user icon-white"></i> Customer details
40                         </p>
41
42                         <div class="row-fluid">
43                                 <div class="span12">
44                                         <div class="form-horizontal mobile-form-horizontal">
45                         <div class="control-group mobile-control-group" id="[tid]_firstName">
46                             [firstName]
47                         </div>
48                         <div class="control-group mobile-control-group" id="[tid]_familyName">
49                             [familyName]
50                         </div>
51                         <div class="control-group mobile-control-group" id="[tid]_mobile">
52                             [mobile]
53                         </div>
54                         <div class="control-group mobile-control-group" id="[tid]_email">
55                             [email]
56                         </div>
57
58                         <div class="control-group mobile-control-group" id="[tid]_customerAddressStreet">
59                             [customerAddressStreet]
60                         </div>
61                         <div class="control-group mobile-control-group" id="[tid]_customerAddressStreetName">
62                             [customerAddressStreetName]
63                         </div>
64                         <div class="control-group mobile-control-group" id="[tid]_customerAddressSuburb">
65                             [customerAddressSuburb]
66                         </div>
67                         <div class="control-group mobile-control-group" id="[tid]_customerAddressCity">
68                             [customerAddressCity]
69                         </div>
70                         <div class="control-group mobile-control-group" id="[tid]_customerAddressPostalCode">
71                             [customerAddressPostalCode]
72                         </div>
73                                         </div>
74                                 </div>
75                         </div>
76                 </div>
77                 <div class="vehicle-specs-form span6">
78                         <div id="vehicleSpecificationsClick" class="visible-phone mobile-form-headers open">
79                                 <i class="icon-bell"></i>
80
81                                 <p>
82                                         <span class="btn-content">
83                                         </span> Calendar Information
84                                 </p>
85                                 <i style="float:right;" class="icon-white-arrow-down"></i>
86                         </div>
87                         <p class="hidden-phone form-header">
88                                 <img class="car" src="imgs/clipboard.gif" alt="">
89                                 <span class="headerImgLable">Calendar Information </span>
90                         </p>
91
92                         <div id="calendarSpecifications" class="form-horizontal mobile-form-horizontal">
93                                 <div class="row-fluid">
94                                         <div class="span12">
95                                                 <div class="span6">
96                             <div class="control-group mobile-control-group" id="[tid]_appointmentDate">[appointmentDate]</div>
97                             <div class="control-group mobile-control-group" id="[tid]_timeSlot">[timeSlot]</div>
98                             <div class="control-group mobile-control-group appointmentCompleted hide" id="[tid]_appointmentCompleted">[appointmentCompleted]</div>
99                             <div class="control-group mobile-control-group appointmentCancelled" id="[tid]_appointmentCancelled">[appointmentCancelled]</div>
100                             <div class="control-group mobile-control-group appointmentCancelledComments hide" id="[tid]_appointmentCancelledComments">[appointmentCancelledComments]</div>
101                                                 </div>
102                                         </div>
103                                 </div>
104                         </div>
105                 </div>
106         </div>
107
108
109
110
111         <div class="row-fluid">
112                 <div class="span4 offset4">
113
114                         <button type="button" id="btnSaveAppointment" class="offset2 btn btn-success save-and-send-btn">
115                                 Update Calendar Event
116                         </button>
117                         <br/><br/>
118
119                 </div>
120         </div>
121
122         <div class="row-fluid">&nbsp;</div>
123
124 </form>