/
home
/
sjslayjy
/
public_html
/
cropnet
/
resources
/
views
/
admin
/
dashboard
/
Upload File
HOME
@extends('admin.layouts.app') @section('title','Dashboard') @section('style') <meta name="csrf-token" content="{{ csrf_token() }}"> {{-- {{Html::style("assets/css/bootstrap-datepicker3.min.css")}} --}} @endsection @section('content') <div class="content-wrapper"> <div class="container-full"> <section class="content"> <div class="row"> <div class="col-xl-3 col-lg-6 col-12"> <div class="box bg-primary-light"> <div class="box-body text-center"> <div class="d-flex justify-content-between align-items-center"> <div class="p-5 w-100 h-100"> <img src="../../../images/user.png" class="" alt=""> </div> <div class="text-end"> <h2 class="mb-0 fw-600 text-primary">1,548</h2> <p class="text-fade mt-5 mb-0">Consulation</p> </div> </div> </div> </div> </div> <div class="col-xl-3 col-lg-6 col-12"> <div class="box bg-info-light"> <div class="box-body text-center"> <div class="d-flex justify-content-between align-items-center"> <div class="p-5 w-100 h-100"> <img src="../../../images/farmer.png" class="" alt=""> </div> <div class="text-end"> <h2 class="mb-0 fw-600 text-info">448</h2> <p class="text-fade mt-5 mb-0">Consulation</p> </div> </div> </div> </div> </div> <div class="col-xl-3 col-lg-6 col-12"> <div class="box bg-danger-light"> <div class="box-body text-center"> <div class="d-flex justify-content-between align-items-center"> <div class="p-5 w-100 h-100"> <img src="../../../images/seed.png" class="" alt=""> </div> <div class="text-end"> <h2 class="mb-0 fw-600 text-danger">848</h2> <p class="text-fade mt-5 mb-0">Staff</p> </div> </div> </div> </div> </div> <div class="col-xl-3 col-lg-6 col-12"> <div class="box bg-success-light"> <div class="box-body text-center"> <div class="d-flex justify-content-between align-items-center"> <div class="p-5 w-100 h-100"> <img src="../../../images/chemical.png" class="" alt=""> </div> <div class="text-end"> <h2 class="mb-0 fw-600 text-success">3,100</h2> <p class="text-fade mt-5 mb-0">Total Rooms</p> </div> </div> </div> </div> </div> <div class="col-xl-8 col-12"> <div class="box"> <div class="box-header"> <h4 class="box-title">Outpatients vs Inpatients Trend</h4> </div> <div class="box-body"> <div id="patients_trend"></div> </div> </div> <div class="row"> <div class="col-xl-6 col-12"> <div class="box"> <div class="box-header"> <h4 class="box-title">Patients By Division</h4> </div> <div class="box-body"> <div class="table-responsive"> <table class="mb-0 table"> <thead class="bg-primary"> <tr> <th>Division</th> <th>Inpatient</th> <th>Outpatient</th> </tr> </thead> <tbody> <tr> <td>Surgery</td> <td><i class="text-success me-5 fa fa-arrow-up"></i>9,471</td> <td>17,642</td> </tr> <tr> <td>Gynaecology</td> <td><i class="text-success me-5 fa fa-arrow-up"></i>6,869</td> <td>13,053</td> </tr> <tr> <td>Dematology</td> <td>5,299</td> <td><i class="text-success me-5 fa fa-arrow-up"></i>9,772</td> </tr> <tr> <td>Neurology</td> <td>3,540</td> <td>6,581</td> </tr> <tr> <td>Oncology</td> <td><i class="text-danger me-5 fa fa-arrow-down"></i>3,088</td> <td>5,842</td> </tr> <tr> <td>Orthopaedics</td> <td>2,809</td> <td>5,144</td> </tr> <tr> <td>Cardiology</td> <td>2,046</td> <td><i class="text-warning me-5 fa fa-arrow-right"></i>3,868</td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="col-xl-6 col-12"> <div class="box"> <div class="box-header"> <h4 class="box-title">Avg Waiting Time By Division</h4> </div> <div class="box-body"> <div id="avg_waiting"></div> </div> </div> </div> </div> </div> <div class="col-xl-4 col-12"> <div class="box"> <div class="box-header"> <h4 class="box-title">Overall Patient Satisfaction</h4> </div> <div class="box-body" style="min-height: 339px;"> <div id="patient_satisfaction"></div> </div> <div class="box-body"> <h4 class="box-title">The Doctor explained the<br> treatment understandably.</h4> <div id="treatment_satisfaction"></div> </div> <div class="box-body"> <h4 class="box-title">I had confidence and trust in<br> the treating physician.</h4> <div id="physician_satisfaction"></div> </div> </div> </div> <div class="col-xl-9 col-12"> <div class="row"> <div class="col-xl-6 col-12"> <div class="box"> <div class="box-header"> <h4 class="box-title">Patient Statistics</h4> </div> <div class="box-body"> <div id="patient_statistics"></div> </div> </div> </div> <div class="col-xl-6 col-12"> <div class="box"> <div class="box-header"> <h4 class="box-title">Recovery Statistics</h4> </div> <div class="box-body"> <div id="recovery_statistics"></div> </div> </div> </div> <div class="col-xl-6 col-12"> <div class="box"> <div class="box-body px-0 pb-0"> <div class="px-20 bb-1 pb-15 d-flex align-items-center justify-content-between"> <h4 class="mb-0">Recent que..</h4> <div class="d-flex align-items-center justify-content-end"> <button type="button" class="waves-effect waves-light btn btn-sm btn-primary-light">All</button> <button type="button" class="waves-effect waves-light mx-10 btn btn-sm btn-primary">Unread</button> <button type="button" class="waves-effect waves-light btn btn-sm btn-primary-light">New</button> </div> </div> </div> <div class="box-body"> <div class="inner-user-div4"> <div class="d-flex justify-content-between align-items-center pb-20 mb-10 bb-dashed border-bottom"> <div class="pe-20"> <p class="fs-12 text-fade">14 Jun 2021 <span class="mx-10">/</span> 01:05PM</p> <h4>Addiction blood bank bone marrow contagious disinfectants?</h4> <div class="d-flex align-items-center"> <button type="button" class="waves-effect waves-light btn me-10 btn-xs btn-primary-light">Read more</button> <button type="button" class="waves-effect waves-light btn btn-xs btn-primary-light">Reply</button> </div> </div> <div> <a href="#" class="waves-effect waves-circle btn btn-circle btn-outline btn-light btn-lg"><i class="fa fa-comments"></i></a> </div> </div> <div class="d-flex justify-content-between align-items-center pb-20 bb-dashed border-bottom"> <div class="pe-20"> <p class="fs-12 text-fade">17 Jun 2021 <span class="mx-10">/</span> 02:05PM</p> <h4>Triggered asthma anesthesia blood type bone marrow cartilage?</h4> <div class="d-flex align-items-center"> <button type="button" class="waves-effect waves-light btn me-10 btn-xs btn-primary-light">Read more</button> <button type="button" class="waves-effect waves-light btn btn-xs btn-primary-light">Reply</button> </div> </div> <div> <a href="#" class="waves-effect waves-circle btn btn-circle btn-outline btn-light btn-lg"><i class="fa fa-comments"></i></a> </div> </div> <div class="d-flex justify-content-between align-items-center pb-20 mb-10 bb-dashed border-bottom"> <div class="pe-20"> <p class="fs-12 text-fade">14 Jun 2021 <span class="mx-10">/</span> 01:05PM</p> <h4>Addiction blood bank bone marrow contagious disinfectants?</h4> <div class="d-flex align-items-center"> <button type="button" class="waves-effect waves-light btn me-10 btn-xs btn-primary-light">Read more</button> <button type="button" class="waves-effect waves-light btn btn-xs btn-primary-light">Reply</button> </div> </div> <div> <a href="#" class="waves-effect waves-circle btn btn-circle btn-outline btn-light btn-lg"><i class="fa fa-comments"></i></a> </div> </div> <div class="d-flex justify-content-between align-items-center pb-20 bb-dashed border-bottom"> <div class="pe-20"> <p class="fs-12 text-fade">17 Jun 2021 <span class="mx-10">/</span> 02:05PM</p> <h4>Triggered asthma anesthesia blood type bone marrow cartilage?</h4> <div class="d-flex align-items-center"> <button type="button" class="waves-effect waves-light btn me-10 btn-xs btn-primary-light">Read more</button> <button type="button" class="waves-effect waves-light btn btn-xs btn-primary-light">Reply</button> </div> </div> <div> <a href="#" class="waves-effect waves-circle btn btn-circle btn-outline btn-light btn-lg"><i class="fa fa-comments"></i></a> </div> </div> </div> </div> </div> </div> <div class="col-xl-6 col-12"> <div class="box"> <div class="box-header"> <h4 class="box-title">Laboratory test</h4> </div> <div class="box-body"> <div class="news-slider owl-carousel owl-sl"> <div> <div class="d-flex align-items-center mb-10"> <div class="d-flex flex-column flex-grow-1 fw-500"> <p class="hover-primary text-fade mb-1 fs-14"><i class="fa fa-link"></i> Shawn Hampton</p> <span class="text-dark fs-16">Beta 2 Microglobulin</span> <p class="mb-0 fs-14">Marker Test <span class="badge badge-dot badge-primary"></span></p> </div> <div> <div class="dropdown"> <a data-bs-toggle="dropdown" href="#" class="base-font mx-30"><i class="ti-more-alt text-muted"></i></a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#"><i class="ti-import"></i> Import</a> <a class="dropdown-item" href="#"><i class="ti-export"></i> Export</a> <a class="dropdown-item" href="#"><i class="ti-printer"></i> Print</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#"><i class="ti-settings"></i> Settings</a> </div> </div> </div> </div> <div class="d-flex justify-content-between align-items-end py-10"> <div> <a href="#" class="waves-effect waves-light btn btn-sm btn-primary-light">Details</a> <a href="#" class="waves-effect waves-light btn btn-sm btn-primary-light">Contact Patient</a> </div> <div> <a href="#" class="waves-effect waves-light btn btn-sm btn-primary-light"><i class="fa fa-check"></i> Archive</a> </div> </div> </div> <div> <div class="d-flex align-items-center mb-10"> <div class="d-flex flex-column flex-grow-1 fw-500"> <p class="hover-primary text-fade mb-1 fs-14"><i class="fa fa-link"></i> Johen Doe</p> <span class="text-dark fs-16">Keeping pregnant</span> <p class="mb-0 fs-14">Prga Test <span class="badge badge-dot badge-primary"></span></p> </div> <div> <div class="dropdown"> <a data-bs-toggle="dropdown" href="#" class="base-font mx-30"><i class="ti-more-alt text-muted"></i></a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#"><i class="ti-import"></i> Import</a> <a class="dropdown-item" href="#"><i class="ti-export"></i> Export</a> <a class="dropdown-item" href="#"><i class="ti-printer"></i> Print</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#"><i class="ti-settings"></i> Settings</a> </div> </div> </div> </div> <div class="d-flex justify-content-between align-items-end py-10"> <div> <a href="#" class="waves-effect waves-light btn btn-sm btn-primary-light">Details</a> <a href="#" class="waves-effect waves-light btn btn-sm btn-primary-light">Contact Patient</a> </div> <div> <a href="#" class="waves-effect waves-light btn btn-sm btn-primary-light"><i class="fa fa-check"></i> Archive</a> </div> </div> </div> <div> <div class="d-flex align-items-center mb-10"> <div class="d-flex flex-column flex-grow-1 fw-500"> <p class="hover-primary text-fade mb-1 fs-14"><i class="fa fa-link"></i> Polly Paul</p> <span class="text-dark fs-16">USG + Consultation</span> <p class="mb-0 fs-14">Marker Test <span class="badge badge-dot badge-primary"></span></p> </div> <div> <div class="dropdown"> <a data-bs-toggle="dropdown" href="#" class="base-font mx-30"><i class="ti-more-alt text-muted"></i></a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#"><i class="ti-import"></i> Import</a> <a class="dropdown-item" href="#"><i class="ti-export"></i> Export</a> <a class="dropdown-item" href="#"><i class="ti-printer"></i> Print</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#"><i class="ti-settings"></i> Settings</a> </div> </div> </div> </div> <div class="d-flex justify-content-between align-items-end py-10"> <div> <a href="#" class="waves-effect waves-light btn btn-sm btn-primary-light">Details</a> <a href="#" class="waves-effect waves-light btn btn-sm btn-primary-light">Contact Patient</a> </div> <div> <a href="#" class="waves-effect waves-light btn btn-sm btn-primary-light"><i class="fa fa-check"></i> Archive</a> </div> </div> </div> </div> </div> </div> </div> <div class="col-xl-6 col-12"> <div class="box"> <div class="box-header with-border"> <h4 class="box-title">Patient Review</h4> </div> <div class="box-body p-0"> <div class="inner-user-div"> <div class="media-list bb-1 bb-dashed border-light"> <div class="media align-items-center"> <a class="avatar avatar-lg status-success" href="#"> <img src="../../../images/avatar/1.jpg" class="bg-success-light" alt="..."> </a> <div class="media-body"> <p class="fs-16"> <a class="hover-primary" href="#">Theron Trump</a> </p> <span class="text-muted">2 day ago</span> </div> <div class="media-right"> <div class="d-flex"> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star-o"></i> </div> </div> </div> <div class="media pt-0"> <p class="text-fade">Vestibulum tincidunt sit amet sapien et eleifend. Fusce pretium libero enim, nec lacinia est ultrices id. Duis nibh sapien, ultrices in hendrerit ac, pulvinar ut mauris. Quisque eu condimentum justo. </p> </div> </div> <div class="media-list bb-1 bb-dashed border-light"> <div class="media align-items-center"> <a class="avatar avatar-lg status-success" href="#"> <img src="../../../images/avatar/3.jpg" class="bg-success-light" alt="..."> </a> <div class="media-body"> <p class="fs-16"> <a class="hover-primary" href="#">Johen Doe</a> </p> <span class="text-muted">5 day ago</span> </div> <div class="media-right"> <div class="d-flex"> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star-half-o"></i> </div> </div> </div> <div class="media pt-0"> <p class="text-fade">Praesent venenatis viverra turpis quis varius. Nullam ullamcorper congue urna, in sodales eros placerat non.</p> </div> </div> <div class="media-list"> <div class="media align-items-center"> <a class="avatar avatar-lg status-success" href="#"> <img src="../../../images/avatar/4.jpg" class="bg-success-light" alt="..."> </a> <div class="media-body"> <p class="fs-16"> <a class="hover-primary" href="#">Tyler Mark</a> </p> <span class="text-muted">7 day ago</span> </div> <div class="media-right"> <div class="d-flex"> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> </div> </div> </div> <div class="media pt-0"> <p class="text-fade">Pellentesque a pretium orci. In hac habitasse platea dictumst. Nulla mattis odio enim, id euismod neque bibendum non.</p> </div> </div> <div class="media-list bb-1 bb-dashed border-light"> <div class="media align-items-center"> <a class="avatar avatar-lg status-success" href="#"> <img src="../../../images/avatar/5.jpg" class="bg-success-light" alt="..."> </a> <div class="media-body"> <p class="fs-16"> <a class="hover-primary" href="#">Theron Trump</a> </p> <span class="text-muted">2 day ago</span> </div> <div class="media-right"> <div class="d-flex"> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star-half-o"></i> </div> </div> </div> <div class="media pt-0"> <p class="text-fade">Curabitur condimentum molestie ligula iaculis euismod. Fusce nulla lectus, tincidunt eu consequat.</p> </div> </div> <div class="media-list bb-1 bb-dashed border-light"> <div class="media align-items-center"> <a class="avatar avatar-lg status-success" href="#"> <img src="../../../images/avatar/6.jpg" class="bg-success-light" alt="..."> </a> <div class="media-body"> <p class="fs-16"> <a class="hover-primary" href="#">Johen Doe</a> </p> <span class="text-muted">5 day ago</span> </div> <div class="media-right"> <div class="d-flex"> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star"></i> <i class="text-warning fa fa-star-o"></i> </div> </div> </div> <div class="media pt-0"> <p class="text-fade">Proin lacinia eleifend nulla eu ornare. Integer commodo elit purus. Suspendisse mattis gravida interdum. In laoreet nisi eget felis ornare, tempus luctus nulla pellentesque. Donec maximus lobortis ullamcorper. </p> </div> </div> </div> </div> <div class="box-footer"> <a href="#" class="waves-effect waves-light d-block w-p100 btn btn-primary">See More Reviews</a> </div> </div> </div> <div class="col-xl-6 col-12"> <div class="box"> <div class="box-header"> <h4 class="box-title">Recovery rate</h4> </div> <div class="box-body"> <div class="mb-30"> <div class="d-flex align-items-center justify-content-between mb-5"><h5>80 %</h5><h5>Cold</h5></div> <div class="progress progress-xs"> <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"> </div> </div> </div> <div class="mb-30"> <div class="d-flex align-items-center justify-content-between mb-5"><h5>24 %</h5><h5>Fracture</h5></div> <div class="progress progress-xs"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="24" aria-valuemin="0" aria-valuemax="100" style="width: 24%"> </div> </div> </div> <div> <div class="d-flex align-items-center justify-content-between mb-5"><h5>91 %</h5><h5>Ache</h5></div> <div class="progress progress-xs"> <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="91" aria-valuemin="0" aria-valuemax="100" style="width: 91%"> </div> </div> </div> <div> <div class="d-flex align-items-center justify-content-between mb-5"><h5>50 %</h5><h5>Hematoma</h5></div> <div class="progress progress-xs"> <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%"> </div> </div> </div> <div> <div class="d-flex align-items-center justify-content-between mb-5"><h5>72 %</h5><h5>Caries</h5></div> <div class="progress progress-xs"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100" style="width: 72%"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-xl-3 col-12"> <div class="box"> <div class="box-header"> <h4 class="box-title">Report</h4> </div> <div class="box-body"> <div class="inner-user-div2"> <div class="box no-shadow"> <div class="box-body"> <div class="d-flex align-items-center"> <div class="me-15"> <img src="https://crm-admin-dashboard-template.multipurposethemes.com/images/svg-icon/color-svg/custom-22.svg" alt="" class="w-100" /> </div> <div> <h5 class="mb-5">2nd floor Bathroom had a broken door</h5> <p class="text-fade">10 minutes ago</p> </div> </div> </div> </div> <div class="box no-shadow"> <div class="box-body"> <div class="d-flex align-items-center"> <div class="me-15"> <img src="https://crm-admin-dashboard-template.multipurposethemes.com/images/svg-icon/color-svg/custom-23.svg" alt="" class="w-100" /> </div> <div> <h5 class="mb-5">Brownout In the Administration Room</h5> <p class="text-fade">15 minutes ago</p> </div> </div> </div> </div> <div class="box no-shadow"> <div class="box-body"> <div class="d-flex align-items-center"> <div class="me-15"> <img src="https://crm-admin-dashboard-template.multipurposethemes.com/images/svg-icon/color-svg/custom-22.svg" alt="" class="w-100" /> </div> <div> <h5 class="mb-5">1nd floor Bathroom had a broken Tap</h5> <p class="text-fade">20 minutes ago</p> </div> </div> </div> </div> <div class="box no-shadow"> <div class="box-body"> <div class="d-flex align-items-center"> <div class="me-15"> <img src="https://crm-admin-dashboard-template.multipurposethemes.com/images/svg-icon/color-svg/custom-22.svg" alt="" class="w-100" /> </div> <div> <h5 class="mb-5">2nd floor Bathroom had a broken door</h5> <p class="text-fade">10 minutes ago</p> </div> </div> </div> </div> <div class="box no-shadow"> <div class="box-body"> <div class="d-flex align-items-center"> <div class="me-15"> <img src="https://crm-admin-dashboard-template.multipurposethemes.com/images/svg-icon/color-svg/custom-23.svg" alt="" class="w-100" /> </div> <div> <h5 class="mb-5">Brownout In the Administration Room</h5> <p class="text-fade">15 minutes ago</p> </div> </div> </div> </div> <div class="box no-shadow"> <div class="box-body"> <div class="d-flex align-items-center"> <div class="me-15"> <img src="https://crm-admin-dashboard-template.multipurposethemes.com/images/svg-icon/color-svg/custom-22.svg" alt="" class="w-100" /> </div> <div> <h5 class="mb-5">1nd floor Bathroom had a broken Tap</h5> <p class="text-fade">20 minutes ago</p> </div> </div> </div> </div> </div> </div> </div> <div class="box"> <div class="box-header with-border"> <h4 class="box-title">Doctor List</h4> <p class="mb-0 pull-right">Today</p> </div> <div class="box-body"> <div class="inner-user-div3"> <div class="d-flex align-items-center mb-30"> <div class="me-15"> <img src="../../../images/avatar/avatar-1.png" class="avatar avatar-lg rounded10 bg-primary-light" alt="" /> </div> <div class="d-flex flex-column flex-grow-1 fw-500"> <a href="#" class="text-dark hover-primary mb-1 fs-16">Dr. Jaylon Stanton</a> <span class="text-fade">Dentist</span> </div> <div class="dropdown"> <a class="px-10 pt-5" href="#" data-bs-toggle="dropdown"><i class="ti-more-alt"></i></a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item flexbox" href="#"> <span>Inbox</span> <span class="badge badge-pill badge-info">5</span> </a> <a class="dropdown-item" href="#">Sent</a> <a class="dropdown-item" href="#">Spam</a> <div class="dropdown-divider"></div> <a class="dropdown-item flexbox" href="#"> <span>Draft</span> <span class="badge badge-pill badge-default">1</span> </a> </div> </div> </div> <div class="d-flex align-items-center mb-30"> <div class="me-15"> <img src="../../../images/avatar/avatar-10.png" class="avatar avatar-lg rounded10 bg-primary-light" alt="" /> </div> <div class="d-flex flex-column flex-grow-1 fw-500"> <a href="#" class="text-dark hover-danger mb-1 fs-16">Dr. Carla Schleifer</a> <span class="text-fade">Oculist</span> </div> <div class="dropdown"> <a class="px-10 pt-5" href="#" data-bs-toggle="dropdown"><i class="ti-more-alt"></i></a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item flexbox" href="#"> <span>Inbox</span> <span class="badge badge-pill badge-info">5</span> </a> <a class="dropdown-item" href="#">Sent</a> <a class="dropdown-item" href="#">Spam</a> <div class="dropdown-divider"></div> <a class="dropdown-item flexbox" href="#"> <span>Draft</span> <span class="badge badge-pill badge-default">1</span> </a> </div> </div> </div> <div class="d-flex align-items-center mb-30"> <div class="me-15"> <img src="../../../images/avatar/avatar-11.png" class="avatar avatar-lg rounded10 bg-primary-light" alt="" /> </div> <div class="d-flex flex-column flex-grow-1 fw-500"> <a href="#" class="text-dark hover-success mb-1 fs-16">Dr. Hanna Geidt</a> <span class="text-fade">Surgeon</span> </div> <div class="dropdown"> <a class="px-10 pt-5" href="#" data-bs-toggle="dropdown"><i class="ti-more-alt"></i></a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item flexbox" href="#"> <span>Inbox</span> <span class="badge badge-pill badge-info">5</span> </a> <a class="dropdown-item" href="#">Sent</a> <a class="dropdown-item" href="#">Spam</a> <div class="dropdown-divider"></div> <a class="dropdown-item flexbox" href="#"> <span>Draft</span> <span class="badge badge-pill badge-default">1</span> </a> </div> </div> </div> <div class="d-flex align-items-center mb-30"> <div class="me-15"> <img src="../../../images/avatar/avatar-12.png" class="avatar avatar-lg rounded10 bg-primary-light" alt="" /> </div> <div class="d-flex flex-column flex-grow-1 fw-500"> <a href="#" class="text-dark hover-info mb-1 fs-16">Dr. Roger George</a> <span class="text-fade">General Practitioners</span> </div> <div class="dropdown"> <a class="px-10 pt-5" href="#" data-bs-toggle="dropdown"><i class="ti-more-alt"></i></a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item flexbox" href="#"> <span>Inbox</span> <span class="badge badge-pill badge-info">5</span> </a> <a class="dropdown-item" href="#">Sent</a> <a class="dropdown-item" href="#">Spam</a> <div class="dropdown-divider"></div> <a class="dropdown-item flexbox" href="#"> <span>Draft</span> <span class="badge badge-pill badge-default">1</span> </a> </div> </div> </div> <div class="d-flex align-items-center mb-30"> <div class="me-15"> <img src="../../../images/avatar/avatar-1.png" class="avatar avatar-lg rounded10 bg-primary-light" alt="" /> </div> <div class="d-flex flex-column flex-grow-1 fw-500"> <a href="#" class="text-dark hover-primary mb-1 fs-16">Dr. Jaylon Stanton</a> <span class="text-fade">Dentist</span> </div> <div class="dropdown"> <a class="px-10 pt-5" href="#" data-bs-toggle="dropdown"><i class="ti-more-alt"></i></a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item flexbox" href="#"> <span>Inbox</span> <span class="badge badge-pill badge-info">5</span> </a> <a class="dropdown-item" href="#">Sent</a> <a class="dropdown-item" href="#">Spam</a> <div class="dropdown-divider"></div> <a class="dropdown-item flexbox" href="#"> <span>Draft</span> <span class="badge badge-pill badge-default">1</span> </a> </div> </div> </div> <div class="d-flex align-items-center mb-30"> <div class="me-15"> <img src="../../../images/avatar/avatar-10.png" class="avatar avatar-lg rounded10 bg-primary-light" alt="" /> </div> <div class="d-flex flex-column flex-grow-1 fw-500"> <a href="#" class="text-dark hover-danger mb-1 fs-16">Dr. Carla Schleifer</a> <span class="text-fade">Oculist</span> </div> <div class="dropdown"> <a class="px-10 pt-5" href="#" data-bs-toggle="dropdown"><i class="ti-more-alt"></i></a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item flexbox" href="#"> <span>Inbox</span> <span class="badge badge-pill badge-info">5</span> </a> <a class="dropdown-item" href="#">Sent</a> <a class="dropdown-item" href="#">Spam</a> <div class="dropdown-divider"></div> <a class="dropdown-item flexbox" href="#"> <span>Draft</span> <span class="badge badge-pill badge-default">1</span> </a> </div> </div> </div> <div class="d-flex align-items-center mb-30"> <div class="me-15"> <img src="../../../images/avatar/avatar-11.png" class="avatar avatar-lg rounded10 bg-primary-light" alt="" /> </div> <div class="d-flex flex-column flex-grow-1 fw-500"> <a href="#" class="text-dark hover-success mb-1 fs-16">Dr. Hanna Geidt</a> <span class="text-fade">Surgeon</span> </div> <div class="dropdown"> <a class="px-10 pt-5" href="#" data-bs-toggle="dropdown"><i class="ti-more-alt"></i></a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item flexbox" href="#"> <span>Inbox</span> <span class="badge badge-pill badge-info">5</span> </a> <a class="dropdown-item" href="#">Sent</a> <a class="dropdown-item" href="#">Spam</a> <div class="dropdown-divider"></div> <a class="dropdown-item flexbox" href="#"> <span>Draft</span> <span class="badge badge-pill badge-default">1</span> </a> </div> </div> </div> <div class="d-flex align-items-center mb-30"> <div class="me-15"> <img src="../../../images/avatar/avatar-12.png" class="avatar avatar-lg rounded10 bg-primary-light" alt="" /> </div> <div class="d-flex flex-column flex-grow-1 fw-500"> <a href="#" class="text-dark hover-info mb-1 fs-16">Dr. Roger George</a> <span class="text-fade">General Practitioners</span> </div> <div class="dropdown"> <a class="px-10 pt-5" href="#" data-bs-toggle="dropdown"><i class="ti-more-alt"></i></a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item flexbox" href="#"> <span>Inbox</span> <span class="badge badge-pill badge-info">5</span> </a> <a class="dropdown-item" href="#">Sent</a> <a class="dropdown-item" href="#">Spam</a> <div class="dropdown-divider"></div> <a class="dropdown-item flexbox" href="#"> <span>Draft</span> <span class="badge badge-pill badge-default">1</span> </a> </div> </div> </div> <div class="d-flex align-items-center"> <div class="me-15"> <img src="../../../images/avatar/avatar-15.png" class="avatar avatar-lg rounded10 bg-primary-light" alt="" /> </div> <div class="d-flex flex-column flex-grow-1 fw-500"> <a href="#" class="text-dark hover-warning mb-1 fs-16">Dr. Natalie doe</a> <span class="text-fade">Physician</span> </div> <div class="dropdown"> <a class="px-10 pt-5" href="#" data-bs-toggle="dropdown"><i class="ti-more-alt"></i></a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item flexbox" href="#"> <span>Inbox</span> <span class="badge badge-pill badge-info">5</span> </a> <a class="dropdown-item" href="#">Sent</a> <a class="dropdown-item" href="#">Spam</a> <div class="dropdown-divider"></div> <a class="dropdown-item flexbox" href="#"> <span>Draft</span> <span class="badge badge-pill badge-default">1</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> @section('script') @endsection @endsection