Untitled

<!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.0">

    <link rel="stylesheet" href="{{ url_for('static',filename='styles/docdash.css') }}">
    <link rel="stylesheet" href="{{ url_for('static',filename='styles/table.css') }}">
    <link rel="stylesheet" href="{{ url_for('static',filename='styles/uploads.css') }}">
    <link rel="stylesheet" href="{{ url_for('static',filename='styles/upload.css') }}">
    <script src="https://kit.fontawesome.com/fc6a73613f.js"></script>
    <title>Dashboard</title>


    <!-- BOOTSTRAP -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous">
    </script>

    <link rel="icon" href="https://i.ibb.co/D4mqfVn/HealthID.png" type="image/x-icon">

</head>
<body>
   <!-- SIDEBAR SECTION -->
   <div class="bar">
    <div class="sidebar">
        <h2>HealthID</h2>

        <ul class="lsit">
            <li><a href="#line" class="rot"><i class="fa-solid fa-staff-snake"></i>Patient Lineup</a></li>
            <li><a href="#pres" class="rot"><i class="fa-solid fa-file-prescription"></i>Prescribe</a></li>
            <li><a href="#upload" class="rot"><i class="fa-solid fa-upload"></i>Upload Thesis</a></li>
            <li><a href="/logout" class="rot"><i class="fa-solid fa-right-from-bracket"></i>Logout</a></li>

        </ul>

        <div class="social_media">
            <a href="#"><i class="fab fa-github"></i></a>
            <a href="#"><i class="fab fa-twitter"></i></a>
            <a href="#"><i class="fab fa-instagram"></i></a>
        </div>
     </div>
    </div>

    <!-- <h1>Welcome {{session.get('name')}}</h1> -->
    <div class="main_content">
        <div class="header">
            <h1 class="der">Welcome {{session.get('name')}}!</h1>
            <hr>
        </div>
        <div class="box">
            {% if message_popup %}
                <div class="msg">
                    {% include 'includes/_messages.html' %}
                </div>
            {% endif %}
        </div>

        <div class="content">
            <section  class="lines" id="line" >
            <h2 class="apt">TODAY'S SCHEDULE</h2>
            <!-- Appointments Table -->
            <center>
            {% if appointments %}
            <div class="card mb-3 dabba1">
                <div class="card-header "><i class="fas fa-table"></i>Patient Lineup</div>
                    <div class="card-body">
                        <div class="table-responsive">
                        <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                            <thead>
                                <th>Patient Name</th>
                                <th>Date</th>
                                <th>Time</th>
                            </thead>
                            <tbody>
                                {% for appointment in appointments %}
                                <tr>
                                    <td>{{appointment['patient_name']}}</td>
                                    <td>{{appointment['date']}}</td>
                                    <td>{{appointment['time']}}</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class="card mb-3 card-ki-mkb">
                <div class="card-header">
                    <i class="fas fa-table"></i>
                    Appointments</div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                            <thead>
                                <tr>
                                  <th>Patient Name</th>
                                  <th>Date</th>
                                  <th>Time</th>
                                </tr>
                              </thead>
                              <tbody>
                                {% for appointment in appointments %}
                                  <tr>
                                    <td>{{appointment['patient_name']}}</td>
                                    <td>{{appointment['date']}}</td>
                                    <td>{{appointment['time']}}</td>
                                    <td><button onclick="showForm()">View</button>
                                      <form id="formElement" style="display: none;">
                                          Patient name : {{appointment['patient_name']}}
                                          <br>
                                          Patient email : {{appointment['patient_email']}}
                                          <br>
                                          <label for="Description">Description :</label>
                                          <input type="text" id="Description" name="Description" />
                                          <br>
                                          <label for="Description">Remarks :</label>
                                          <input type="text" id="Remarks" name="Remarks" />
                                      </form>
                                    </td> -->
                                    <!-- <td>{{appointment['patient_name']}}</td>
                                    <td>{{appointment['date']}}</td>
                                    <td>{{appointment['time']}}</td> -->
                                    <!-- <td>hello</td> -->
                                    <!-- <td>hello</td> -->
                                    <!-- <td>hello</td> -->
                                  <!-- </tr>
                                {% endfor %}
                              </tbody>
                        </table>
                    </div>
                </div> -->

                {% else %}
                <div class="box">
                    <div class="container">
                        {% include 'includes/_messages.html' %}
                    </div>
                </div>
                {% endif %}
            </div>
        </center>
        </section>

        <section  class="pres" id="pres" >
            <h2 class="apt">PATIENT PRESCIPTION</h2>
            <center>
                <div class="pat">
                    <form method="POST" action="" enctype="multipart/form-data" style="padding-top:44px; width:500px">

                        Patient Name :
                        <input type="text" name="patient_email" placeholder="Patient Name" required="required" value={{request.form.paper_name}}>
                        <br>
                        <br>
                        Ailment Description :
                        <input type="text" name="patient_email" placeholder="Describe" required="required" value={{request.form.paper_name}}>
                        <br>
                        <br>
                        Remarks :
                        <input type="text" class="idk" name="report_name" placeholder="Remarks" required="required" value={{request.form.paper_category}}>
                        <br>
                        <br>
                        Prescription :
                        <input type="text" class="idk" name="report_name" placeholder="Prescribe" required="required" value={{request.form.paper_category}}>
                        <br>

                        <div class="tub">
                            <button type="button" value="upload" name="upload"  id="upload" class="btn-block btn-dark but">
                             Submit</button>
                        </div>

                    </form>
                </div>
                    <br>

            </center>
        </section>

        <section class="upload" id="upload">
            <h2 class="apt1">UPLOAD REPORTS</h2>
            <center>
            <div class="mer">
            <form method="POST" action="" enctype="multipart/form-data" style="padding-top:44px; width:500px">

                Patient Email :
                <input type="text" name="patient_email" placeholder="Patient Email" required="required" value={{request.form.paper_name}}>
                <br>
                <br>
                Report Name :
                <input type="text" class="idk" name="report_name" placeholder="Report Name" required="required" value={{request.form.paper_category}}>
                <br>
                <input type="file" name="myfile" id="myfile" class="reer" style="width:260px">

                <div class="tub">
                    <button type="button" value="upload" name="upload"  id="upload" class="btn-block btn-dark but"><i
                    class="fa fa-fw fa-upload"></i> Upload</button>
                </div>

            </form>
            </div>
            <br>
            </center>
        </section>
        <br>
        <br>
    </div>
