[% user = session.user; # INCLUDE dumper.tt dump = session %]
<!-- -------- NEW VIEW LAYOUT ------------------------------ -->
<div id="pnlViewUser" class="panel panel-default">
<div class="panel-heading">
Your Details <span class="pull-right">Last Login: [% user.last_login.strftime('%d-%m-%Y @ %T') %]</span>
</div>
<div class="panel-body">
<dl class="dl-horizontal">
<dt>NHS No.</dt>
<dd>[% user.nhs_number %]</dd>
<dt>DOB</dt>
<dd>[% user.dob.strftime('%d.%b.%Y') %]</dd>
<dt>Address</dt>
<dd>[% user.address %], [% user.post_code %]</dd>
<dt>Contact No.</dt>
<dd>[% user.contact_number %]</dd>
<dt>Email</dt>
<dd>[% user.email %]</dd>
<dt> </dt>
<dd> </dd>
<dt>Your GP</dt>
<dd>[% user.gp %], [% user.practice %]</dd>
<dt> </dt>
<dd> </dd>
</dl>
<button id="btnEditUser" type="button" class="btn btn-primary">If any of the above details are incorrect, please click here</button>
<div id="alertSuccessSaved" style="display: none;">
<div class="alert alert-success">
<strong>Success!</strong> Your changes have been submitted.
</div>
</div>
</div>
</div>
<!-- -------- NEW EDIT LAYOUT ------------------------------ -->
<div id="pnlEditUser" class="panel panel-primary" style="display: none;">
<div class="panel-heading">
Edit Your Details
</div>
<div class="panel-body">
<form id="formEditUser" role="form" class="form-horizontal"
action="javascript:;" method=post>
<div id="fist_name-group" class="form-group">
<label class="control-label col-sm-2" for="first_name">First name</label>
<div class="col-sm-10">
<input id="first_name" class="form-control" type="text" name="first_name"
value="[% user.first_name.ucfirst %]">
</div>
</div>
<div id="last_name-group" class="form-group">
<label class="control-label col-sm-2" for="last_name">Last name</label>
<div class="col-sm-10">
<input id="last_name" class="form-control" type="text" name="last_name"
value="[% user.last_name.upper %]">
</div>
</div>
<div id="dob-group" class="form-group">
<label class="control-label col-sm-2" for="dob">Date of birth</label>
<div class="col-sm-10">
<input id="dob" class="form-control" name="dob"
value="[% user.dob.strftime('%d %b %Y') %]">
</div>
</div>
<div id="contact_number-group" class="form-group">
<label class="control-label col-sm-2" for="contact_number">Contact Number</label>
<div class="col-sm-10">
<input id="contact_number" class="form-control" type="text" name="contact_number"
value="[% user.contact_number %]">
</div>
</div>
<div id="email-group" class="form-group">
<label class="control-label col-sm-2" for="email">Email address</label>
<div class="col-sm-10">
<input id="email" class="form-control"
name="email" type="email"
value="[% user.email %]" required>
</div>
</div>
<div id="address-group" class="form-group">
<label class="control-label col-sm-2" for="address">Postal address</label>
<div class="col-sm-10">
<input id="address" class="form-control" type="text" name="address"
value="[% user.address %], [% user.post_code %]">
</div>
</div>
<div id="practice-group" class="form-group">
<label class="control-label col-sm-2" for="practice">GP details</label>
<div class="col-sm-10">
<input id="practice" class="form-control" type="text" name="practice"
value="[% user.gp %], [% user.practice %]">
</div>
</div>
<div id="password-group" class="form-group">
<label class="control-label col-sm-2" for="practice">Your password</label>
<div class="col-sm-10">
<input id="password" class="form-control" type="password"
name="password" placeholder="Enter password" required>
</div>
</div>
<button id="btnEditUserSave" type="submit" class="btn btn-primary">
Submit <span class="fa fa-arrow-right"></span>
</button>
<button id="btnEditUserCancel" type="button" class="btn btn-default">Cancel</button>
<div id="alertUpdateFailed" style="display: none;">
<div class="alert alert-danger">
<strong>Failed!</strong> Failed to submit data.
</div>
</div>
<div id="result"></div>
</form>
</div>
</div>
<!-- ------------------------------------------------------- -->
<!-- ------------------------------------------------------- -->
<!--
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-warning">
<div class="panel-heading" role="tab" id="panel-heading">
<div class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
href="#patientdetails" aria-expanded="false" aria-controls="patientdetails">
If any of the above details are incorrect, please click here
</a>
</div>
</div>
<div id="patientdetails" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="panel-heading">
<div class="panel-body">
[% # INCLUDE dumper.tt dump = session.user %]
<form action="javascript:;" method="post" id="patient-details">
<div class="form-group" id="fist_name-group">
<label for="first_name">First name</label>
<input type="text" class="form-control" id="first_name"
name="first_name" value="[% user.first_name.ucfirst %]">
</div>
<div class="form-group" id="last_name-group">
<label for="last_name">Last name</label>
<input type="text" class="form-control" id="last_name"
name="last_name" value="[% user.last_name.upper %]">
</div>
<div class="form-group" id="dob-group">
<label for="dob">Date of birth</label>
<input type="text" class="form-control" id="dob"
name="dob" value="[% user.dob.strftime('%d %b %Y') %]">
</div>
<div class="form-group" id="contact_number-group">
<label for="contact_number">Contact number</label>
<input type="text" class="form-control" id="contact_number"
name="contact_number" value="[% user.contact_number %]">
</div>
<div class="form-group" id="email-group">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email"
name="email" value="[% user.email %]">
</div>
<div class="form-group" id="address-group">
<label for="address">Postal address</label>
<input type="text" class="form-control" id="address"
name="address" value="[% user.address %], [% user.post_code %]">
</div>
<div class="form-group" id="practice-group">
<label for="practice">GP details</label>
<input type="text" class="form-control" id="practice"
name="practice" value="[% user.gp %], [% user.practice %]">
</div>
<div class="form-group" id="password-group">
<label for="password">Your password</label>
<input type="password" class="form-control" id="password"
required name="password" placeholder="password">
</div>
<button type="submit" class="btn btn-success">Submit
<span class="fa fa-arrow-right"></span>
</button>
<div id="result"></div>
</form>
</div>
</div>
</div>
</div>
-->