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


