{% 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>

            <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-file-text icon-gradient bg-amy-crisp"> </i>

                </div>

                <div>My Account

                    <div class="page-title-subheading">View Your Account Details

                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="tab-content">

        <div class="tab-pane tabs-animation fade show active" id="tab-content-0" role="tabpanel">

            <div class="row">

                <div class="col-lg-8">

                    <div class="main-card mb-3 card">

                        <div class="card-body"><h5 class="card-title"></h5>

                            <div class="tab-content">

                                <div class="tab-pane active" id="tab-eg11-0" role="tabpanel">

                                    <table class="mb-0 table table-striped">

                                        <thead>

                                            <th>Account Information</th>

                                            <th>Detail</th>

                                        </thead>

                                        <tbody>

                                            <tr>

                                                <th scope="row">Username</th>

                                                <td>{{ account[1] }}</td>

                                            </tr>

                                            <tr>

                                                <th scope="row">Email</th>

                                                <td>{{ account[3] }}</td>

                                            </tr>

                                            <tr>

                                                <th scope="row">Name</th>

                                                <td>{{ account[4] }}</td>

                                            </tr>

                                            {% if isDoctor %}

                                            <tr>

                                                <th scope="row">Registration No.</th>

                                                <td>{{ account[5] }}</td>

                                            </tr>

                                            <tr>

                                                <th scope="row">Contact No.</th>

                                                <td>{{ account[6] }}</td>

                                            </tr>

                                            <tr>

                                                <th scope="row">Hospital</th>

                                                <td>{{ account[7] }}</td>

                                            </tr>

                                            <tr>

                                                <th scope="row">Specialization</th>

                                                <td>{{ account[8] }}</td>

                                            </tr>

                                            <tr>

                                                <th scope="row">Address</th>

                                                <td>{{ account[9] }}</td>

                                            </tr>

                                            {% endif %}

                                            {% if not isDoctor %}

                                            <tr>

                                                <th scope="row">Address</th>

                                                <td>{{ account[5] }}</td>

                                            </tr>

                                            <tr>

                                                <th scope="row">Blood Group</th>

                                                <td>{{ account[6] }}</td>

                                            </tr>

                                            <tr>

                                                <th scope="row">Age</th>

                                                <td>{{ account[7] }}</td>

                                            </tr>

                                            <tr>

                                                <th scope="row">API Token</th>

                                                <td>{{ account[8] }}</td>

                                            </tr>

                                            {% endif %}

                                        </tbody>

                                    </table>

                                </div>    

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

{% endblock %}