{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ role }}</title>
<!-- ================= Favicon ================== -->
<!-- Standard -->
<link rel="shortcut icon" href="http://placehold.it/64.png/000/fff">
<!-- Retina iPad Touch Icon-->
<link rel="apple-touch-icon" sizes="144x144" href="http://placehold.it/144.png/000/fff">
<!-- Retina iPhone Touch Icon-->
<link rel="apple-touch-icon" sizes="114x114" href="http://placehold.it/114.png/000/fff">
<!-- Standard iPad Touch Icon-->
<link rel="apple-touch-icon" sizes="72x72" href="http://placehold.it/72.png/000/fff">
<!-- Standard iPhone Touch Icon-->
<link rel="apple-touch-icon" sizes="57x57" href="http://placehold.it/57.png/000/fff">
<!-- Styles -->
<link href="{% static 'css/lib/calendar2/pignose.calendar.min.css' %}" rel="stylesheet">
<link href="{% static 'css/lib/chartist/chartist.min.css' %}" rel="stylesheet">
<link href="{% static 'css/lib/font-awesome.min.css' %}" rel="stylesheet">
<link href="{% static 'css/lib/themify-icons.css' %}" rel="stylesheet">
<link href="{% static 'css/lib/owl.carousel.min.css' %}" rel="stylesheet" />
<link href="{% static 'css/lib/owl.theme.default.min.css' %}" rel="stylesheet" />
<link href="{% static 'css/lib/weather-icons.css' %}" rel="stylesheet" />
<link href="{% static 'css/lib/menubar/sidebar.css' %}" rel="stylesheet">
<link href="{% static 'css/lib/bootstrap.min.css' %}" rel="stylesheet">
<link href="{% static 'css/lib/helper.css' %}" rel="stylesheet">
<link href="{% static 'css/style.css' %}" rel="stylesheet">
</head>
<body>
{% include "sidebar/sidebar.html" %}
<!-- /# sidebar -->
<div class="header">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="float-left">
<div class="hamburger sidebar-toggle">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</div>
<div class="float-right">
<div class="dropdown dib">
<div class="header-icon" data-toggle="dropdown">
<i class="ti-bell"></i>
<div class="drop-down dropdown-menu dropdown-menu-right">
<div class="dropdown-content-heading">
<span class="text-left">Recent Notifications</span>
</div>
<div class="dropdown-content-body">
<ul>
<li>
<a href="#">
<img class="pull-left m-r-10 avatar-img"
src="{% static 'images/avatar/3.jpg' %}" alt="" />
<div class="notification-content">
<small class="notification-timestamp pull-right">02:34
PM</small>
<div class="notification-heading">User One</div>
<div class="notification-text">5 members joined today </div>
</div>
</a>
</li>
<li>
<a href="#">
<img class="pull-left m-r-10 avatar-img"
src="{% static 'images/avatar/3.jpg' %}" alt="" />
<div class="notification-content">
<small class="notification-timestamp pull-right">02:34
PM</small>
<div class="notification-heading">Mariam</div>
<div class="notification-text">likes a photo of you</div>
</div>
</a>
</li>
<li>
<a href="#">
<img class="pull-left m-r-10 avatar-img"
src="{% static 'images/avatar/3.jpg' %}" alt="" />
<div class="notification-content">
<small class="notification-timestamp pull-right">02:34
PM</small>
<div class="notification-heading">Tasnim</div>
<div class="notification-text">Hi Teddy, Just wanted to let you
...</div>
</div>
</a>
</li>
<li>
<a href="#">
<img class="pull-left m-r-10 avatar-img"
src="{% static 'images/avatar/3.jpg' %}" alt="" />
<div class="notification-content">
<small class="notification-timestamp pull-right">02:34
PM</small>
<div class="notification-heading">Mr. John</div>
<div class="notification-text">Hi Teddy, Just wanted to let you
...</div>
</div>
</a>
</li>
<li class="text-center">
<a href="#" class="more-link">See All</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="dropdown dib">
<div class="header-icon" data-toggle="dropdown">
<i class="ti-email"></i>
<div class="drop-down dropdown-menu dropdown-menu-right">
<div class="dropdown-content-heading">
<span class="text-left">2 New Messages</span>
<a href="email.html">
<i class="ti-pencil-alt pull-right"></i>
</a>
</div>
<div class="dropdown-content-body">
<ul>
<li class="notification-unread">
<a href="#">
<img class="pull-left m-r-10 avatar-img"
src="{% static 'images/avatar/1.jpg' %}" alt="" />
<div class="notification-content">
<small class="notification-timestamp pull-right">02:34
PM</small>
<div class="notification-heading">Michael Qin</div>
<div class="notification-text">Hi Teddy, Just wanted to let you
...</div>
</div>
</a>
</li>
<li class="notification-unread">
<a href="#">
<img class="pull-left m-r-10 avatar-img"
src="{% static 'images/avatar/2.jpg' %}" alt="" />
<div class="notification-content">
<small class="notification-timestamp pull-right">02:34
PM</small>
<div class="notification-heading">Mr. John</div>
<div class="notification-text">Hi Teddy, Just wanted to let you
...</div>
</div>
</a>
</li>
<li>
<a href="#">
<img class="pull-left m-r-10 avatar-img"
src="{% static 'images/avatar/3.jpg' %}" alt="" />
<div class="notification-content">
<small class="notification-timestamp pull-right">02:34
PM</small>
<div class="notification-heading">Michael Qin</div>
<div class="notification-text">Hi Teddy, Just wanted to let you
...</div>
</div>
</a>
</li>
<li>
<a href="#">
<img class="pull-left m-r-10 avatar-img"
src="{% static 'images/avatar/2.jpg' %}" alt="" />
<div class="notification-content">
<small class="notification-timestamp pull-right">02:34
PM</small>
<div class="notification-heading">Mr. John</div>
<div class="notification-text">Hi Teddy, Just wanted to let you
...</div>
</div>
</a>
</li>
<li class="text-center">
<a href="#" class="more-link">See All</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="dropdown dib">
<div class="header-icon" data-toggle="dropdown">
<span class="user-avatar">User One
<i class="ti-angle-down f-s-10"></i>
</span>
<div class="drop-down dropdown-profile dropdown-menu dropdown-menu-right">
<div class="dropdown-content-heading">
<span class="text-left">Upgrade Now</span>
<p class="trial-day">30 Days Trail</p>
</div>
<div class="dropdown-content-body">
<ul>
<li>
<a href="#">
<i class="ti-user"></i>
<span>Profile</span>
</a>
</li>
<li>
<a href="#">
<i class="ti-email"></i>
<span>Inbox</span>
</a>
</li>
<li>
<a href="#">
<i class="ti-settings"></i>
<span>Setting</span>
</a>
</li>
<li>
<a href="#">
<i class="ti-lock"></i>
<span>Lock Screen</span>
</a>
</li>
<li>
<a href="#">
<i class="ti-power-off"></i>
<span>Logout</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-wrap">
<div class="main">
<div class="container-fluid">
<div class="row">
<div class="col-lg-8 p-r-0 title-margin-right">
<div class="page-header">
<div class="page-title">
<h1>Hello, <span>Welcome Here</span></h1>
</div>
</div>
</div>
<!-- /# column -->
<div class="col-lg-4 p-l-0 title-margin-left">
<div class="page-header">
<div class="page-title">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Dashboard</a></li>
<li class="breadcrumb-item active">Home</li>
</ol>
</div>
</div>
</div>
<!-- /# column -->
</div>
<!-- /# row -->
<section id="main-content">
<div class="row">
<div class="col-lg-3">
<div class="card">
<div class="stat-widget-one">
<div class="stat-icon dib"><i class="ti-pulse color-success border-success"></i>
</div>
<div class="stat-content dib">
<div class="stat-text">Total Hospital</div>
<div class="stat-digit">{{tot_hospital}}</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card">
<div class="stat-widget-one">
<div class="stat-icon dib"><i class="ti-user color-primary border-primary"></i>
</div>
<div class="stat-content dib">
<div class="stat-text">Total Pharmacies</div>
<div class="stat-digit">{{tot_pharmacy}}</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card">
<div class="stat-widget-one">
<div class="stat-icon dib"><i class="ti-layout-grid2 color-pink border-pink"></i>
</div>
<div class="stat-content dib">
<div class="stat-text">Medicine Qty</div>
<div class="stat-digit">{{tot_medicine}}</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card">
<div class="stat-widget-one">
<div class="stat-icon dib"><i class="ti-link color-danger border-danger"></i></div>
<div class="stat-content dib">
<div class="stat-text">Pending Request</div>
<div class="stat-digit">{{tot_req_orders}}</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- <div class="col-lg-8">
<div class="card">
<div class="card-title">
<h4>Drugs Stock Details</h4>
</div>
<div class="card-body">
<div class="ct-bar-chart m-t-30"></div>
</div>
</div>
</div> -->
<!-- <div class="col-lg-4">
<div class="card">
<div class="card-body">
<div class="ct-pie-chart"></div>
</div>
</div>
</div> -->
</div>
<div class="row">
<div class="col-lg-8">
<div class="card">
<div class="card-title pr">
<h4>Medicine Need</h4>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table student-data-table m-t-20">
<thead>
<tr>
<th>Order No.</th>
<th>Hospital</th>
<th>Mobile</th>
<th>Medicine Details</th>
<th>Qty</th>
<th>Priority</th>
<th>Order Date</th>
<th>Doc Status</th>
<th>RMSD Status</th>
<th>CMSD Status</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
{% if all_data %}
{% for data in all_data %}
<tr class="table-info">
<th scope="row"> {{data.id}} </th>
<td> {{data.med_hospital_name}} </td>
<td> {{data.mobile}} </td>
<td> {{data.medicine}} </td>
<td> {{data.qty}} </td>
<td> {{data.priority}} </td>
<td> {{data.date}} </td>
{% if data.doc_status == 2 %}
<td style="color: rgb(46, 126, 14);">Approved</td>
{% elif data.doc_status == 1 %}
<td><span class="badge badge-danger">Not Aprrove</span></td>
{% elif data.doc_status == 3 %}
<td style="color: rgb(165, 155, 42);">Hold</td>
{% else %}
<td style="color: rgb(176, 74, 73);">Reject</td>
{% endif %}
{% if data.rmsd_status == 2 %}
<td style="color: rgb(46, 126, 14);">Approved</td>
{% elif data.rmsd_status == 1 %}
<td><span class="badge badge-danger">Not Aprrove</span></td>
{% elif data.rmsd_status == 3 %}
<td style="color: rgb(165, 155, 42);">Hold</td>
{% else %}
<td style="color: rgb(176, 74, 73);">Reject</td>
{% endif %}
{% if data.cmsd_status == 2 %}
<td style="color: rgb(46, 126, 14);">Approved</td>
{% elif data.cmsd_status == 1 %}
<td><span class="badge badge-danger">Not Aprrove</span></td>
{% elif data.cmsd_status == 3 %}
<td style="color: rgb(165, 155, 42);">Hold</td>
{% else %}
<td style="color: rgb(176, 74, 73);">Reject</td>
{% endif %}
{% if data.doc_status == 2 and data.rmsd_status == 2 and data.cmsd_status == 2%}
<td style="color: rgb(46, 126, 14);">Approved</td>
{% else %}
<td style="color: rgb(176, 74, 73);">Pending</td>
{% endif %}
<td><a href="#" onclick="viewOrder('{{data.id}}')"><i class="ti-eye"></i></a></td>
</tr>
{% endfor %}
{% else %}
There are no records in the system
{% endif %}
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- /# column -->
</div>
<div class="row">
<div class="col-lg-12">
<div class="footer">
<p>2022 © Admin. - <a href="#">projectX.com</a></p>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<!-- jquery vendor -->
<script src="{% static 'js/lib/jquery.min.js' %}"></script>
<script src="{% static 'js/lib/jquery.nanoscroller.min.js' %}"></script>
<!-- nano scroller -->
<script src="{% static 'js/lib/menubar/sidebar.js' %}"></script>
<script src="{% static 'js/lib/preloader/pace.min.js' %}"></script>
<!-- sidebar -->
<script src="{% static 'js/lib/bootstrap.min.js' %}"></script>
<script src="{% static 'js/scripts.js' %}"></script>
<!-- bootstrap -->
<script src="{% static 'js/lib/calendar-2/moment.latest.min.js' %}"></script>
<script src="{% static 'js/lib/calendar-2/pignose.calendar.min.js' %}"></script>
<script src="{% static 'js/lib/calendar-2/pignose.init.js' %}"></script>
<script src="{% static 'js/lib/weather/jquery.simpleWeather.min.js' %}"></script>
<script src="{% static 'js/lib/weather/weather-init.js' %}"></script>
<script src="{% static 'js/lib/circle-progress/circle-progress.min.js' %}"></script>
<script src="{% static 'js/lib/circle-progress/circle-progress-init.js' %}"></script>
<script src="{% static 'js/lib/chartist/chartist.min.js' %}"></script>
<script src="{% static 'js/lib/sparklinechart/jquery.sparkline.min.js' %}"></script>
<script src="{% static 'js/lib/sparklinechart/sparkline.init.js' %}"></script>
<script src="{% static 'js/lib/owl-carousel/owl.carousel.min.js' %}"></script>
<script src="{% static 'js/lib/owl-carousel/owl.carousel-init.js' %}"></script>
<!-- scripit init-->
<script src="{% static 'js/dashboard2.js' %}"></script>
</body>
</html>