<script>
	dataLayer = [];
</script>
<!-- Google Tag Manager -->
<noscript>
	<iframe src="//www.googletagmanager.com/ns.html?id=GTM-PQWKM6" height="0" width="0"
	        style="display:none;visibility:hidden"></iframe>
</noscript>
<script>(function (w, d, s, l, i) {
	w[l] = w[l] || [];
	w[l].push({
		'gtm.start': new Date().getTime(), event: 'gtm.js'
	});
	var f = d.getElementsByTagName(s)[0],
	    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
	j.async = true;
	j.src =
		  '//www.googletagmanager.com/gtm.js?id=' + i + dl;
	f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PQWKM6');
</script>


<form id="frmAppointmentView" action="">

	<div class="row-fluid page-top-forms-wrapper">
		<div id="customerDetailsClick" class="visible-phone mobile-form-headers open">
			<i class="mobile-icon-user"></i>

			<p>
				<span class="btn-content">
				</span> Customer details
			</p>
			<i style="float:right;" class="icon-white-arrow-down"></i>

		</div>
		<div id="customerDetails" class="customer-details customer-details-form span6">
			<p id="customerTitle" class="hidden-phone form-header">
				<i class="icon-user icon-white"></i> Customer details
			</p>

			<div class="row-fluid">
				<div class="span12">
					<div class="form-horizontal mobile-form-horizontal">
                        <div class="control-group mobile-control-group" id="[tid]_firstName">
                            [firstName]
                        </div>
                        <div class="control-group mobile-control-group" id="[tid]_familyName">
                            [familyName]
                        </div>
                        <div class="control-group mobile-control-group" id="[tid]_mobile">
                            [mobile]
                        </div>
                        <div class="control-group mobile-control-group" id="[tid]_email">
                            [email]
                        </div>

                        <div class="control-group mobile-control-group" id="[tid]_customerAddressStreet">
                            [customerAddressStreet]
                        </div>
                        <div class="control-group mobile-control-group" id="[tid]_customerAddressStreetName">
                            [customerAddressStreetName]
                        </div>
                        <div class="control-group mobile-control-group" id="[tid]_customerAddressSuburb">
                            [customerAddressSuburb]
                        </div>
                        <div class="control-group mobile-control-group" id="[tid]_customerAddressCity">
                            [customerAddressCity]
                        </div>
                        <div class="control-group mobile-control-group" id="[tid]_customerAddressPostalCode">
                            [customerAddressPostalCode]
                        </div>
					</div>
				</div>
			</div>
		</div>
		<div class="vehicle-specs-form span6">
			<div id="vehicleSpecificationsClick" class="visible-phone mobile-form-headers open">
				<i class="icon-bell"></i>

				<p>
					<span class="btn-content">
					</span> Calendar Information
				</p>
				<i style="float:right;" class="icon-white-arrow-down"></i>
			</div>
			<p class="hidden-phone form-header">
				<img class="car" src="imgs/clipboard.gif" alt="">
				<span class="headerImgLable">Calendar Information </span>
			</p>

			<div id="calendarSpecifications" class="form-horizontal mobile-form-horizontal">
				<div class="row-fluid">
					<div class="span12">
						<div class="span6">
                            <div class="control-group mobile-control-group" id="[tid]_appointmentDate">[appointmentDate]</div>
                            <div class="control-group mobile-control-group" id="[tid]_timeSlot">[timeSlot]</div>
                            <div class="control-group mobile-control-group appointmentCompleted hide" id="[tid]_appointmentCompleted">[appointmentCompleted]</div>
                            <div class="control-group mobile-control-group appointmentCancelled" id="[tid]_appointmentCancelled">[appointmentCancelled]</div>
                            <div class="control-group mobile-control-group appointmentCancelledComments hide" id="[tid]_appointmentCancelledComments">[appointmentCancelledComments]</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>




	<div class="row-fluid">
		<div class="span4 offset4">

			<button type="button" id="btnSaveAppointment" class="offset2 btn btn-success save-and-send-btn">
				Update Calendar Event
			</button>
			<br/><br/>

		</div>
	</div>

	<div class="row-fluid">&nbsp;</div>

</form>