first commit
This commit is contained in:
@@ -0,0 +1,279 @@
|
||||
|
||||
<!-- end app-header -->
|
||||
<!-- begin app-container -->
|
||||
<div class="app-container">
|
||||
<!-- begin app-nabar -->
|
||||
<aside class="app-navbar">
|
||||
<? include "application/views/template/menu/sidemain.php"; ?>
|
||||
</aside>
|
||||
<!-- end app-navbar -->
|
||||
<!-- begin app-main -->
|
||||
<div class="app-main" id="main">
|
||||
<!-- begin container-fluid -->
|
||||
<div class="container-fluid">
|
||||
|
||||
<? include "application/views/template/topstrip.php"; ?>
|
||||
<? // include "application/views/template/topstrip2.php"; ?>
|
||||
|
||||
<!-- begin row -->
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-xxl-4 m-b-30">
|
||||
<div class="card card-statistics h-100 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Upcoming Activities/Encounters</h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a class="btn btn-round btn-inverse-primary btn-xs" href="/provider/encounters">Encounters</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type mb-1 mb-xs-0 mt-1">
|
||||
<span>PP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Car dealer</small>
|
||||
<h5 class="mb-0"><a href="#">Unread utf-8 in more quick overview</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Lizzy Halfman</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Saturday, March 17 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-pink mb-1 mb-xs-0 mt-1">
|
||||
<span>SL</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Webster HTML5 </small>
|
||||
<h5 class="mb-0"><a href="#">I get an error "No Direct Access Allowed!" when I enter purchase</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Samuel Woods</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Sunday, March 19 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-success mb-1 mb-xs-0 mt-1">
|
||||
<span>MP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">The corps</small>
|
||||
<h5 class="mb-0"><a href="#">OAuth Credentials not generating the key</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Andrew nico</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Monday, March 21 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-orange mb-1 mb-xs-0 mt-1">
|
||||
<span>SP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Sam martin vCard</small>
|
||||
<h5 class="mb-0"><a href="#">Pre-Buy Questions : For bakery Shop (Mentor Android Application)</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Jimmy Falicon</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Friday, March 22 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-info mb-1 mb-xs-0 mt-1">
|
||||
<span>AP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Mentor admin </small>
|
||||
<h5 class="mb-0"><a href="#">I need a payment option, for each seller per item</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Brian Joedon</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Saturday, March 17 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-xxl-8 m-b-30">
|
||||
<div class="card card-statistics h-100 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Calendar</h4>
|
||||
</div>
|
||||
|
||||
<!--div class="event-calendar">
|
||||
<div id="event-calendar"></div>
|
||||
</div-->
|
||||
|
||||
|
||||
<div class="dropdown">
|
||||
<a class="p-2" href="#!" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="fe fe-more-horizontal"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu custom-dropdown dropdown-menu-right p-4">
|
||||
<h6 class="mb-1">Action</h6>
|
||||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-o pr-2"></i>View reports</a>
|
||||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-edit pr-2"></i>Edit reports</a>
|
||||
<!-- h6 class="mb-1 mt-3">Export</h6>
|
||||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-pdf-o pr-2"></i>Export to PDF</a>
|
||||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-excel-o pr-2"></i>Export to CSV</a-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
<div class="event-calendar">
|
||||
<div id="event-calendar"></div>
|
||||
</div>
|
||||
|
||||
<!--ul class="activity">
|
||||
<li class="activity-item primary">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0">Meeting with Amanda and team.</h5>
|
||||
<span>10:30 Jan</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item info">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0"> Assign task for Smith. </h5>
|
||||
<span>
|
||||
Wed, 10 Mar
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item success">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0"> Complete milestone 3 and update. </h5>
|
||||
<span>
|
||||
Mon, 14 Jun
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item danger">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0">Start new task with mark. </h5>
|
||||
<span>
|
||||
Sat, 01 May
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item warning">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0">You have created a new task</h5>
|
||||
<span>9:30</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item info">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0"> Meeting with client and CEO.</h5>
|
||||
<span>
|
||||
Fri, 10 Aug
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item success">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0">Meeting with Amanda and team.</h5>
|
||||
<span>
|
||||
Fri, 01 Dec
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- div class="col-xxl-4 m-b-30">
|
||||
<? include 'components/patient_listing.php'; ?>
|
||||
</div-->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- end row -->
|
||||
<!-- event Modal -->
|
||||
<div class="modal fade" id="eventModal" tabindex="-1" role="dialog" aria-labelledby="verticalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="verticalCenterTitle">Add New Event</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="modelemail">Event Name</label>
|
||||
<input type="email" class="form-control" id="modelemail">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Choose Event Color</label>
|
||||
<select class="form-control">
|
||||
<option>Primary</option>
|
||||
<option>Warning</option>
|
||||
<option>Success</option>
|
||||
<option>Danger</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-success">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end container-fluid -->
|
||||
</div>
|
||||
<!-- end app-main -->
|
||||
</div>
|
||||
<!-- end app-container -->
|
||||
<!-- begin footer -->
|
||||
|
||||
@@ -0,0 +1,137 @@
|
||||
<?php
|
||||
$darr = array();
|
||||
$encounter_list = isset($encounter_list) ? $encounter_list : $darr;
|
||||
//print_r($patient_list);
|
||||
$icc = 0;
|
||||
foreach ($encounter_list as $prow) {
|
||||
$icc++;
|
||||
?>
|
||||
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type mb-1 mb-xs-0 mt-1">
|
||||
<span>PP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1"><?= $prow->reason ?></small>
|
||||
<h5 class="mb-0"><a href="/patient/selectPatient/<?=$prow->patient_id?>"><?= $prow->firstname ?> <?= $prow->lastname ?></a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small>Lizzy Halfman</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small><?=$prow->appt?></small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<?
|
||||
}
|
||||
?>
|
||||
|
||||
<!--
|
||||
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type mb-1 mb-xs-0 mt-1">
|
||||
<span>PP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Car dealer</small>
|
||||
<h5 class="mb-0"><a href="#">Unread utf-8 in more quick overview</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Lizzy Halfman</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Saturday, March 17 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-pink mb-1 mb-xs-0 mt-1">
|
||||
<span>SL</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Webster HTML5 </small>
|
||||
<h5 class="mb-0"><a href="#">I get an error "No Direct Access Allowed!" when I enter purchase</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Samuel Woods</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Sunday, March 19 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-success mb-1 mb-xs-0 mt-1">
|
||||
<span>MP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">The corps</small>
|
||||
<h5 class="mb-0"><a href="#">OAuth Credentials not generating the key</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Andrew nico</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Monday, March 21 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-orange mb-1 mb-xs-0 mt-1">
|
||||
<span>SP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Sam martin vCard</small>
|
||||
<h5 class="mb-0"><a href="#">Pre-Buy Questions : For bakery Shop (Mentor Android Application)</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Jimmy Falicon</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Friday, March 22 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-info mb-1 mb-xs-0 mt-1">
|
||||
<span>AP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Mentor admin </small>
|
||||
<h5 class="mb-0"><a href="#">I need a payment option, for each seller per item</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Brian Joedon</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Saturday, March 17 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
-->
|
||||
@@ -0,0 +1,71 @@
|
||||
|
||||
<div class="card card-statistics h-100 m-b-30">
|
||||
<div class="card-header d-flex align-items-center justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Patients List</h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a class="btn btn-round btn-inverse-primary btn-xs" href="/patient/addnew">Add New </a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body scrollbar scroll_dark pt-0" style="max-height: 630px;">
|
||||
<div class="datatable-wrapper table-responsive">
|
||||
<table id="datatable" class="table table-borderless table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:10px;">#</th>
|
||||
<th style="width:40px;">Select</th>
|
||||
<th>Name</th>
|
||||
<th>Gender</th>
|
||||
<th>Age</th>
|
||||
<th style="width:40px;">DOB</th>
|
||||
<th>Phone</th>
|
||||
<th style="width:20px;">Status</th>
|
||||
<!--th>Action</!--th-->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
$darr = array();
|
||||
$patient_list = isset($patient_list) ? $patient_list : $darr;
|
||||
//print_r($patient_list);
|
||||
$icc = 0;
|
||||
foreach ($patient_list as $prow) {
|
||||
$icc++;
|
||||
?>
|
||||
|
||||
<tr>
|
||||
<td><?= $icc ?></td>
|
||||
<td><a href="/patient/selectPatient/<?= $prow->patient_id ?>"><button type="button" class="btn btn-info btn-sm">Select</button></a></td>
|
||||
<td><?= $prow->firstname ?> <?= $prow->lastname ?></td>
|
||||
<td><?= $prow->gender ?></td>
|
||||
<td><?= $prow->dob ?></td>
|
||||
<td><?= $prow->dob ?></td>
|
||||
<td><?= $prow->phone ?></td>
|
||||
<td><span class="badge badge-success-inverse">Active</span></td>
|
||||
<!--td> <a class="mr-3" href="javascript:void(0);" onclick="selectPatient(<?= $prow->patient_id ?>)" ><i class="fe fe-edit"></i></a><a href="javascript:void(0);" onclick="calendarPatient(<?= $prow->patient_id ?>)"><i class="fe fe-calendar"></i></a></td -->
|
||||
</tr>
|
||||
<?
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th style="width:10px;">#</th>
|
||||
<th style="width:40px;">Select</th>
|
||||
<th>Name</th>
|
||||
<th>Gender</th>
|
||||
<th>Age</th>
|
||||
<th>DOB</th>
|
||||
<th>Phone</th>
|
||||
<th>Status</th>
|
||||
<!--th>Action</!--th-->
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,68 @@
|
||||
|
||||
<div class="card card-statistics h-100 m-b-30">
|
||||
<div class="card-header d-flex align-items-center justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Patients List</h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a class="btn btn-round btn-inverse-primary btn-xs" href="/patient/addnew">Add New </a>
|
||||
<a class="btn btn-round btn-inverse-primary btn-xs" href="/patient/findpatient">Find Patient </a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body scrollbar scroll_dark pt-0" style="max-height: 630px;">
|
||||
<div class="datatable-wrapper table-responsive">
|
||||
<table id="datatable" class="table table-borderless table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:20px;">#</th>
|
||||
<th style="width:40px;">Select</th>
|
||||
<th>Name</th>
|
||||
<th style="width:20px;">DOB</th>
|
||||
<th style="width:20px;">Gender</th>
|
||||
<th style="width:80px;">Phone</th>
|
||||
<th style="width:50px;">Status</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
$darr = array();
|
||||
$patient_list = isset($patient_list) ? $patient_list : $darr;
|
||||
$icc = 0;
|
||||
foreach ($patient_list as $prow) {
|
||||
$icc++;
|
||||
?>
|
||||
|
||||
<tr>
|
||||
<td><?= $icc ?></td>
|
||||
<td><a href="/patient/selectPatient/<?= $prow->patient_id ?>"><button type="button" class="btn btn-info btn-sm">Select</button></a></td>
|
||||
<td><a href="/patient/selectPatient/<?=$prow->patient_id ?>"><?= $prow->firstname ?> <?= $prow->lastname ?></a></td>
|
||||
<td><?=$prow->dob ?></td>
|
||||
<td><?=$prow->gender ?></td>
|
||||
<td><?= $prow->phone ?></td>
|
||||
<td><span class="badge badge-success-inverse">Active</span></td>
|
||||
<!-- td> <a class="mr-3" href="javascript:void(0);" onclick="selectPatient(<?= $prow->patient_id ?>)" ><i class="fe fe-edit"></i></a><a href="javascript:void(0);" onclick="calendarPatient(<?= $prow->patient_id ?>)"><i class="fe fe-calendar"></i></a></!-->
|
||||
</tr>
|
||||
<?
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th style="width:20px;">#</th>
|
||||
<th style="width:40px;">Select</th>
|
||||
<th>Name</th>
|
||||
<th style="width:20px;">DOB</th>
|
||||
<th style="width:20px;">Gender</th>
|
||||
<th style="width:80px;">Phone</th>
|
||||
<th style="width:50px;">Status</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,168 @@
|
||||
|
||||
<!-- end app-header -->
|
||||
<!-- begin app-container -->
|
||||
<div class="app-container">
|
||||
<!-- begin app-nabar -->
|
||||
<aside class="app-navbar">
|
||||
<? include "application/views/template/menu/sidemain.php"; ?>
|
||||
</aside>
|
||||
<!-- end app-navbar -->
|
||||
<!-- begin app-main -->
|
||||
<div class="app-main" id="main">
|
||||
<!-- begin container-fluid -->
|
||||
<div class="container-fluid">
|
||||
|
||||
<? include "application/views/template/topstrip.php"; ?>
|
||||
<? include "application/views/template/topstrip2.php"; ?>
|
||||
|
||||
<!-- begin row -->
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-xxl-4 m-b-30">
|
||||
<div class="card card-statistics h-100 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Upcoming Encounters</h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a class="btn btn-round btn-inverse-primary btn-xs" href="/provider/encounters">Encounters</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<? include 'components/encounter_listing.php'; ?>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-xxl-2 m-b-30">
|
||||
<div class="card card-statistics h-100 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Active Encounters</h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a class="p-2" href="#!" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="fe fe-more-horizontal"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu custom-dropdown dropdown-menu-right p-4">
|
||||
<h6 class="mb-1">Action</h6>
|
||||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-o pr-2"></i>Manage</a>
|
||||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-edit pr-2"></i>Reports</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ul class="activity">
|
||||
<li class="activity-item primary">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0">Meeting with Amanda and team.</h5>
|
||||
<span>10:30 Jan</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item info">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0"> Assign task for Smith. </h5>
|
||||
<span>
|
||||
Wed, 10 Mar
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item success">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0"> Complete milestone 3 and update. </h5>
|
||||
<span>
|
||||
Mon, 14 Jun
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item danger">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0">Start new task with mark. </h5>
|
||||
<span>
|
||||
Sat, 01 May
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item warning">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0">You have created a new task</h5>
|
||||
<span>9:30</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item info">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0"> Meeting with client and CEO.</h5>
|
||||
<span>
|
||||
Fri, 10 Aug
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item success">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0">Meeting with Amanda and team.</h5>
|
||||
<span>
|
||||
Fri, 01 Dec
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-6 m-b-30">
|
||||
<? include 'components/patient_listing.php'; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- end row -->
|
||||
<!-- event Modal -->
|
||||
<div class="modal fade" id="eventModal" tabindex="-1" role="dialog" aria-labelledby="verticalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="verticalCenterTitle">Add New Event</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="modelemail">Event Name</label>
|
||||
<input type="email" class="form-control" id="modelemail">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Choose Event Color</label>
|
||||
<select class="form-control">
|
||||
<option>Primary</option>
|
||||
<option>Warning</option>
|
||||
<option>Success</option>
|
||||
<option>Danger</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-success">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end container-fluid -->
|
||||
</div>
|
||||
<!-- end app-main -->
|
||||
</div>
|
||||
<!-- end app-container -->
|
||||
<!-- begin footer -->
|
||||
|
||||
@@ -0,0 +1,70 @@
|
||||
<?
|
||||
|
||||
$chartTemplate =
|
||||
[
|
||||
"COCP" => ["Primary Complaint",'TA','value'=>['This was the last value'] ],
|
||||
"HISP" => ["History of Present Illness",'TA'],
|
||||
"POSB" => ["Primary Obervation",'TA'],
|
||||
|
||||
"TREH" => ["Treatment History",'TA'],
|
||||
"MEDH" => ["Medication History",'TA'],
|
||||
"SUGH" => ["Surgery History",'TA'],
|
||||
"DIAG" => ["Diagnosis",'TA'],
|
||||
"TRET" => ["Treatment Plan",'TA']
|
||||
|
||||
];
|
||||
|
||||
|
||||
function sectionlayout($head_code,$head_name) {
|
||||
$sTring ="
|
||||
|
||||
<h4 class='chart_code_header' id='item-{$head_code}'>$head_name</h4>
|
||||
<textarea class='form-control border border-info'>Ex consequat commodo adipisicing exercitation aute excepteur occaecat ullamco duis aliqua id magna ullamco eu. Do aute ipsum ipsum ullamco cillum consectetur ut et aute consectetur labore. Fugiat laborum incididunt tempor eu consequat enim dolore proident. Qui laborum do non excepteur nulla magna eiusmod consectetur in. Aliqua et aliqua officia quis et incididunt voluptate non anim reprehenderit adipisicing dolore ut consequat deserunt mollit dolore. Aliquip nulla enim veniam non fugiat id cupidatat nulla elit cupidatat commodo velit ut eiusmod cupidatat elit dolore.</textarea>";
|
||||
|
||||
|
||||
return $sTring;
|
||||
}
|
||||
$sectionAdd='';
|
||||
?>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-3">
|
||||
|
||||
<nav id="navbar-example3" class="navbar navbar-light bg-light">
|
||||
<a class="navbar-brand" href="#">Patient Name</a>
|
||||
<nav class="nav nav-pills flex-column" style="text-align:left;">
|
||||
<?php
|
||||
foreach( $chartTemplate as $key=>$cTmp ){
|
||||
echo "<a class='nav-link link_text' href='#item-{$key}'>{$cTmp[0]}</a>";
|
||||
|
||||
$sectionAdd .= sectionlayout($key,$cTmp[0]);
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-9">
|
||||
<?=$sectionAdd?>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@@ -0,0 +1,102 @@
|
||||
|
||||
<!-- end app-header -->
|
||||
<!-- begin app-container -->
|
||||
<div class="app-container">
|
||||
<!-- begin app-nabar -->
|
||||
<aside class="app-navbar">
|
||||
<? include "application/views/template/menu/sidemain.php"; ?>
|
||||
</aside>
|
||||
<!-- end app-navbar -->
|
||||
<!-- begin app-main -->
|
||||
<div class="app-main" id="main">
|
||||
<!-- begin container-fluid -->
|
||||
<div class="container-fluid">
|
||||
|
||||
<? include "application/views/template/topstrip.php"; ?>
|
||||
<!-- begin row -->
|
||||
|
||||
<div class="row">
|
||||
<!-- div class="col-lg-6 col-xxl-4 m-b-30">
|
||||
|
||||
</div -->
|
||||
|
||||
<div class="col-xxl-4 m-b-30">
|
||||
<div class="card card-statistics h-40 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Find Patient</h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<!-- a class="btn btn-round btn-inverse-primary btn-xs" href="#">View all </a -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="card-body">
|
||||
<form name="linkform">
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="inputLinkID">Enter Search</label>
|
||||
<input type="text" class="form-control" id="patient_link_id" name="patient_link_id" value="<?= isset($patient_link_id) ? $patient_link_id : '' ?>" placeholder="find....">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-9">
|
||||
<div id="link_result">[]</div>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" id="link_submit" class="btn btn-primary btn-block" onclick="return connectLinkID()">Search</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-xxl-8 m-b-30">
|
||||
<? include 'application/views/provider/components/large_patient_listing.php'; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- end container-fluid -->
|
||||
</div>
|
||||
<!-- end app-main -->
|
||||
</div>
|
||||
<!-- end app-container -->
|
||||
<!-- begin footer -->
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
|
||||
function connectLinkID() {
|
||||
var patient_link_id = document.linkform.patient_link_id.value;
|
||||
// alert(patient_link_id);
|
||||
|
||||
if (patient_link_id === '' ) {
|
||||
alert('You must enter valid search paramters to continue!');
|
||||
return false;
|
||||
}
|
||||
|
||||
// alert(job_description);
|
||||
$('#link_result').html('Processing...');
|
||||
$('#link_submit').prop('disabled', true);
|
||||
$.ajax({
|
||||
url: "/patient/linkpatient?patient_link_id=" + patient_link_id
|
||||
}).done(function (data) {
|
||||
$('#link_result').html(data);
|
||||
document.linkform.patient_link_id.value = '';
|
||||
$('#link_submit').prop('disabled', false);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
// -->
|
||||
</script>
|
||||
@@ -0,0 +1,212 @@
|
||||
|
||||
<!-- end app-header -->
|
||||
<!-- begin app-container -->
|
||||
<div class="app-container">
|
||||
<!-- begin app-nabar -->
|
||||
<aside class="app-navbar">
|
||||
<? include "application/views/template/menu/sidemain.php"; ?>
|
||||
</aside>
|
||||
<!-- end app-navbar -->
|
||||
<!-- begin app-main -->
|
||||
<div class="app-main" id="main">
|
||||
<!-- begin container-fluid -->
|
||||
<div class="container-fluid">
|
||||
|
||||
<? include "application/views/template/topstrip.php"; ?>
|
||||
<!-- begin row -->
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-xxl-4 m-b-30">
|
||||
|
||||
<div class="card card-statistics h-100 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">New Patient - <?= $account_message ?> </h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<!-- a class="btn btn-round btn-inverse-primary btn-xs" href="#">View all </a -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
<div class="card-body">
|
||||
<form method="POST" action="/patient/addnew">
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputEmail4">Firstname</label>
|
||||
<input type="text" class="form-control" id="firstname" name="firstname" value="<?= $firstname ?>" placeholder="Firstname">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputPassword4">Lastname</label>
|
||||
<input type="text" class="form-control" id="lastname" name="lastname" value="<?= $lastname ?>" placeholder="Lastname">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputEmail4">DOB</label>
|
||||
<input type="text" class="form-control date-picker-default" value="" name="dob">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputPassword4">Gender</label>
|
||||
|
||||
<select class="form-control" aria-label="Select Gender" name ="gender">
|
||||
<option selected>Select</option>
|
||||
<option value="M">Male</option>
|
||||
<option value="F">Female</option>
|
||||
<option value="U">Unknown</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputEmail4">Email</label>
|
||||
<input type="email" class="form-control" id="inputEmail4" placeholder="Email">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputPassword4">Password</label>
|
||||
<input type="password" class="form-control" id="password" value="<?= $password ?>" placeholder="Password">
|
||||
</div>
|
||||
</div -->
|
||||
|
||||
<div class="form-group">
|
||||
<label for="inputAddress">Email</label>
|
||||
<input type="email" class="form-control" id="inputEmail4" name ="email" placeholder="Email">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="inputAddress">Address</label>
|
||||
<input type="text" class="form-control" id="street1" name="street1" value="<?= $street1 ?>" placeholder="1234 Main St">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputAddress2">Address 2</label>
|
||||
<input type="text" class="form-control" id="street2" name="street2" value="<?= $street2 ?>" placeholder="Apartment, studio, or floor">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputCity">City</label>
|
||||
<input type="text" class="form-control" id="city" name="city" value="<?= $city ?>">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="inputState">State</label>
|
||||
<select id="inputState" class="form-control" name="state">
|
||||
<option selected>Select State</option>
|
||||
<option value="OGUN">Ogun</option>
|
||||
<option value="OYO">Oyo</option>
|
||||
<option value="OSUN" selected>Osun</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label for="inputZip">Zip</label>
|
||||
<input type="text" class="form-control" id="zipcode" name="zipcode" value="<?= $zipcode ?>">
|
||||
</div>
|
||||
</div>
|
||||
<!-- div class="form-group">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<?= $account_message ?>
|
||||
</label>
|
||||
</div>
|
||||
</!-->
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-9">
|
||||
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" class="btn btn-primary btn-sm">Add Patient</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xxl-3 m-b-30">
|
||||
<div class="card card-statistics h-40 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">New Patient Link ID</h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<!-- a class="btn btn-round btn-inverse-primary btn-xs" href="#">View all </a -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="card-body">
|
||||
<form name="linkform">
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="inputLinkID">Enter Link ID</label>
|
||||
<input type="text" class="form-control" id="patient_link_id" name="patient_link_id" value="<?= isset($patient_link_id) ? $patient_link_id : '' ?>" placeholder="Link ID : WE34RTH587">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<div id="link_result">[]</div>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<button type="submit" id="link_submit" class="btn btn-primary btn-block btn-sm" onclick="return connectLinkID()">Link Patient</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-xxl-5 m-b-30">
|
||||
<? include 'application/views/provider/components/patient_listing.php'; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- end container-fluid -->
|
||||
</div>
|
||||
<!-- end app-main -->
|
||||
</div>
|
||||
<!-- end app-container -->
|
||||
<!-- begin footer -->
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
|
||||
function connectLinkID() {
|
||||
var patient_link_id = document.linkform.patient_link_id.value;
|
||||
// alert(patient_link_id);
|
||||
|
||||
if (patient_link_id === '') {
|
||||
alert('You must enter valid linkID to continue!');
|
||||
return false;
|
||||
}
|
||||
|
||||
// alert(job_description);
|
||||
$('#link_result').html('Processing...');
|
||||
$('#link_submit').prop('disabled', true);
|
||||
$.ajax({
|
||||
url: "/patient/linkpatient?patient_link_id=" + patient_link_id
|
||||
}).done(function (data) {
|
||||
$('#link_result').html(data);
|
||||
document.linkform.patient_link_id.value = '';
|
||||
$('#link_submit').prop('disabled', false);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
// -->
|
||||
</script>
|
||||
@@ -0,0 +1,15 @@
|
||||
|
||||
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Charts</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@@ -0,0 +1,109 @@
|
||||
|
||||
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Reminders</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
<form name="reminderaddform">
|
||||
|
||||
<input type="hidden" name="patient_id" value="<?= $patient_id ?>" >
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-12">
|
||||
<textarea name="reminder_text" class="form-control" id="remindr_text" placeholder="Reminder Text"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputEmail4">Start Date</label>
|
||||
<input type="text" class="form-control date-picker-default" value="" name="start_date">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputEmail4">End Date</label>
|
||||
<input type="text" class="form-control date-picker-default" value="" name="end_date">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="sel1">Select Reminder:</label>
|
||||
<select class="form-control" id="sel1" name="reminder_type">
|
||||
<option value='0'>Email</option>
|
||||
<option value='1' selected>Email + Notification</option>
|
||||
<option value='2'>Email</option>
|
||||
<option value='3'>SMS Notification</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<div id="link_result"></div>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<button type="submit" id="rem_link_submit" class="btn btn-primary btn-block btn-sm" onclick="return addPatientReminder()">Set Reminder</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
<hr size="1">
|
||||
|
||||
<ul class="activity">
|
||||
<?
|
||||
// print_r($patient_reminder_list[0]);
|
||||
foreach ($patient_reminder_list as $prm) {
|
||||
?>
|
||||
|
||||
<li class="activity-item info">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0"><?= $prm->description ?></h5>
|
||||
<span><?= $prm->start_date ?> to <?= $prm->end_date ?></span>
|
||||
</div>
|
||||
</li>
|
||||
<?
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
|
||||
function addPatientReminder() {
|
||||
var reminder_text = document.reminderaddform.reminder_text.value;
|
||||
var start_date = document.reminderaddform.start_date.value;
|
||||
var end_date = document.reminderaddform.end_date.value;
|
||||
var reminder_type = document.reminderaddform.reminder_type.value;
|
||||
var patient_id = document.reminderaddform.patient_id.value;
|
||||
// alert(patient_link_id);
|
||||
|
||||
if (reminder_text === '' || start_date === '' || end_date === '' || reminder_type === '') {
|
||||
alert('All felids are required to add a reminder!');
|
||||
return false;
|
||||
}
|
||||
|
||||
// alert(job_description);
|
||||
$('#link_result').html('Processing...');
|
||||
$('#rem_link_submit').prop('disabled', true);
|
||||
$.ajax({
|
||||
url: "/patient/addPatientReminder?reminder_text=" + reminder_text + "&patient_id=" + patient_id +"&reminder_text=" + reminder_text +"&start_date=" + start_date +"&end_date=" + end_date + "&reminder_type="+reminder_type
|
||||
}).done(function (data) {
|
||||
$('#link_result').html(data);
|
||||
document.linkform.reminder_text.value = '';
|
||||
$('#rem_link_submit').prop('disabled', false);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
// -->
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Tracking</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,132 @@
|
||||
|
||||
|
||||
<!-- end app-header -->
|
||||
<!-- begin app-container -->
|
||||
<div class="app-container">
|
||||
<!-- begin app-nabar -->
|
||||
<aside class="app-navbar">
|
||||
<? include "application/views/template/menu/sidemain.php"; ?>
|
||||
</aside>
|
||||
<!-- end app-navbar -->
|
||||
<!-- begin app-main -->
|
||||
<div class="app-main" id="main">
|
||||
<!-- begin container-fluid -->
|
||||
<div class="container-fluid">
|
||||
|
||||
<? include "application/views/template/topstrip.php"; ?>
|
||||
<!-- begin row -->
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-xxl-4 m-b-30">
|
||||
<div class="card card-statistics h-100 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">New Patient</h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<!-- a class="btn btn-round btn-inverse-primary btn-xs" href="#">View all </a -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputEmail4">Firstname</label>
|
||||
<input type="text" class="form-control" id="firstname" placeholder="Firstname">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputPassword4">Lastname</label>
|
||||
<input type="text" class="form-control" id="lastname" placeholder="Lastname">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputEmail4">Email</label>
|
||||
<input type="email" class="form-control" id="inputEmail4" placeholder="Email">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputPassword4">Password</label>
|
||||
<input type="password" class="form-control" id="inputPassword4" placeholder="Password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputAddress">Address</label>
|
||||
<input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputAddress2">Address 2</label>
|
||||
<input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputCity">City</label>
|
||||
<input type="text" class="form-control" id="inputCity">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="inputState">State</label>
|
||||
<select id="inputState" class="form-control">
|
||||
<option selected>Select State</option>
|
||||
<option>Ontario</option>
|
||||
<option>Toronto</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label for="inputZip">Zip</label>
|
||||
<input type="text" class="form-control" id="inputZip">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="gridCheck">
|
||||
<label class="form-check-label" for="gridCheck">
|
||||
Check me out
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-9">
|
||||
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" class="btn btn-primary">Add Patient</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-xxl-8 m-b-20">
|
||||
<? include 'application/views/provider/components/patient_listing.php'; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- end container-fluid -->
|
||||
</div>
|
||||
<!-- end app-main -->
|
||||
</div>
|
||||
<!-- end app-container -->
|
||||
<!-- begin footer -->
|
||||
|
||||
@@ -0,0 +1,397 @@
|
||||
|
||||
<!-- end app-header -->
|
||||
<!-- begin app-container -->
|
||||
<input type="hidden" name="patient_id" value="<?= $patient_id ?>">
|
||||
<div class="app-container">
|
||||
<!-- begin app-nabar -->
|
||||
<aside class="app-navbar">
|
||||
<? include "application/views/template/menu/sidemain.php"; ?>
|
||||
</aside>
|
||||
<!-- end app-navbar -->
|
||||
<!-- begin app-main -->
|
||||
<div class="app-main" id="main">
|
||||
<!-- begin container-fluid -->
|
||||
<div class="container-fluid">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="alert border-0 alert-primary bg-gradient m-b-30 alert-dismissible fade show border-radius-none" role="alert">
|
||||
RECORD: <strong><span style="color:#FFFF14;"><?= $firstname ?> <?= $lastname ?></span> </strong> <a style=" color:white;"href="#" onclick="selectPatienFetures(<?= $patient_id ?>, 'REMINDERS');">Reminders</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
<!-- begin row -->
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-xxl-4 m-b-30">
|
||||
|
||||
|
||||
<div class="card card-statistics h-100 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title"><?= $firstname ?> <?= $lastname ?></h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<!-- a class="btn btn-round btn-inverse-primary btn-xs" href="#">View all </a -->
|
||||
<button type="button" onclick="selectPatienFetures(<?= $patient_id ?>, 'REMINDERS');" class="btn btn-primary btn-sm">Reminders</button>
|
||||
<button type="button" onclick="selectPatienFetures(<?= $patient_id ?>, 'TRACKING');" class="btn btn-outline-primary btn-sm">Tracking</button>
|
||||
<button type="button" onclick="selectPatienFetures(<?= $patient_id ?>, 'CHARTS');" class="btn btn-info btn-sm">Charts</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
|
||||
<form method="POST" action="/patient/updatepatient">
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputEmail4">Firstname</label>
|
||||
<input type="text" class="form-control" id="firstname" name="firstname" value="<?= $firstname ?>" placeholder="Firstname">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputPassword4">Lastname</label>
|
||||
<input type="text" class="form-control" id="lastname" name="lastname" value="<?= $lastname ?>" placeholder="Lastname">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputEmail4">DOB</label>
|
||||
<input type="text" class="form-control date-picker-default" value="" name="dob">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputPassword4">Gender</label>
|
||||
|
||||
<select class="form-control" aria-label="Select Gender" name ="gender">
|
||||
<option selected>Select</option>
|
||||
<option value="M">Male</option>
|
||||
<option value="F">Female</option>
|
||||
<option value="U">Unknown</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputEmail4">Email</label>
|
||||
<input type="email" class="form-control" id="inputEmail4" placeholder="Email">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputPassword4">Password</label>
|
||||
<input type="password" class="form-control" id="password" value="" placeholder="Password">
|
||||
</div>
|
||||
</div -->
|
||||
|
||||
<div class="form-group">
|
||||
<label for="inputAddress">Email</label>
|
||||
<input type="email" class="form-control" id="inputEmail4" placeholder="Email">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="inputAddress">Address</label>
|
||||
<input type="text" class="form-control" id="street1" name="street1" value="" placeholder="1234 Main St">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputAddress2">Address 2</label>
|
||||
<input type="text" class="form-control" id="street2" name="street2" value="" placeholder="Apartment, studio, or floor">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputCity">City</label>
|
||||
<input type="text" class="form-control" id="city" name="city" value="">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="inputState">State</label>
|
||||
<select id="inputState" class="form-control" name="state">
|
||||
<option selected>Select State</option>
|
||||
<option value="OGUN">Ogun</option>
|
||||
<option value="OYO">Oyo</option>
|
||||
<option value="OSUN" selected>Osun</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label for="inputZip">Zip</label>
|
||||
<input type="text" class="form-control" id="zipcode" name="zipcode" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-9">
|
||||
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" class="btn btn-danger btn-block btn-sm">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xxl-4 m-b-30">
|
||||
|
||||
|
||||
<div class="card card-statistics h-100 mb-0">
|
||||
<div id="action_detail">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- div class="card card-statistics h-100 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Reminders</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
<form method="POST" action="/patient/">
|
||||
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-12">
|
||||
<textarea name="reminder_text" class="form-control" id="remindr_text" placeholder="Reminder Text"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="sel1">Select Reminder:</label>
|
||||
<select class="form-control" id="sel1" name="reminder_type">
|
||||
<option value='0'>Email</option>
|
||||
<option value='1' selected>Email + Notification</option>
|
||||
<option value='2'>Email</option>
|
||||
<option value='3'>SMS Notification</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-9">
|
||||
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" class="btn btn-primary">Set Reminder</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
<ul class="activity">
|
||||
<li class="activity-item primary">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0">Meeting with Amanda and team.</h5>
|
||||
<span>10:30 Jan</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item info">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0"> Assign task for Smith. </h5>
|
||||
<span>
|
||||
Wed, 10 Mar
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="activity-item success">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0"> Complete milestone 3 and update. </h5>
|
||||
<span>
|
||||
Mon, 14 Jun
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="activity-item success">
|
||||
<div class="activity-info">
|
||||
<h5 class="mb-0">Meeting with Amanda and team.</h5>
|
||||
<span>
|
||||
Fri, 01 Dec
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</!-- -->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xxl-4 m-b-30">
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card card-statistics h-30 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Section</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
|
||||
<div class="card card-statistics h-50 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Recent Encounters</h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a class="btn btn-round btn-inverse-primary btn-xs" href="/patient/chart/<?= $patient_id ?>">Encounters</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type mb-1 mb-xs-0 mt-1">
|
||||
<span>PP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Car dealer</small>
|
||||
<h5 class="mb-0"><a href="#">Unread utf-8 in more quick overview</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Lizzy Halfman</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Saturday, March 17 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-info mb-1 mb-xs-0 mt-1">
|
||||
<span>AP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Mentor admin </small>
|
||||
<h5 class="mb-0"><a href="#">I need a payment option, for each seller per item</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Brian Joedon</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Saturday, March 17 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- end row -->
|
||||
<!-- event Modal -->
|
||||
<div class="modal fade" id="eventModal" tabindex="-1" role="dialog" aria-labelledby="verticalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="verticalCenterTitle">Add New Event</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="modelemail">Event Name</label>
|
||||
<input type="email" class="form-control" id="modelemail">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Choose Event Color</label>
|
||||
<select class="form-control">
|
||||
<option>Primary</option>
|
||||
<option>Warning</option>
|
||||
<option>Success</option>
|
||||
<option>Danger</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-success">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end container-fluid -->
|
||||
</div>
|
||||
<!-- end app-main -->
|
||||
</div>
|
||||
<!-- end app-container -->
|
||||
<!-- begin footer -->
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
function selectPatienFetures(patient_id, patient_action) {
|
||||
// alert(pending_practice_id);
|
||||
|
||||
$('#action_detail').html('Processing...');
|
||||
// $('#acc' + pending_practice_id).prop('disabled', true);
|
||||
$.ajax({
|
||||
url: "/patient/selectPatienFetures?proc=PROCESS&patient_id=" + patient_id + "&patient_action=" + patient_action
|
||||
}).done(function (data) {
|
||||
$('#action_detail').html(data);
|
||||
// $('#acc' + pending_practice_id).prop('disabled', false);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
// -->
|
||||
</script>
|
||||
|
||||
|
||||
@@ -0,0 +1,219 @@
|
||||
|
||||
<!-- end app-header -->
|
||||
<!-- begin app-container -->
|
||||
<div class="app-container">
|
||||
<!-- begin app-nabar -->
|
||||
<aside class="app-navbar">
|
||||
<? include "application/views/template/menu/sidemain.php"; ?>
|
||||
</aside>
|
||||
<!-- end app-navbar -->
|
||||
<!-- begin app-main -->
|
||||
<div class="app-main" id="main">
|
||||
<!-- begin container-fluid -->
|
||||
<div class="container-fluid">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="alert border-0 alert-primary bg-gradient m-b-30 alert-dismissible fade show border-radius-none" role="alert">
|
||||
RECORD: <strong><?=$firstname?> <?=$lastname?> </strong> some other small info like phone number
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
<!-- begin row -->
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-xxl-3 m-b-30">
|
||||
<div class="card card-statistics h-100 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Encounters</h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a class="btn btn-round btn-inverse-primary btn-xs" href="#" data-toggle="modal" data-target="#exampleModalCenter" >Add Encounters</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type mb-1 mb-xs-0 mt-1">
|
||||
<span>PP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Car dealer</small>
|
||||
<h5 class="mb-0"><a href="#">Ambulatory Visit</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Lizzy Halfman</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Saturday, March 17 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-pink mb-1 mb-xs-0 mt-1">
|
||||
<span>SL</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Webster HTML5 </small>
|
||||
<h5 class="mb-0"><a href="#">Emergency Department</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Samuel Woods</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Sunday, March 19 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-success mb-1 mb-xs-0 mt-1">
|
||||
<span>MP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">The corps</small>
|
||||
<h5 class="mb-0"><a href="#">Inpatient hospital</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Andrew nico</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Monday, March 21 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-orange mb-1 mb-xs-0 mt-1">
|
||||
<span>SP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Sam martin vCard</small>
|
||||
<h5 class="mb-0"><a href="#">Non-acute institutional stay</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Jimmy Falicon</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Friday, March 22 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row active-task m-b-20">
|
||||
<div class="col-xs-1">
|
||||
<div class="bg-type bg-info mb-1 mb-xs-0 mt-1">
|
||||
<span>AP</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<small class="d-block mb-1">Mentor admin </small>
|
||||
<h5 class="mb-0"><a href="#">Other ambulatory visit</a></h5>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li class="list-inline-item">
|
||||
<small> Created by Brian Joedon</small>
|
||||
</li>
|
||||
<li class="list-inline-item">|</li>
|
||||
<li class="list-inline-item">
|
||||
<small>Saturday, March 17 2019</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-xxl-9 m-b-30">
|
||||
<div class="card card-statistics h-100 mb-0">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<div class="card-heading">
|
||||
<h4 class="card-title">Chart Here</h4>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a class="p-2" href="#!" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="fe fe-more-horizontal"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu custom-dropdown dropdown-menu-right p-4">
|
||||
<h6 class="mb-1">Action</h6>
|
||||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-o pr-2"></i>View reports</a>
|
||||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-edit pr-2"></i>Edit reports</a>
|
||||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-bar-chart-o pr-2"></i>Statistics</a>
|
||||
<h6 class="mb-1 mt-3">Export</h6>
|
||||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-pdf-o pr-2"></i>Export to PDF</a>
|
||||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-excel-o pr-2"></i>Export to CSV</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<?include 'chart/chart.php';?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- end row -->
|
||||
<!-- event Modal -->
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="verticalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="verticalCenterTitle">Add New Encounter</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="modelemail">Event Name</label>
|
||||
<input type="email" class="form-control" id="modelemail">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Choose Event Color</label>
|
||||
<select class="form-control">
|
||||
<option>Primary</option>
|
||||
<option>Warning</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-success">Create Encounter</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end container-fluid -->
|
||||
</div>
|
||||
<!-- end app-main -->
|
||||
</div>
|
||||
<!-- end app-container -->
|
||||
<!-- begin footer -->
|
||||
|
||||
@@ -0,0 +1,451 @@
|
||||
|
||||
<!-- end app-header -->
|
||||
<!-- begin app-container -->
|
||||
<div class="app-container">
|
||||
<!-- begin app-nabar -->
|
||||
<aside class="app-navbar">
|
||||
<? include "application/views/template/menu/sidemain.php"; ?>
|
||||
</aside>
|
||||
<!-- end app-navbar -->
|
||||
<!-- begin app-main -->
|
||||
<div class="app-main" id="main">
|
||||
<!-- begin container-fluid -->
|
||||
<div class="container-fluid">
|
||||
<!-- begin row -->
|
||||
<div class="row">
|
||||
<div class="col-md-12 m-b-30">
|
||||
<!-- begin page title -->
|
||||
<div class="d-block d-sm-flex flex-nowrap align-items-center">
|
||||
<div class="page-title mb-2 mb-sm-0">
|
||||
<h1>Mail</h1>
|
||||
</div>
|
||||
<div class="ml-auto d-flex align-items-center">
|
||||
<nav>
|
||||
<ol class="breadcrumb p-0 m-b-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="index.html"><i class="ti ti-home"></i></a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active text-primary" aria-current="page">Mail</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end page title -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card card-statistics mail-contant">
|
||||
<div class="card-body p-0">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-md-4 col-xxl-2 col-md-4">
|
||||
<div class="mail-sidebar">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12">
|
||||
<div class="text-center mail-sidebar-title px-4">
|
||||
<a href="javascript:void(0)" class="btn btn-primary btn-block py-3 font-weight-bold font-18">Compose <i class="fa fa-plus pl-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="px-4 py-4">
|
||||
<ul class="pl-0">
|
||||
<li class="py-2">
|
||||
<a href="javascript:void(0)">
|
||||
<span class="nav align-items-center">
|
||||
<span>
|
||||
<i class="fa fa-envelope-o text-primary pr-4"></i>
|
||||
</span>
|
||||
<span>
|
||||
<span>Inbox</span>
|
||||
</span>
|
||||
<span class="nav-item ml-auto text-right">
|
||||
<span class="badge badge-pill badge-primary float-right">99+</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="py-2">
|
||||
<a href="javascript:void(0)">
|
||||
<span class="nav align-items-center">
|
||||
<span>
|
||||
<i class="fa fa-paper-plane-o pr-4"></i>
|
||||
</span>
|
||||
<span>
|
||||
<span>Sent Mail</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="py-2">
|
||||
<a href="javascript:void(0)">
|
||||
<span class="nav align-items-center">
|
||||
<span>
|
||||
<i class="fa fa-file-o pr-4"></i>
|
||||
</span>
|
||||
<span>
|
||||
<span>Drafts</span>
|
||||
</span>
|
||||
<span class="nav-item ml-auto text-right">
|
||||
<span class="badge badge-pill badge-primary float-right">20</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="py-2">
|
||||
<a href="javascript:void(0)">
|
||||
<span class="nav align-items-center">
|
||||
<span>
|
||||
<i class="fa fa-trash-o pr-3 pr-4"></i>
|
||||
</span>
|
||||
<span>
|
||||
<span>Deleted</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="py-2">
|
||||
<a href="javascript:void(0)">
|
||||
<span class="nav align-items-center">
|
||||
<span>
|
||||
<i class="fa fa-clock-o pr-4"></i>
|
||||
</span>
|
||||
<span>
|
||||
<span>Reminder</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="py-2">
|
||||
<a href="javascript:void(0)">
|
||||
<span class="nav align-items-center">
|
||||
<span>
|
||||
<i class="fa fa-heart-o pr-4"></i>
|
||||
</span>
|
||||
<span>
|
||||
<span>Favorite</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="pl-0 mt-5">
|
||||
<li class="py-2">
|
||||
<a href="javascript:void(0)">
|
||||
<span class="nav align-items-center">
|
||||
<span>
|
||||
<i class="fa fa-circle-o text-danger pr-4"></i>
|
||||
</span>
|
||||
<span>
|
||||
<span>Personal</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="py-2">
|
||||
<a href="javascript:void(0)">
|
||||
<span class="nav align-items-center">
|
||||
<span>
|
||||
<i class="fa fa-circle-o pr-4 text-warning"></i>
|
||||
</span>
|
||||
<span>
|
||||
<span>Work</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="py-2">
|
||||
<a href="javascript:void(0)">
|
||||
<span class="nav align-items-center">
|
||||
<span>
|
||||
<i class="fa fa-plus pr-4"></i>
|
||||
</span>
|
||||
<span>
|
||||
<span>Add Category</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8 col-xxl-4 border-md-t">
|
||||
<div class="mail-content border-right border-n h-100">
|
||||
<div class="mail-search border-bottom">
|
||||
<div class="row align-items-center mx-0">
|
||||
<div class="col-12">
|
||||
<div class="form-group pt-3">
|
||||
<input type="text" class="form-control" id="search" placeholder="Search..">
|
||||
<i class="fa fa-search"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-msg scrollbar scroll_dark">
|
||||
<div class="mail-msg-item">
|
||||
<a href="javascript:void(0)">
|
||||
<div class="media align-items-center">
|
||||
<div class="mr-3">
|
||||
<div class="bg-img">
|
||||
<img src="assets/img/avtar/01.jpg" class="img-fluid" alt="user">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-100">
|
||||
<div class="mail-msg-item-titel justify-content-between">
|
||||
<p>Martin smith</p>
|
||||
<p class="d-none d-xl-block">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
<h5 class="mb-0 my-2">Saas Designer</h5>
|
||||
<p>Since there is not an "all the above" category, I'll take the opportunity to enthusiastically congratulate you on the very high quality.</p>
|
||||
<p class="d-xl-none">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mail-msg-item">
|
||||
<a href="javascript:void(0)">
|
||||
<div class="media align-items-center">
|
||||
<div class="mr-3">
|
||||
<div class="bg-img">
|
||||
<img src="assets/img/avtar/02.jpg" class="img-fluid" alt="user">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-100">
|
||||
<div class="mail-msg-item-titel justify-content-between">
|
||||
<p>DutcaPatrick</p>
|
||||
<p class="d-none d-xl-block">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
<h5 class="mb-0 my-2">Mobile app Designer </h5>
|
||||
<p>Very nice template, lots of pages and good documentation.</p>
|
||||
<p class="d-xl-none">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mail-msg-item">
|
||||
<a href="javascript:void(0)">
|
||||
<div class="media align-items-center">
|
||||
<div class="mr-3">
|
||||
<div class="bg-img">
|
||||
<img src="assets/img/avtar/03.jpg" class="img-fluid" alt="user">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-100">
|
||||
<div class="mail-msg-item-titel justify-content-between">
|
||||
<p>m_morsch</p>
|
||||
<p class="d-none d-xl-block">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
<h5 class="mb-0 my-2">Landing page Designer</h5>
|
||||
<p>Excellent and at a great price... thank you very much!</p>
|
||||
<p class="d-xl-none">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mail-msg-item">
|
||||
<a href="javascript:void(0)">
|
||||
<div class="media align-items-center">
|
||||
<div class="mr-3">
|
||||
<div class="bg-img">
|
||||
<img src="assets/img/avtar/04.jpg" class="img-fluid" alt="user">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-100">
|
||||
<div class="mail-msg-item-titel justify-content-between">
|
||||
<p>AnnaHorno</p>
|
||||
<p class="d-none d-xl-block">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
<h5 class="mb-0 my-2">Re-Design ios app</h5>
|
||||
<p>Solved my theme problem in 10 minutes. We thank you.</p>
|
||||
<p class="d-xl-none">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mail-msg-item">
|
||||
<a href="javascript:void(0)">
|
||||
<div class="media align-items-center">
|
||||
<div class="mr-3">
|
||||
<div class="bg-img">
|
||||
<img src="assets/img/avtar/05.jpg" class="img-fluid" alt="user">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-100">
|
||||
<div class="mail-msg-item-titel justify-content-between">
|
||||
<p>Wdcorbitt</p>
|
||||
<p class="d-none d-xl-block">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
<h5 class="mb-0 my-2">Mobil UX/UI Designer</h5>
|
||||
<p>Asked for information and received it EXTREMELY quickly. Great layout - good code - great price! </p>
|
||||
<p class="d-xl-none">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mail-msg-item">
|
||||
<a href="javascript:void(0)">
|
||||
<div class="media align-items-center">
|
||||
<div class="mr-3">
|
||||
<div class="bg-img">
|
||||
<img src="assets/img/avtar/06.jpg" class="img-fluid" alt="user">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-100">
|
||||
<div class="mail-msg-item-titel justify-content-between">
|
||||
<p>Anne Smith</p>
|
||||
<p class="d-none d-xl-block">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
<h5 class="mb-0 my-2">Jobly Opportunity</h5>
|
||||
<p>Mentor has so many features and layouts. Its a great choice.</p>
|
||||
<p class="d-xl-none">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mail-msg-item">
|
||||
<a href="javascript:void(0)">
|
||||
<div class="media align-items-center">
|
||||
<div class="mr-3">
|
||||
<div class="bg-img">
|
||||
<img src="assets/img/avtar/07.jpg" class="img-fluid" alt="user">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-100">
|
||||
<div class="mail-msg-item-titel justify-content-between">
|
||||
<p>Paul Flavius</p>
|
||||
<p class="d-none d-xl-block">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
<h5 class="mb-0 my-2">Saas Designer</h5>
|
||||
<p>There are many people in the world with amazing talents who realize only a small percentage of their potential. </p>
|
||||
<p class="d-xl-none">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mail-msg-item">
|
||||
<a href="javascript:void(0)">
|
||||
<div class="media align-items-center">
|
||||
<div class="mr-3">
|
||||
<div class="bg-img">
|
||||
<img src="assets/img/avtar/08.jpg" class="img-fluid" alt="user">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-100">
|
||||
<div class="mail-msg-item-titel justify-content-between">
|
||||
<p>Sara Lisbon</p>
|
||||
<p class="d-none d-xl-block">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
<h5 class="mb-0 my-2">UI Designer</h5>
|
||||
<p>We can look a bit further back in time to Albert Einstein or even further back to Abraham Lincoln.</p>
|
||||
<p class="d-xl-none">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mail-msg-item">
|
||||
<a href="javascript:void(0)">
|
||||
<div class="media align-items-center">
|
||||
<div class="mr-3">
|
||||
<div class="bg-img">
|
||||
<img src="assets/img/avtar/09.jpg" class="img-fluid" alt="user">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-100">
|
||||
<div class="mail-msg-item-titel justify-content-between">
|
||||
<p>Annahorno</p>
|
||||
<p class="d-none d-xl-block">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
<h5 class="mb-0 my-2">Saas Designer</h5>
|
||||
<p>One of the most difficult aspects of achieving success is staying motivated over the long haul.</p>
|
||||
<p class="d-xl-none">06:59 <span> PM </span></p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-6 border-t border-xxl-t">
|
||||
<div class="mail-chat py-5 px-5">
|
||||
<div class="media align-items-center">
|
||||
<div class="bg-img mr-3">
|
||||
<img src="/assets/img/avtar/03.jpg" class="img-fluid" alt="user">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-0">Dutca Patrick</h4>
|
||||
<p>30 Min ago</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4 d-flex justify-content-between">
|
||||
<div>
|
||||
<h3>Landing page Designer...</h3>
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<a href="javascript:void(0)"><i class="fa fa-reply font-22 pr-3"></i></a>
|
||||
<a href="javascript:void(0)"><i class="fa fa-print font-22"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p class="my-4">hey adminjon...</p>
|
||||
<p class="mb-2">I truly believe Augustines words are true and if you look at history you know it is true. There are many people in the world with amazing talents who realize only a small percentage of their potential. We all know people who live this truth.</p>
|
||||
<p>We also know those epic stories, those modern-day legends surrounding the early failures of such supremely successful folks as Michael Jordan and Bill Gates. We can look a bit further back in time to Albert Einstein or even further back to Abraham Lincoln. What made each of these people so successful? Motivation.</p>
|
||||
<p>We know this in our gut, but what can we do about it? How can we motivate ourselves? One of the most difficult aspects of achieving success is staying motivated over the long haul.</p>
|
||||
<div class="my-5">
|
||||
<p>Have lovely Day,</p>
|
||||
<p>adminjon</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-md-flex px-5 py-4">
|
||||
<div class="flex-fill align-items-center">
|
||||
<div class="d-flex">
|
||||
<i class="ti ti-clip pr-3 font-22"></i>
|
||||
<p class="pr-3 font-weight-bold">Wireframe</p>
|
||||
<p>(220.MB)</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-fill text-left text-md-right"><a href="javascript:void(0)" class="text-primary"><i class="ti ti-download pr-2"></i><span>Download</span></a></div>
|
||||
</div>
|
||||
<div class="bg-light mail-f px-4 py-3">
|
||||
<div class="py-2 bg-white px-4 py-3 d-flex justify-content-between">
|
||||
<p>Click here to <a href="#editer" data-toggle="collapse" class="text-primary px-1">Reply</a>or<a href="#forward" data-toggle="collapse" class="text-primary px-1">Forward</a></p>
|
||||
<a href="javascript:void(0)" class="text-primary"><i class="fa fa-microphone"></i></a>
|
||||
</div>
|
||||
<div class="collapse" id="editer">
|
||||
<div class="form-group">
|
||||
<textarea class="form-control mt-3" id="exampleFormControlTextarea1" rows="3" placeholder="Type here..."></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse" id="forward">
|
||||
<div class="form-group">
|
||||
<input class="form-control mt-3" id="exampleFormControl" placeholder="Email Address" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center justify-content-between py-2">
|
||||
<div>
|
||||
<ul class="nav">
|
||||
<li class="nav-item pr-3"><a href="javascript:void(0)"><i class="ti ti-clip font-20"></i></a></li>
|
||||
<li class="nav-item pr-3"><a href="javascript:void(0)"><i class="ti ti-face-smile font-20"></i></a></li>
|
||||
<li class="nav-item"><a href="javascript:void(0)"><i class="ti ti-gallery font-20"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<a href="javascript:void(0)" class="btn btn-primary"><span>Send</span> <i class="fa fa-paper-plane"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end container-fluid -->
|
||||
</div>
|
||||
<!-- end app-main -->
|
||||
</div>
|
||||
<!-- end app-container -->
|
||||
@@ -0,0 +1,431 @@
|
||||
<!-- begin app-container -->
|
||||
<div class="app-container">
|
||||
<!-- begin app-nabar -->
|
||||
<aside class="app-navbar">
|
||||
<!-- begin sidebar-nav -->
|
||||
<? include "application/views/template/menu/sidemain.php"; ?>
|
||||
|
||||
<li class="nav-static-title">Personal</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false">
|
||||
<i class="nav-icon ti ti-rocket"></i>
|
||||
<span class="nav-title">Dashboards</span>
|
||||
<span class="nav-label label label-danger">9</span>
|
||||
</a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href='index.html'>Default</a> </li>
|
||||
<li> <a href='index-ecommerce.html'>Ecommerce</a> </li>
|
||||
<li> <a href='index-car-dealer.html'>Car Dealer</a> </li>
|
||||
<li> <a href='index-stock-market.html'>Stock Market</a> </li>
|
||||
<li> <a href='index-dating.html'>Dating</a> </li>
|
||||
<li> <a href='index-job-portal.html'>Job Portal</a> </li>
|
||||
<li> <a href='index-crm.html'>CRM</a> </li>
|
||||
<li> <a href='index-real-estate.html'>Real Estate</a> </li>
|
||||
<li> <a href='index-crypto-currency.html'>Crypto Currency</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="app-chat.html" aria-expanded="false"><i class="nav-icon ti ti-comment"></i><span class="nav-title">Chat</span></a> </li>
|
||||
<li><a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-calendar"></i><span class="nav-title">Calendar</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href='calendar-full.html'>Full Calendar</a> </li>
|
||||
<li> <a href='calendar-list.html'>Calendar List</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="mail-inbox.html" aria-expanded="false"><i class="nav-icon ti ti-email"></i><span class="nav-title">Mail</span></a> </li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-bag"></i> <span class="nav-title">UI Kit</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="ui-alerts.html">Alerts</a> </li>
|
||||
<li> <a href="ui-accordions.html">Accordions</a> </li>
|
||||
<li> <a class="has-arrow" href="javascript: void(0);">Buttons</a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="ui-button.html">Default Buttons</a> </li>
|
||||
<li> <a href="ui-button-icon.html">Icon Buttons</a> </li>
|
||||
<li> <a href="ui-button-block.html">Block Buttons</a> </li>
|
||||
<li> <a href="ui-button-social.html">Social Buttons</a> </li>
|
||||
<li> <a href="ui-button-groups.html">Group Buttons</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li> <a href="ui-badges.html">Badges</a> </li>
|
||||
<li> <a href="ui-cards.html">Cards</a> </li>
|
||||
<li> <a href="ui-carousel.html">Carousel</a> </li>
|
||||
<li> <a href="ui-dropdowns.html">Dropdowns</a> </li>
|
||||
|
||||
<li> <a href="ui-grid.html">Grid</a> </li>
|
||||
<li> <a href="ui-list-group.html">List Group</a> </li>
|
||||
<li> <a href="ui-lightbox.html">Light Box</a> </li>
|
||||
<li> <a href="ui-modals.html">Modals</a> </li>
|
||||
<li> <a href="ui-media.html">Media</a> </li>
|
||||
<li> <a href="ui-nestable-list.html">Nestable List</a> </li>
|
||||
<li> <a href="ui-pagination.html">Pagination</a> </li>
|
||||
<li> <a href="ui-progressbars.html">Progress Bars</a> </li>
|
||||
|
||||
<li> <a href="ui-sweet-alert.html">Sweet Alert</a> </li>
|
||||
<li> <a href="ui-tabs.html">Tabs</a> </li>
|
||||
<li> <a href="ui-nav.html">Nav</a> </li>
|
||||
<li> <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a> </li>
|
||||
<li> <a href="ui-typography.html">Typography</a> </li>
|
||||
<li> <a href="ui-toastr.html">Toastr</a> </li>
|
||||
<li> <a href="ui-video.html">Video</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-info"></i><span class="nav-title">Icons</span> </a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="icons-cryptocurrency.html">Cryptocurrency Icons</a> </li>
|
||||
<li> <a href="icons-drip.html">Drip Icons</a> </li>
|
||||
<li> <a href="icons-dash.html">Dash Icons</a> </li>
|
||||
<li> <a href="icons-feather.html">Feather Icons</a> </li>
|
||||
<li> <a href="icons-fontawesome.html">Font Awesome</a> </li>
|
||||
<li> <a href="icons-ion.html">Ion Icons</a> </li>
|
||||
<li> <a href="icons-weather.html">Weather Icons</a> </li>
|
||||
<li> <a href="icons-material.html">Material Icons</a> </li>
|
||||
<li> <a href="icons-themify.html">Themify Icons</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-static-title">Widgets, Tables & Layouts</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i class="nav-icon ti ti-layout-grid4-alt"></i> <span class="nav-title">Widgets</span> <span class="nav-label label label-success">New</span> </a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="widget-chart.html">Chart Widget</a> </li>
|
||||
|
||||
<li> <a href="widget-list.html">List Widget</a> </li>
|
||||
|
||||
<li> <a href="widget-social.html">Social Widget</a> </li>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layout-column3-alt"></i><span class="nav-title">Tables</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="tables-basic.html">Basic Table</a> </li>
|
||||
<li> <a href="tables-color.html">Color Table </a> </li>
|
||||
<li> <a href="tables-datatable.html">Data Table</a> </li>
|
||||
<li> <a href="tables-editable.html">Editable Table</a> </li>
|
||||
<li> <a href="tables-export.html">Export Table</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layout"></i> <span class="nav-title">Layouts</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li><a href="layout-mini.html">Sidebar Mini</a></li>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-pie-chart"></i><span class="nav-title">Charts</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="chart-apex.html">Apex Chart</a> </li>
|
||||
<li> <a href="chart-flot.html">Flot Chart</a> </li>
|
||||
<li> <a href="chart-morris.html">Morris Chart</a> </li>
|
||||
<li> <a href="chart-chartist.html">Chartist Charts</a> </li>
|
||||
<li> <a href="chart-chartjs.html">Chartjs Chart</a> </li>
|
||||
<li> <a href="chart-c3.html">C3 Chart</a> </li>
|
||||
<li> <a href="chart-sparkline.html">Sparkline Chart</a> </li>
|
||||
<li> <a href="chart-knob.html">Knob Chart</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i class="nav-icon ti ti-pencil-alt"></i> <span class="nav-title">Forms</span> </a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="form-autonumeric.html">Autonumeric</a> </li>
|
||||
<li> <a href="form-editors.html">Editors</a> </li>
|
||||
<li> <a href="form-elements.html">Elements</a> </li>
|
||||
<li> <a href="form-file-upload.html">Drop Zone
|
||||
</a> </li>
|
||||
<li> <a href="form-input-groups.html">Input Groups</a> </li>
|
||||
<li> <a href="form-inputmask.html">Input Masks</a> </li>
|
||||
<li> <a href="form-layouts.html">Forms Layouts</a> </li>
|
||||
<li> <a href="form-listbox.html">Listbox</a> </li>
|
||||
<li> <a href="form-pickers.html">Pickers</a> </li>
|
||||
<li> <a href="form-range-slider.html">Range Slider</a> </li>
|
||||
<li> <a href="form-selects.html">Selects</a> </li>
|
||||
<li> <a href="form-switchers.html">Switchers</a> </li>
|
||||
<li> <a href="form-validation.html">Validation</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-static-title">Extra Components</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-map-alt"></i><span class="nav-title">Maps</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="maps-google.html">Google Maps</a> </li>
|
||||
<li> <a href="maps-vector.html">Vector Maps</a> </li>
|
||||
<li> <a href="maps-mapael.html">Mapael Maps</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layers"></i><span class="nav-title">Pages</span><span class="nav-label label label-primary">12</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li class="active"> <a href="page-account-settings.html">Profile</a> </li>
|
||||
<li> <a href="page-clients.html">Clients</a> </li>
|
||||
<li> <a href="page-contacts.html">Contacts</a> </li>
|
||||
<li> <a href="page-employees.html">Employees</a> </li>
|
||||
<li> <a href="page-faq.html">FAQ</a> </li>
|
||||
<li> <a href="page-file-manager.html">File Manager</a> </li>
|
||||
<li> <a href="page-gallery.html">Gallery</a> </li>
|
||||
|
||||
<li> <a href="page-pricing.html">Pricing</a> </li>
|
||||
<li> <a href="page-task-list.html">Task List</a> </li>
|
||||
<li> <a href="page-404.html">404</a> </li>
|
||||
<li> <a href="page-500.html">500</a> </li>
|
||||
<li> <a href="page-coming-soon.html">Coming Soon</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-key"></i><span class="nav-title">Auth</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="auth-login.html">Login</a> </li>
|
||||
<li> <a href="auth-register.html">Register</a> </li>
|
||||
<li> <a href="auth-lockscreen.html">Lock Screen</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-list"></i><span class="nav-title">Multi Level</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="javascript: void(0);">Level 1.1</a> </li>
|
||||
<li class="scoop-hasmenu">
|
||||
<a class="has-arrow" href="javascript: void(0);">Level 1.2</a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="javascript: void(0);">Level 2.1</a> </li>
|
||||
<li> <a href="javascript: void(0);">Level 2.2</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="sidebar-banner p-4 bg-gradient text-center m-3 d-block rounded">
|
||||
<h5 class="text-white mb-1">Mentor admin</h5>
|
||||
<p class="font-13 text-white line-20">Multipurpose Bootstrap 4 Admin Template</p>
|
||||
<a class="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" href="#"> Buy now</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end sidebar-nav -->
|
||||
</aside>
|
||||
<!-- end app-navbar -->
|
||||
<!-- begin app-main -->
|
||||
<div class="app-main" id="main">
|
||||
<!-- begin container-fluid -->
|
||||
<div class="container-fluid">
|
||||
<!-- begin row -->
|
||||
<div class="row">
|
||||
<div class="col-md-12 m-b-30">
|
||||
<!-- begin page title -->
|
||||
<div class="d-block d-sm-flex flex-nowrap align-items-center">
|
||||
<div class="page-title mb-2 mb-sm-0">
|
||||
<h1>Profile</h1>
|
||||
</div>
|
||||
<div class="ml-auto d-flex align-items-center">
|
||||
<nav>
|
||||
<ol class="breadcrumb p-0 m-b-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="index.html"><i class="ti ti-home"></i></a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
Pages
|
||||
</li>
|
||||
<li class="breadcrumb-item active text-primary" aria-current="page">Profile</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end page title -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
|
||||
<!--mail-Compose-contant-start-->
|
||||
<div class="row account-contant">
|
||||
<div class="col-12">
|
||||
<div class="card card-statistics">
|
||||
<div class="card-body p-0">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-xl-3 pb-xl-0 pb-5 border-right">
|
||||
<div class="page-account-profil pt-5">
|
||||
<div class="profile-img text-center rounded-circle">
|
||||
<div class="pt-5">
|
||||
<div class="bg-img m-auto">
|
||||
<img src="/assets/img/avtar/01.jpg" class="img-fluid" alt="users-avatar">
|
||||
</div>
|
||||
<div class="profile pt-4">
|
||||
<h4 class="mb-1"><?= isset($_SESSION['user_firstname'])? $_SESSION['user_firstname']:''; ?> <?= isset($_SESSION['user_lastname'])? $_SESSION['user_lastname']:''; ?></h4>
|
||||
<p><?= isset($_SESSION['user_email'])? $_SESSION['user_email']:''; ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="py-5 profile-counter">
|
||||
<ul class="nav justify-content-center text-center">
|
||||
<li class="nav-item border-right px-3">
|
||||
<div>
|
||||
<h4 class="mb-0">90</h4>
|
||||
<p>Post</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="nav-item border-right px-3">
|
||||
<div>
|
||||
<h4 class="mb-0">1.5K</h4>
|
||||
<p>Messages</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="nav-item px-3">
|
||||
<div>
|
||||
<h4 class="mb-0">4.4K</h4>
|
||||
<p>Members</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="profile-btn text-center">
|
||||
<div><button class="btn btn-light text-primary mb-2">Upload New Avatar</button></div>
|
||||
<div><button class="btn btn-danger">Delete</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-5 col-md-6 col-12 border-t border-right">
|
||||
<div class="page-account-form">
|
||||
<div class="form-titel border-bottom p-3">
|
||||
<h5 class="mb-0 py-2">Edit Your Personal Settings</h5>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<form>
|
||||
<div class="form-row">
|
||||
|
||||
<div class="form-row">
|
||||
|
||||
|
||||
<div class="form-group col-md-5">
|
||||
<label for="name1">Firstname</label>
|
||||
<input type="text" class="form-control" id="name1" value="Alice">
|
||||
</div>
|
||||
<div class="form-group col-md-5">
|
||||
<label for="name1">Lastname</label>
|
||||
<input type="text" class="form-control" id="name1" value="Williams">
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-2">
|
||||
<label for="name1">MI</label>
|
||||
<input type="text" class="form-control" id="name1" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<label for="title1">Title</label>
|
||||
<input type="text" class="form-control" id="title1" value="Marketing expert">
|
||||
</div>
|
||||
<div class="form-group col-md-12">
|
||||
<label for="phone1">Phone Number</label>
|
||||
<input type="text" class="form-control" id="phone1" value="(01) 97 563 15613">
|
||||
</div>
|
||||
<div class="form-group col-md-12">
|
||||
<label for="email1">Email</label>
|
||||
<input type="email" class="form-control" id="email1" value="alicewilliams@gmail.com">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="add1">Address</label>
|
||||
<input type="text" class="form-control" id="add1" value="17504 Carlton Cuevas Rd, Gulfport, MS, 39503">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="add2">Address 2</label>
|
||||
<input type="text" class="form-control" id="add2" value="1234 North Avenue Luke Lane, South Bend, IN 360001">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="inputState3">City</label>
|
||||
<select id="inputState3" class="form-control">
|
||||
<option>Choose...</option>
|
||||
<option selected="">London</option>
|
||||
<option>Montreal</option>
|
||||
<option>Delhi</option>
|
||||
<option>Tokyo</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="inputState4">State</label>
|
||||
<select id="inputState4" class="form-control">
|
||||
<option>Choose...</option>
|
||||
<option selected="">England</option>
|
||||
<option>California </option>
|
||||
<option>Texas</option>
|
||||
<option>Scotland </option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="inputZip">Zip</label>
|
||||
<input type="text" class="form-control" id="inputZip" value="EC1A 1BB">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="gridCheck">
|
||||
<label class="form-check-label" for="gridCheck">
|
||||
I agree to receive email notification.
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Update Information</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-md-6 border-t col-12">
|
||||
<div class="page-account-form">
|
||||
<div class="form-titel border-bottom p-3">
|
||||
<h5 class="mb-0 py-2">Your External Link</h5>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="fb">Facebook URL:</label>
|
||||
<input type="text" class="form-control" id="fb" value="https://www.facebook.com/">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="tr">Twitter URL:</label>
|
||||
<input type="text" class="form-control" id="tr" value="https://twitter.com/">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="br">Blogger URL:</label>
|
||||
<input type="text" class="form-control" id="br" value="https://www.blogger.com">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="go">Google+ URL:</label>
|
||||
<input type="text" class="form-control" id="go" value="https://plus.google.com/discover">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="li">LinkedIn URL:</label>
|
||||
<input type="text" class="form-control" id="li" value="https://in.linkedin.com/">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="we">Website URL:</label>
|
||||
<input type="text" class="form-control" id="we" value="https://yourwebsite.com">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Save & Update</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--mail-Compose-contant-end-->
|
||||
</div>
|
||||
<!-- end container-fluid -->
|
||||
</div>
|
||||
<!-- end app-main -->
|
||||
</div>
|
||||
<!-- end app-container -->
|
||||
@@ -0,0 +1,454 @@
|
||||
<!-- begin app-container -->
|
||||
<div class="app-container">
|
||||
<!-- begin app-nabar -->
|
||||
<aside class="app-navbar">
|
||||
<!-- begin sidebar-nav -->
|
||||
<? include "application/views/template/menu/sidemain.php"; ?>
|
||||
|
||||
<li class="nav-static-title">Personal</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false">
|
||||
<i class="nav-icon ti ti-rocket"></i>
|
||||
<span class="nav-title">Dashboards</span>
|
||||
<span class="nav-label label label-danger">9</span>
|
||||
</a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href='index.html'>Default</a> </li>
|
||||
<li> <a href='index-ecommerce.html'>Ecommerce</a> </li>
|
||||
<li> <a href='index-car-dealer.html'>Car Dealer</a> </li>
|
||||
<li> <a href='index-stock-market.html'>Stock Market</a> </li>
|
||||
<li> <a href='index-dating.html'>Dating</a> </li>
|
||||
<li> <a href='index-job-portal.html'>Job Portal</a> </li>
|
||||
<li> <a href='index-crm.html'>CRM</a> </li>
|
||||
<li> <a href='index-real-estate.html'>Real Estate</a> </li>
|
||||
<li> <a href='index-crypto-currency.html'>Crypto Currency</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="app-chat.html" aria-expanded="false"><i class="nav-icon ti ti-comment"></i><span class="nav-title">Chat</span></a> </li>
|
||||
<li><a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-calendar"></i><span class="nav-title">Calendar</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href='calendar-full.html'>Full Calendar</a> </li>
|
||||
<li> <a href='calendar-list.html'>Calendar List</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="mail-inbox.html" aria-expanded="false"><i class="nav-icon ti ti-email"></i><span class="nav-title">Mail</span></a> </li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-bag"></i> <span class="nav-title">UI Kit</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="ui-alerts.html">Alerts</a> </li>
|
||||
<li> <a href="ui-accordions.html">Accordions</a> </li>
|
||||
<li> <a class="has-arrow" href="javascript: void(0);">Buttons</a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="ui-button.html">Default Buttons</a> </li>
|
||||
<li> <a href="ui-button-icon.html">Icon Buttons</a> </li>
|
||||
<li> <a href="ui-button-block.html">Block Buttons</a> </li>
|
||||
<li> <a href="ui-button-social.html">Social Buttons</a> </li>
|
||||
<li> <a href="ui-button-groups.html">Group Buttons</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li> <a href="ui-badges.html">Badges</a> </li>
|
||||
<li> <a href="ui-cards.html">Cards</a> </li>
|
||||
<li> <a href="ui-carousel.html">Carousel</a> </li>
|
||||
<li> <a href="ui-dropdowns.html">Dropdowns</a> </li>
|
||||
|
||||
<li> <a href="ui-grid.html">Grid</a> </li>
|
||||
<li> <a href="ui-list-group.html">List Group</a> </li>
|
||||
<li> <a href="ui-lightbox.html">Light Box</a> </li>
|
||||
<li> <a href="ui-modals.html">Modals</a> </li>
|
||||
<li> <a href="ui-media.html">Media</a> </li>
|
||||
<li> <a href="ui-nestable-list.html">Nestable List</a> </li>
|
||||
<li> <a href="ui-pagination.html">Pagination</a> </li>
|
||||
<li> <a href="ui-progressbars.html">Progress Bars</a> </li>
|
||||
|
||||
<li> <a href="ui-sweet-alert.html">Sweet Alert</a> </li>
|
||||
<li> <a href="ui-tabs.html">Tabs</a> </li>
|
||||
<li> <a href="ui-nav.html">Nav</a> </li>
|
||||
<li> <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a> </li>
|
||||
<li> <a href="ui-typography.html">Typography</a> </li>
|
||||
<li> <a href="ui-toastr.html">Toastr</a> </li>
|
||||
<li> <a href="ui-video.html">Video</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-info"></i><span class="nav-title">Icons</span> </a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="icons-cryptocurrency.html">Cryptocurrency Icons</a> </li>
|
||||
<li> <a href="icons-drip.html">Drip Icons</a> </li>
|
||||
<li> <a href="icons-dash.html">Dash Icons</a> </li>
|
||||
<li> <a href="icons-feather.html">Feather Icons</a> </li>
|
||||
<li> <a href="icons-fontawesome.html">Font Awesome</a> </li>
|
||||
<li> <a href="icons-ion.html">Ion Icons</a> </li>
|
||||
<li> <a href="icons-weather.html">Weather Icons</a> </li>
|
||||
<li> <a href="icons-material.html">Material Icons</a> </li>
|
||||
<li> <a href="icons-themify.html">Themify Icons</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-static-title">Widgets, Tables & Layouts</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i class="nav-icon ti ti-layout-grid4-alt"></i> <span class="nav-title">Widgets</span> <span class="nav-label label label-success">New</span> </a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="widget-chart.html">Chart Widget</a> </li>
|
||||
|
||||
<li> <a href="widget-list.html">List Widget</a> </li>
|
||||
|
||||
<li> <a href="widget-social.html">Social Widget</a> </li>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layout-column3-alt"></i><span class="nav-title">Tables</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="tables-basic.html">Basic Table</a> </li>
|
||||
<li> <a href="tables-color.html">Color Table </a> </li>
|
||||
<li> <a href="tables-datatable.html">Data Table</a> </li>
|
||||
<li> <a href="tables-editable.html">Editable Table</a> </li>
|
||||
<li> <a href="tables-export.html">Export Table</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layout"></i> <span class="nav-title">Layouts</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li><a href="layout-mini.html">Sidebar Mini</a></li>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-pie-chart"></i><span class="nav-title">Charts</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="chart-apex.html">Apex Chart</a> </li>
|
||||
<li> <a href="chart-flot.html">Flot Chart</a> </li>
|
||||
<li> <a href="chart-morris.html">Morris Chart</a> </li>
|
||||
<li> <a href="chart-chartist.html">Chartist Charts</a> </li>
|
||||
<li> <a href="chart-chartjs.html">Chartjs Chart</a> </li>
|
||||
<li> <a href="chart-c3.html">C3 Chart</a> </li>
|
||||
<li> <a href="chart-sparkline.html">Sparkline Chart</a> </li>
|
||||
<li> <a href="chart-knob.html">Knob Chart</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i class="nav-icon ti ti-pencil-alt"></i> <span class="nav-title">Forms</span> </a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="form-autonumeric.html">Autonumeric</a> </li>
|
||||
<li> <a href="form-editors.html">Editors</a> </li>
|
||||
<li> <a href="form-elements.html">Elements</a> </li>
|
||||
<li> <a href="form-file-upload.html">Drop Zone
|
||||
</a> </li>
|
||||
<li> <a href="form-input-groups.html">Input Groups</a> </li>
|
||||
<li> <a href="form-inputmask.html">Input Masks</a> </li>
|
||||
<li> <a href="form-layouts.html">Forms Layouts</a> </li>
|
||||
<li> <a href="form-listbox.html">Listbox</a> </li>
|
||||
<li> <a href="form-pickers.html">Pickers</a> </li>
|
||||
<li> <a href="form-range-slider.html">Range Slider</a> </li>
|
||||
<li> <a href="form-selects.html">Selects</a> </li>
|
||||
<li> <a href="form-switchers.html">Switchers</a> </li>
|
||||
<li> <a href="form-validation.html">Validation</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-static-title">Extra Components</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-map-alt"></i><span class="nav-title">Maps</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="maps-google.html">Google Maps</a> </li>
|
||||
<li> <a href="maps-vector.html">Vector Maps</a> </li>
|
||||
<li> <a href="maps-mapael.html">Mapael Maps</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layers"></i><span class="nav-title">Pages</span><span class="nav-label label label-primary">12</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li class="active"> <a href="page-account-settings.html">Account Settings</a> </li>
|
||||
<li> <a href="page-clients.html">Clients</a> </li>
|
||||
<li> <a href="page-contacts.html">Contacts</a> </li>
|
||||
<li> <a href="page-employees.html">Employees</a> </li>
|
||||
<li> <a href="page-faq.html">FAQ</a> </li>
|
||||
<li> <a href="page-file-manager.html">File Manager</a> </li>
|
||||
<li> <a href="page-gallery.html">Gallery</a> </li>
|
||||
|
||||
<li> <a href="page-pricing.html">Pricing</a> </li>
|
||||
<li> <a href="page-task-list.html">Task List</a> </li>
|
||||
<li> <a href="page-404.html">404</a> </li>
|
||||
<li> <a href="page-500.html">500</a> </li>
|
||||
<li> <a href="page-coming-soon.html">Coming Soon</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-key"></i><span class="nav-title">Auth</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="auth-login.html">Login</a> </li>
|
||||
<li> <a href="auth-register.html">Register</a> </li>
|
||||
<li> <a href="auth-lockscreen.html">Lock Screen</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-list"></i><span class="nav-title">Multi Level</span></a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="javascript: void(0);">Level 1.1</a> </li>
|
||||
<li class="scoop-hasmenu">
|
||||
<a class="has-arrow" href="javascript: void(0);">Level 1.2</a>
|
||||
<ul aria-expanded="false">
|
||||
<li> <a href="javascript: void(0);">Level 2.1</a> </li>
|
||||
<li> <a href="javascript: void(0);">Level 2.2</a> </li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="sidebar-banner p-4 bg-gradient text-center m-3 d-block rounded">
|
||||
<h5 class="text-white mb-1">Mentor admin</h5>
|
||||
<p class="font-13 text-white line-20">Multipurpose Bootstrap 4 Admin Template</p>
|
||||
<a class="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" href="#"> Buy now</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end sidebar-nav -->
|
||||
</aside>
|
||||
<!-- end app-navbar -->
|
||||
<!-- begin app-main -->
|
||||
<div class="app-main" id="main">
|
||||
<!-- begin container-fluid -->
|
||||
<div class="container-fluid">
|
||||
<!-- begin row -->
|
||||
<div class="row">
|
||||
<div class="col-md-12 m-b-30">
|
||||
<!-- begin page title -->
|
||||
<div class="d-block d-sm-flex flex-nowrap align-items-center">
|
||||
<div class="page-title mb-2 mb-sm-0">
|
||||
<h1>Account Settings</h1>
|
||||
</div>
|
||||
<div class="ml-auto d-flex align-items-center">
|
||||
<nav>
|
||||
<ol class="breadcrumb p-0 m-b-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="index.html"><i class="ti ti-home"></i></a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
Pages
|
||||
</li>
|
||||
<li class="breadcrumb-item active text-primary" aria-current="page">Account Settings</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end page title -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
|
||||
<!--mail-Compose-contant-start-->
|
||||
<div class="row account-contant">
|
||||
<div class="col-12">
|
||||
<div class="card card-statistics">
|
||||
<div class="card-body p-0">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-xl-3 pb-xl-0 pb-5 border-right">
|
||||
<div class="page-account-profil pt-5">
|
||||
<div class="profile-img text-center rounded-circle">
|
||||
<div class="pt-5">
|
||||
<div class="bg-img m-auto">
|
||||
<img src="/assets/img/avtar/01.jpg" class="img-fluid" alt="users-avatar">
|
||||
</div>
|
||||
<div class="profile pt-4">
|
||||
<h4 class="mb-1"><?= isset($_SESSION['user_firstname'])? $_SESSION['user_firstname']:''; ?> <?= isset($_SESSION['user_lastname'])? $_SESSION['user_lastname']:''; ?></h4>
|
||||
<p><?= isset($_SESSION['user_email'])? $_SESSION['user_email']:''; ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="py-5 profile-counter">
|
||||
<ul class="nav justify-content-center text-center">
|
||||
<li class="nav-item border-right px-3">
|
||||
<div>
|
||||
<h4 class="mb-0">90</h4>
|
||||
<p>Post</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="nav-item border-right px-3">
|
||||
<div>
|
||||
<h4 class="mb-0">1.5K</h4>
|
||||
<p>Messages</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="nav-item px-3">
|
||||
<div>
|
||||
<h4 class="mb-0">4.4K</h4>
|
||||
<p>Members</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="profile-btn text-center">
|
||||
<div><button class="btn btn-light text-primary mb-2">Upload New Avatar</button></div>
|
||||
<div><button class="btn btn-danger">Delete</button></div>
|
||||
</div>
|
||||
|
||||
<div class="py-5 profile-counter">
|
||||
<ul class="nav justify-content-center text-center">
|
||||
<li class="nav-item border-right px-3">
|
||||
<div>
|
||||
<h4 class="mb-0">ADMIN</h4>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="nav-item border-right px-3">
|
||||
<div>
|
||||
<h4 class="mb-0">ADMIN</h4>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="nav-item px-3">
|
||||
<div>
|
||||
<h4 class="mb-0">ADMIN</h4>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-5 col-md-6 col-12 border-t border-right">
|
||||
<div class="page-account-form">
|
||||
<div class="form-titel border-bottom p-3">
|
||||
<h5 class="mb-0 py-2">Edit Your Personal Settings</h5>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<form>
|
||||
<div class="form-row">
|
||||
|
||||
<div class="form-row">
|
||||
|
||||
|
||||
<div class="form-group col-md-5">
|
||||
<label for="name1">Firstname</label>
|
||||
<input type="text" class="form-control" id="name1" value="Alice">
|
||||
</div>
|
||||
<div class="form-group col-md-5">
|
||||
<label for="name1">Lastname</label>
|
||||
<input type="text" class="form-control" id="name1" value="Williams">
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-2">
|
||||
<label for="name1">MI</label>
|
||||
<input type="text" class="form-control" id="name1" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<label for="title1">Title</label>
|
||||
<input type="text" class="form-control" id="title1" value="Marketing expert">
|
||||
</div>
|
||||
<div class="form-group col-md-12">
|
||||
<label for="phone1">Phone Number</label>
|
||||
<input type="text" class="form-control" id="phone1" value="(01) 97 563 15613">
|
||||
</div>
|
||||
<div class="form-group col-md-12">
|
||||
<label for="email1">Email</label>
|
||||
<input type="email" class="form-control" id="email1" value="alicewilliams@gmail.com">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="add1">Address</label>
|
||||
<input type="text" class="form-control" id="add1" value="17504 Carlton Cuevas Rd, Gulfport, MS, 39503">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="add2">Address 2</label>
|
||||
<input type="text" class="form-control" id="add2" value="1234 North Avenue Luke Lane, South Bend, IN 360001">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-4">
|
||||
<label for="inputState3">City</label>
|
||||
<select id="inputState3" class="form-control">
|
||||
<option>Choose...</option>
|
||||
<option selected="">London</option>
|
||||
<option>Montreal</option>
|
||||
<option>Delhi</option>
|
||||
<option>Tokyo</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="inputState4">State</label>
|
||||
<select id="inputState4" class="form-control">
|
||||
<option>Choose...</option>
|
||||
<option selected="">England</option>
|
||||
<option>California </option>
|
||||
<option>Texas</option>
|
||||
<option>Scotland </option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="inputZip">Zip</label>
|
||||
<input type="text" class="form-control" id="inputZip" value="EC1A 1BB">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="gridCheck">
|
||||
<label class="form-check-label" for="gridCheck">
|
||||
I agree to receive email notification.
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Update Information</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-md-6 border-t col-12">
|
||||
<div class="page-account-form">
|
||||
<div class="form-titel border-bottom p-3">
|
||||
<h5 class="mb-0 py-2">Your External Link</h5>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="fb">Facebook URL:</label>
|
||||
<input type="text" class="form-control" id="fb" value="https://www.facebook.com/">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="tr">Twitter URL:</label>
|
||||
<input type="text" class="form-control" id="tr" value="https://twitter.com/">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="br">Blogger URL:</label>
|
||||
<input type="text" class="form-control" id="br" value="https://www.blogger.com">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="go">Google+ URL:</label>
|
||||
<input type="text" class="form-control" id="go" value="https://plus.google.com/discover">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="li">LinkedIn URL:</label>
|
||||
<input type="text" class="form-control" id="li" value="https://in.linkedin.com/">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="we">Website URL:</label>
|
||||
<input type="text" class="form-control" id="we" value="https://yourwebsite.com">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Save & Update</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--mail-Compose-contant-end-->
|
||||
</div>
|
||||
<!-- end container-fluid -->
|
||||
</div>
|
||||
<!-- end app-main -->
|
||||
</div>
|
||||
<!-- end app-container -->
|
||||
Reference in New Issue
Block a user