{% extends 'dashboardExtender.html' %}
{% block sidebar %}
<div class="scrollbar-sidebar">
<div class="app-sidebar__inner">
<ul class="vertical-nav-menu">
<li class="app-sidebar__heading">Dashboard</li>
<li>
<a href="{{ url_for('home') }}">
<i class="metismenu-icon fa fa-home"></i>
Home
</a>
</li>
<a href="{{ url_for('diagnosecardio') }}" >
<i class="metismenu-icon fa fa-plus-circle">
</i>Diagnose(Cardio)
</a>
</li>
</ul>
</div>
</div>
{% endblock %}
{% block body %}
<div class="app-main__inner">
<div class="app-page-title">
<div class="page-title-wrapper">
<div class="page-title-heading">
<div class="page-title-icon">
<i class="fa fa-bed icon-gradient bg-amy-crisp"> </i>
</div>
<div>Dashboard
<div class="page-title-subheading">A brand new ML based cross-platform Health Care application.
</div>
</div>
</div>
</div>
</div>
<div class="app-main__outer">
<div class="app-main__inner">
<h1>Upload Image</h1>
<img src="/static/input.png">
<br>
<h1>Gray SCALE IMAGE</h1>
<img src="/static/gray.png">
<br>
<h1>DIVIDING LEAD</h1>
<h3>1-12</h3><br>
<img src="./static/Leads_1-12_figure.png">
<br>
<h3>13</h3><br>
<img src="./static/Long_Lead_13_figure.png">
<br>
<h1>PREPROCESSED LEAD</h1><br>
<h3>1-12</h3><br>
<img src="./static/Preprossed_Leads_1-12_figure.png">
<br>
<h3>13</h3><br>
<img src="./static/Preprossed_Leads_13_figure.png">
<br>
<h1>CONOTUR LEADS</h1><br>
<img src="./static/Contour_Leads_1-12_figure.png">
<br>
<br>
{%if res%}
<h1>Prediction</h1>
<div class="mb-2 mr-2 badge badge-pill badge-danger">{{ res }}</div>
<br>
<h1>Recommeneded Treatment</h1>
<div class="mb-2 mr-2 badge badge-pill badge-danger">{{ treat }}</div>
{% endif %}
</div>
</div>
</div>
{% endblock %}