Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Track Consignment</title> | |
| <link rel="stylesheet" href="../static/style.css" /> | |
| </head> | |
| <body> | |
| <!-- <h1 class="mock-text">This is a mock website.</h1> --> | |
| <div class="navbar-full"> | |
| <div class="navbar-top"> | |
| <div class="search-icon-div"> | |
| <img | |
| src="../static/images/search.svg" | |
| alt="Q" | |
| height="13px" | |
| width="13px" | |
| /> | |
| </div> | |
| <div class="top-level-buttons"> | |
| <div class="top-level-button"> | |
| <img | |
| src="../static/images/globe.svg" | |
| alt="Q" | |
| height="13px" | |
| width="13px" | |
| /> | |
| English | |
| </div> | |
| {% if not Name %} | |
| <div class="top-level-button"> | |
| <img | |
| src="../static/images/user.svg" | |
| alt="Q" | |
| height="13px" | |
| width="13px" | |
| /> | |
| <a href="login.html">Sign In</a> | |
| </div> | |
| <div class="top-level-button"> | |
| <img | |
| src="../static/images/user-add.svg" | |
| alt="Q" | |
| height="13px" | |
| width="13px" | |
| /> | |
| <a href="register.html">Register</a> | |
| </div> | |
| {% else %} | |
| <div class="top-level-button"> | |
| <img | |
| src="../static/images/user.svg" | |
| alt="Q" | |
| height="13px" | |
| width="13px" | |
| /> | |
| {{Name}} | |
| </div> | |
| <div class="top-level-button"> | |
| <img | |
| src="../static/images/logout.svg" | |
| alt="Q" | |
| height="13px" | |
| width="13px" | |
| /> | |
| <a href="logout.html">Logout</a> | |
| </div> | |
| {% endif %} | |
| </div> | |
| </div> | |
| <div class="navbar-bottom"> | |
| <div class="logo-container"> | |
| <h2 class="logo">INDIA POST</h2> | |
| </div> | |
| <div class="quick-links-container"> | |
| <button class="quick-link"> | |
| <a | |
| href="trackconsignment.html" | |
| style="text-decoration: none; color: black" | |
| > | |
| Quick Tools | |
| </a> | |
| </button> | |
| <button class="quick-link"> | |
| <a | |
| href="findpincode.html" | |
| style="text-decoration: none; color: black" | |
| > | |
| Send | |
| </a> | |
| </button> | |
| <button class="quick-link"> | |
| <a | |
| href="locatepostoffice.html" | |
| style="text-decoration: none; color: black" | |
| > | |
| Receive | |
| </a> | |
| </button> | |
| <button class="quick-link"> | |
| <a | |
| href="buystamps.html" | |
| style="text-decoration: none; color: black" | |
| > | |
| Shop | |
| </a> | |
| </button> | |
| <button class="quick-link"> | |
| <a href="tenders.html" style="text-decoration: none; color: black"> | |
| Business | |
| </a> | |
| </button> | |
| <button class="quick-link"> | |
| <a href="/" style="text-decoration: none; color: black"> Home </a> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="main-container"> | |
| <div class="sidebar"> | |
| <div class="sidebar-container"> | |
| <div class="tools-header"> | |
| <h2>Tools</h2> | |
| </div> | |
| <div class="sidebar-links"> | |
| <div class="sidebar-link sidebar-link-active"> | |
| <a href="" class="link-active">Track Consignment</a> | |
| </div> | |
| <div class="sidebar-link"> | |
| <a href="locatepostoffice.html">Locate Post Office</a> | |
| </div> | |
| <div class="sidebar-link"> | |
| <a href="findpincode.html">Find Pin-code</a> | |
| </div> | |
| <div class="sidebar-link"> | |
| <a href="calculatepostage.html">Calculate Postage</a> | |
| </div> | |
| <div class="sidebar-link"><a href="https://www.ippbonline.com/web/ippb">India Post Bank</a></div> | |
| <div class="sidebar-link"><a href="buystamps.html">Stamp</a></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="main-content"> | |
| <div class="center-contents"> | |
| <h2 class="sign-in-title">Track Consignment</h2> | |
| <form action="" method="post"> | |
| <div class="input-section-container"> | |
| <h2 class="input-section-title">Type of Tracking ID</h2> | |
| <div class="input-section-divison"> | |
| <div class="input-containers-calc-post"> | |
| <div> | |
| <input | |
| type="radio" | |
| name="tracking-type" | |
| id="tracking-type" | |
| value="consignment" | |
| /> | |
| <label for="consignment">Consignment No.</label> | |
| </div> | |
| <div> | |
| <input | |
| type="radio" | |
| name="tracking-type" | |
| id="tracking-type" | |
| value="reference" | |
| /> | |
| <label for="reference">Ref No.</label> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="input-section-container"> | |
| <h2 class="input-section-title">Input the Tracking ID</h2> | |
| <div class="input-section-divison"> | |
| <div class="input-containers"> | |
| <div class="input-whole"> | |
| <label for="trackingid">Consignment No. / Ref No.</label> | |
| <input | |
| type="text" | |
| name="trackingid" | |
| id="trackingid" | |
| placeholder="Enter Tracking ID" | |
| /> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="sign-in-buttons-container"> | |
| <button class="red-button btn" type="submit">Search</button> | |
| <button class="btn">Reset</button> | |
| </div> | |
| </form> | |
| {% if result %} | |
| <br /> | |
| <h3>Search Results</h3> | |
| <table> | |
| <tr> | |
| <th>Date</th> | |
| <th>Time</th> | |
| <th>Office</th> | |
| <th>Event</th> | |
| </tr> | |
| {% for row in result %} | |
| <tr> | |
| <td>{{ row['Date'] }}</td> | |
| <td>{{ row['Time'] }}</td> | |
| <td>{{ row['Office'] }}</td> | |
| <td>{{ row['Event'] }}</td> | |
| </tr> | |
| {% endfor %} | |
| </table> | |
| {% else %} | |
| <p>No results found</p> | |
| {% endif %} | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |