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/resdash.css') }}">
    <link rel="stylesheet" href="{{ url_for('static',filename='styles/upload.css') }}">
    <!-- <link rel="stylesheet" href="{{ url_for('static',filename='styles/table.css') }}"> -->
    <script src="https://kit.fontawesome.com/fc6a73613f.js"></script>

    <!-- 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>
    <!-- FileStack -->
        <!-- File Picker  -->
        <!-- <script src="//static.filestackapi.com/filestack-js/3.x.x/filestack.min.js"></script> -->
        <!-- Drag and Drop -->
        <!-- <script src="//static.filestackapi.com/filestack-drag-and-drop-js/{MAJOR_VERSION}.x.x/filestack-drag-and-drop.min.js"></script> -->

    <title>Dashboard</title>
    <!-- Download PDF JS Code -->
    <!-- <script>
        function downloadPdf() {
          window.open("{{ url_for('resdashboard', id=pdf_id) }}");
        }
    </script> -->
    <!-- <script>
        window.addEventListener('DOMContentLoaded', function () {
        const apikey = 'YOUR_API_KEY';
        const client = filestack.init(apikey);
        const options = {
            maxFiles: 20,
            uploadInBackground: false,
            onOpen: () => console.log('opened!'),
            onUploadDone: (res) => console.log(res),
        };
        client.picker(options).open();
        });
    </script> -->
</head>
<body>
    <!-- SIDEBAR SECTION -->
     <div class="bar">
         <div class="sidebar">
             <h2>HealthID</h2>

             <ul class="lsit">
                 <li><a href="#doc" class="rot"><i class="fa-solid fa-file-waveform" ></i>Thesis</a></li>
                 <li><a href="#upload" class="rot"><i class="fa-solid fa-upload"></i>Upload Thesis</a></li>
                 <li><a href="#search" class="rot"><i class="fa-solid fa-book-medical"></i>Search 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>

         <div class="main_content">
             <div class="header">
                 <h1>Welcome, {{session.get('name')}} !</h1>
                 <hr>
             </div>
             <div class="box">
                <div class="container">
             {% include 'includes/_messages.html' %}
                </div>
                </div>
             <div class="content">
             <section class="doctor" id="doc">
                 <h2 class="apt">THESIS </h2>
                 <center>
                    <div class="card mb-3 card-ki-mkb-1">
                        <div class="card-header">
                            <i class="fas fa-table"></i>
                            Research Papers</div>
                        <div class="card-body">
                            <div class="table-responsive">
                 <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <th>Paper Name</th>
                        <th>Category</th>
                        <th>View</th>
                        <th>Author</th>
                        <th>Institute Name</th>
                        <th>Date</th>
                    </thead>
                    <tbody>
                        {% for pdf in pdf_list %}
                        <tr>
                            <td>{{pdf['paper_name']}}</td>
                            <td>{{pdf['category']}}</td>
                            <td><button class="two"><a href="{{pdf['paper_url']}}" class="link-mi">View</a></button></td>
                            <td>{{pdf['author']}}</td>
                            <td>{{pdf['institute_name']}}</td>
                            <td>{{pdf['upload_date']}}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                 </table>
                </div>
            </div>
        </div>
                </center>
             </section>
             <section class="upload" id="upload">
                 <h2 class="apt">UPLOAD THESIS</h2>
                 <center>
                 <div class="damn">
                 <form method="POST" action="" enctype="multipart/form-data">
                     <!-- <label for="paper_name">Paper Name :</label> -->
                     Paper Name :
                     <input type="text" name="paper_name" placeholder="Name" required="required" value={{request.form.paper_name}}>
                     <br>
                     <br>
                     Category :
                     <input type="text" class="idk" name="paper_category" placeholder="Category" required="required" value={{request.form.paper_category}}>
                     <br>
                     <input type="file" name="myfile" id="myfile" class="reer" style="width:260px">
                     <!-- Upload :
                     <input type="file" id="myfile" name="myfile"> -->

                     <!-- <input type="submit" value="Submit"> -->
                     <!-- <label for="myfile">Upload :</label> -->
                     <!-- <div class="container mt-5">
                        <h1 class="text-center">Upload your documents here</h1>
                        <div class="col-sm-12 col-lg-4 mr-auto ml-auto border p-4 dabba">
                            <form method="post" enctype="multipart/form-data">
                                <div class="form-group"> -->
                                     <!-- <label><strong>Upload Files</strong></label>  -->
                                     <!-- Choose a file: -->
                                     <!-- <input type="file" name="myfile" id="myfile" class="reer"> -->
                                    <!-- <div class="custom-file"> -->
                                            <!-- <div class="upload-btn-wrapper"> -->
                                               <!-- <button class="btn">Upload a file</button>
                                                <input type="file" name="myfile" />
                                            </div>
                                    </div>  -->
                                <!-- </div> -->
                                <!-- <div class="form-group">  -->
                                    <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>
                                    <!-- <input type="submit" value="Submit"> -->

                                <!-- </div> -->
                            </form>
                        </div>
                     <br>
                 <!-- </form> -->
                </div>
                </center>
             </section>

             <section class="search" id="search">
                 <h2 class="apt">SEARCH THESES</h2>
             </section>
             </div>
         </div>
        <center>
            <div class="uh">
            <form action="" method="POST">
            Search Keyword :
            <input type="text" name="keyword" placeholder="Search" value={{request.form.keyword}}>
            </form>
            </div>
        <div class="lol">
        <table border="1px solid">
            <thead>
                <th>Paper Name</th>
                <th>Category</th>
                <th>View</th>
                <th>Author</th>
                <th>Institute Name</th>
                <th>Date</th>
            </thead>

            <tbody>
                {% for result in results %}
                <tr>
                    <td>{{result['paper_name']}}</td>
                    <td>{{result['category']}}</td>
                    <td> <button><a href="{{result['paper_url']}}">View</a></button></td>
                    <td>{{result['author']}}</td>
                    <td>{{result['institute_name']}}</td>
                    <td>{{result['upload_date']}}</td>
                </tr>
                {% endfor %}
            </tbody>
         </table>
        </center>
    </div>
     <!-- SIDEBAR SECTION -->

<!-- Filestack - File Picker -->
    <script>
        function uploadpdf() {
        const client = filestack.init("A0qg3V3jRiyTufmfEmUcgz");
        client.picker().open();
        }
    </script>
    <!-- <button onclick="uploadpdf()">Upload A PDF</button> -->
<!-- Filestack - Drag and Drop -->
    <!-- <script>
        const filestackClient = filestack.init('A0qg3V3jRiyTufmfEmUcgz');
        const filestackDnD = new filestackDnD.init(filestackClient, document.querySelector('.drop-container'));
    </script>
        <div class="drop-container">Drag and Drop</div> -->

<!-- This iframe is used as PDF Viewer  -->
    <!-- <iframe src="https://cdn.filestackcontent.com/5qtHXdNSkqDu5Msg4JBc" frameborder="0" height="500" width="50%"></iframe> -->
    <!-- <a href="https://cdn.filestackcontent.com/5qtHXdNSkqDu5Msg4JBc">example</a> -->
<!-- To download the pdf -->
    <!-- <button onclick="downloadPdf()">Download PDF</button> -->
</body>
</html>