/**
* @param $dependentList
* @param $user User
* @param $employee Employee
*/
public static function startEndOfPageScripts($dependentList, $user, $employee)
{
$options = ClientPage::getOptionStr($dependentList);
$first = $employee->getFname();
$last = $employee->getLname();
$email = $user->getEmail();
$street = $employee->getAdrStreet();
$city = $employee->getAdrCity();
$state = $employee->getAdrState();
$zip = $employee->getAdrZip();
$bootstrap = <<<BOOTSTRAP
<div id="aboutme-dialog" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 class="modal-title"><b>About Me</b></h2>
</div>
<div class="modal-body">
<div class="form-group" >
<form class="form" action="Home.php" method="post">
<fieldset>
<div class="row">
<div class="col-sm-6">
<div class="form-group label-floating">
<label for="first" class="control-label">First Name</label>
<input type="text" class="form-control" id="first" name="first" value="{$first}" required>
<span class="help-block">Change My First Name</span>
</div>
</div>
<div class="col-sm-6">
<div class="form-group label-floating">
<label for="last" class="control-label">Last Name</label>
<input type="text" class="form-control" id="last" name="last" value="{$last}" required>
<span class="help-block">Change My Last Name</span>
</div>
</div>
</div>
<div class="form-group label-floating">
<label for="email" class="control-label">Email</label>
<input type="email" class="form-control" id="email" name="email" value="{$email}" required>
<span class="help-block">Change My Email</span>
</div>
<div class="form-group label-floating">
<label for="street" class="control-label">Street</label>
<input type="text" class="form-control" id="street" name="street" value="{$street}" required>
<span class="help-block">Change My Street</span>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group label-floating">
<label for="city" class="control-label">City</label>
<input type="text" class="form-control" id="city" name="city" value="{$city}" required>
<span class="help-block">Change My City</span>
</div>
</div>
<div class="col-sm-3">
<div class="form-group label-floating">
<label for="state" class="control-label">State</label>
<input type="text" maxlength="2" class="form-control" id="state" name="state" value="{$state}" required>
<span class="help-block">Change My State</span>
</div>
</div>
<div class="col-sm-3">
<div class="form-group label-floating">
<label for="zip" class="control-label">Zip</label>
<input type="number" max="99999" min="10000" class="form-control" id="zip" name="zip" value="{$zip}" required>
<span class="help-block">Change My Zip Code</span>
</div>
</div>
</div>
<button type="submit" class="btn btn-raised btn-primary modal-submit pull-right">Change</button>
<button type="button" class="btn btn-danger pull-right" data-dismiss="modal">Cancel</button>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
<div id="complete-dialog" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 class="modal-title"><b>New Request</b></h2>
</div>
<div class="modal-body">
<div class="form-group" >
<form class="form" action="Home.php" method="post" enctype="multipart/form-data">
<fieldset>
<div class="form-group label-floating">
<label for="amount" class="control-label">Amount</label>
<input type="number" min="0.01" step="0.01" name="amount" class="form-control" id="amount">
<span class="help-block">Amount Spent on Medical Expense</span>
</div>
<div class="form-group label-floating">
<label for="desc" class="control-label">Description</label>
<input type="text" class="form-control" id="desc" name="desc" spellcheck = "true">
<span class="help-block">Description of Expense</span>
</div>
<div id="dropdown-menu">
<div class="form-group">
<label for="s1">For</label>
<select id="s1" name="for" class="form-control">
<option value="0">Myself</option>
{$options}
</select>
</div>
</div>
<div class="form-group label-floating">
<label for="date" class="control-label">Date of Expense</label>
<input type="text" class="form-control" id="date" name="date">
<span class="help-block">mm/dd/yyyy</span>
</div>
<div class="form-group">
<input type="file" id="proof" name="proof" multiple="">
<div class="input-group">
<input type="text" readonly="" class="form-control" placeholder="Proof of Expense">
<span class="input-group-btn input-group-sm">
<button type="button" class="btn btn-fab btn-fab-mini">
<i class="material-icons">attach_file</i>
</button>
</span>
</div>
</div>
<button type="submit" class="btn btn-raised btn-primary modal-submit pull-right">Submit</button>
<button type="button" class="btn btn-danger pull-right" data-dismiss="modal">Cancel</button>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Dropdown.js -->
<script src="https://cdn.rawgit.com/FezVrasta/dropdown.js/master/jquery.dropdown.js"></script>
<script>
\$("#dropdown-menu select").dropdown();
</script>
<!-- Twitter Bootstrap -->
<script src="https://wolfe.solutions/design/js/bootstrap.min.js"></script>
<!-- Material Design for Bootstrap -->
<script src="https://wolfe.solutions/design/js/material.js"></script>
<script src="https://wolfe.solutions/design/js/ripples.min.js"></script>
<script>
\$.material.init();
</script>
BOOTSTRAP;
echo $bootstrap;
}
