<!doctype html>
<html lang="en">
    <head>
        <title><%= country %> Data</title>
            <!-- Required meta tags -->
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1,
                shrink-to-fit=no">

            <!-- Bootstrap CSS v5.2.0-beta1 -->
            <link rel="stylesheet"
                href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css"
                integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor"
                crossorigin="anonymous">
            <link rel="stylesheet" href="/css/covidForm.css">
        </head>
        <body>
            <nav class="navbar navbar-light">
                <div class="container-fluid">
                    <a class="navbar-brand" href="#">
                        <img class="icon" src="/images/icon.png">
                        Covid Statistics For <%= country %>
                        </a>
                    </div>
                </nav>
                <table class="table">
                    <thead>
                        <th scope="col">Active Cases</th>
                        <th scope="col">Patients Recovered</th>
                        <th scope="col">Critical Cases</th>
                        <th scope="col">New Cases</th>
                        <th scope="col">Total Deaths</th>
                    </thead>
                    <tbody>
                        <tr>
                            <td><%= active %> </td>
                                <td><%= recover %> </td>
                                    <td><%= critical %> </td>
                                        <td><%= newcase %> </td>
                                            <td><%= totdeath %> </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <form action="/" method="get">
                                        <div class="backBtn">
                                            <button class="btn btn-primary
                                                homeBtn"
                                                type="submit">Search Again</button>
                                        </div>
                                    </form>
                                    <!-- Bootstrap JavaScript Libraries -->
                                    <script
                                        src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js"
                                        integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk"
                                        crossorigin="anonymous"></script>
                                    <script
                                        src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.min.js"
                                        integrity="sha384-kjU+l4N0Yf4ZOJErLsIcvOU2qSb74wXpOhqTvwVx3OElZRweTnQ6d31fXEoRD1Jy"
                                        crossorigin="anonymous"></script>
                                </body>
                                <footer class="text-center">

                                    <div class="footer">Â© Made By:
                                        <ahref="https://github.com/AshharShah">
                                            Ashhar Shah</a>
                                    </div>

                                </footer>
                            </html>