
<!-- 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">&times;</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 -->

