File manager - Edit - G:/PleskVhosts/indiaminerals.in/vgm.INFOFIXDEVELOPERS.COM/admin/medicine-record.html
Back
<!DOCTYPE html> <!-- This is a starter template page. Use this page to start your new project from scratch. This page gets rid of all links and provides the needed markup only. --> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Medicine Record </title> <!-- Google Font: Source Sans Pro --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback" /> <!-- Font Awesome Icons --> <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css" /> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css" /> </head> <style> .main-header { background-color: #9f91cc; color: #ffffff; } .main-sidebar { background-color: #3d246c; color: #ffffff; } .container { margin: 0 auto; padding: 20px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .header { display: flex; align-items: center; justify-content: center; background-color: #9f91cc; color: #fff; padding: 10px 20px; border-radius: 5px; font-family: "Roboto", sans-serif; font-weight: 600; margin-bottom: 20px; } .header img { height: 50px; width: auto; margin-right: 10px; } /* Form Label Styles */ label { font-weight: bold; color: #555; } /* Text Input Styles */ .form-control { width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; } /* Textarea Styles */ textarea.form-control { height: 100px; } /* Checkbox Styles */ .form-check-input[type="checkbox"] { margin-top: 5px; } /* Button Styles */ .btn-primary { background-color: #3d246c; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; font-size: 16px; cursor: pointer; } .btn-primary:hover { background-color: #9f91cc; } .table-header { background-color: #9f91cc; color: white; /* Header text color */ } </style> <body class="hold-transition sidebar-mini"> <div class="wrapper"> <!-- Navbar --> <nav class="main-header navbar navbar-expand navbar-white navbar-light"> <!-- Left navbar links --> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" data-widget="pushmenu" href="#" role="button" ><i class="fas fa-bars"></i ></a> </li> <li class="nav-item d-none d-sm-inline-block"> <a href="#" class="nav-link">Home</a> </li> </ul> </nav> <!-- /.navbar --> <!-- Main Sidebar Container --> <aside class="main-sidebar sidebar-dark-primary elevation-4"> <!-- Brand Logo --> <a href="#" class="brand-link"> <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: 0.8" /> <span class="brand-text font-weight-light">AdminLTE 3</span> </a> <!-- Sidebar --> <div class="sidebar"> <!-- Sidebar user panel (optional) --> <!-- SidebarSearch Form --> <div class="form-inline mt-2"> <div class="input-group" data-widget="sidebar-search"> <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search" /> <div class="input-group-append"> <button class="btn btn-sidebar"> <i class="fas fa-search fa-fw"></i> </button> </div> </div> </div> <!-- Sidebar Menu --> <nav class="mt-2"> <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false" > <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon fas fa-th"></i> <p> Animal Registration <i class="right fas fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Animal Registration List</p> </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Animal Registration Form</p> </a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon fas fa-th"></i> <p> Animal Observation <i class="right fas fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Animal Observation List</p> </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p> Observation Form</p> </a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon fas fa-th"></i> <p> Animal Category Master <i class="right fas fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Animal Category List</p> </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Animal Category Form</p> </a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon fas fa-th"></i> <p> Special Investigation <i class="right fas fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Investigation List</p> </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Investigation Form</p> </a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon fas fa-th"></i> <p> Discharge Details <i class="right fas fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Discharge Details List</p> </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Discharge Details Form</p> </a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon fas fa-th"></i> <p> Death Form <i class="right fas fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Death Form List</p> </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Death Form Form</p> </a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon fas fa-th"></i> <p> Medicine Master <i class="right fas fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Medicine Master List</p> </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Medicine Master Form</p> </a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon fas fa-th"></i> <p> Purchase Medicine <i class="right fas fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Purchase Medicine List</p> </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Purchase Medicine Form</p> </a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon fas fa-th"></i> <p> Medicine Issue <i class="right fas fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Medicine Issue List</p> </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Medicine Issue Form</p> </a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon fas fa-th"></i> <p> Upload Document <i class="right fas fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Upload Document List</p> </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Upload Document Form</p> </a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon fas fa-th"></i> <p> Animal Detail Master <i class="right fas fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Animal Detail List</p> </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="far fa-circle nav-icon"></i> <p>Animal Detail Form</p> </a> </li> </ul> </li> </ul> </nav> <!-- /.sidebar-menu --> </div> <!-- /.sidebar --> </aside> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <div class="container"> <h4 class="text-center">Select date: </h4> <div class="row justify-content-center"> <!-- Date Selector --> <div class="col-md-4"> <div class="form-group"> <label for="fromDate">From:</label> <input type="date" class="form-control" id="fromDate"> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="toDate">To:</label> <input type="date" class="form-control" id="toDate"> </div> </div> </div> <div class="row mt-4"> <!-- Medicines List --> <div class="col-md-12"> <h4>Medicines List</h4> <table class="table table-bordered"> <thead> <tr> <th>Name</th> <th>Quantity</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td>Medicine 1</td> <td> <button class="btn btn-secondary" data-toggle="modal" data-target="#quantityModal">View Quantity</button> </td> </tr> <tr> <td>Medicine 2</td> <td> <button class="btn btn-secondary" data-toggle="modal" data-target="#quantityModal">View Quantity</button> </td> </tr> <!-- Add more medicines and quantities as needed --> </tbody> </table> </div> </div> </div> <!-- Quantity Modal --> <div class="modal fade" id="quantityModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Quantity Details</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" style="max-height: 400px; overflow-y: auto;"> <h4>The following is the data of medicines given to the animals</h4> <div class="container mt-4"> <table class="table table-bordered"> <thead class="table-header"> <tr> <th>Date</th> <th>Tag No</th> <th>Animal Category</th> <th>Dose Given</th> </tr> </thead> <tbody> <!-- Example table rows --> <tr> <td>2023-10-10</td> <td>001</td> <td>Cow</td> <td>50 ml</td> </tr> <tr> <td>2023-10-10</td> <td>002</td> <td>Sheep</td> <td>30 ml</td> </tr> <!-- Add more rows as needed --> </tbody> </table> <table class="table table-bordered"> <thead class="table-header"> <tr> <th>Date</th> <th>Tag No</th> <th>Animal Category</th> <th>Dose Given</th> </tr> </thead> <tbody> <!-- Example table rows --> <tr> <td>2023-10-11</td> <td>003</td> <td>Horse</td> <td>40 ml</td> </tr> <tr> <td>2023-10-11</td> <td>004</td> <td>Pig</td> <td>25 ml</td> </tr> <!-- Add more rows as needed --> </tbody> </table> <table class="table table-bordered"> <thead class="table-header"> <tr> <th>Date</th> <th>Tag No</th> <th>Animal Category</th> <th>Dose Given</th> </tr> </thead> <tbody> <!-- Example table rows --> <tr> <td>2023-10-11</td> <td>003</td> <td>Horse</td> <td>40 ml</td> </tr> <tr> <td>2023-10-11</td> <td>004</td> <td>Pig</td> <td>25 ml</td> </tr> <!-- Add more rows as needed --> </tbody> </table> <!-- Add more tables as needed --> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> <!-- /.content-wrapper --> <!-- Control Sidebar --> <!-- /.control-sidebar --> <!-- Main Footer --> <footer class="main-footer text-center"> <!-- To the right --> <!-- Default to the left --> <strong >Copyright © 2014-2021 <a href="https://adminlte.io">VGM Charitable Trust</a>.</strong > All rights reserved. </footer> </div> <!-- ./wrapper --> <!-- REQUIRED SCRIPTS --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.3.33 | Generation time: 0.08 |
proxy
|
phpinfo
|
Settings