</div>
      <!-- <script type="text/javascript">

        console.log("hey bc")

        let viewbtn = document.getElementsByClassName(viewbtn)
        let patname = document.getElementsByClassName(patname)
        let patemail = document.getElementsByClassName(patemail)
        let description = document.getElementsByClassName(descin)
        let remarks = document.getElementsByClassName(remarksin)
        let description_label = document.getElementsByClassName(desclabel)
        let remarks_label = document.getElementsByClassName(remarklabel)

        function showhidden1(){
            console.log("inside function")
            patname[0].classList.remove("hidden")
            patemail[0].classList.remove("hidden")
            description[0].classList.remove("hidden")
            remarks[0].classList.remove("hidden")
            description_label[0].classList.remove("hidden")
            remarks_label[0].classList.remove("hidden")
            document.getElementById(nam1).classList.remove('hidden')
            document.getElementById(emal1).classList.remove('hidden')
            document.getElementById(desc1).classList.remove('hidden')
            document.getElementById(remark1).classList.remove('hidden')
        }


        viewbtn[0].addEventListener('click',showhidden1)

        // for(i of viewbtn)
        // {
        //     i.addEventListener("click", showhidden(patnam[0],patemail[0],description[0],remarks[0],description_label[0],remarks_label[0]))
        //     0++
        // }
      </script> -->
</body>
</html>