File: /home/imensosw/public_html/imenso.co/demo/hmis/index.php
<!doctype html>
<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Test Sparrow">
<title>HMIS - POC</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="css/custom.css">
<!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.3/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.3/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.3/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.3/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.3/assets/img/favicons/safari-pinned-tab.svg" color="#712cf9">
<link rel="icon" href="/docs/5.3/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#712cf9">
</head>
<body>
<nav class="navbar border-bottom px-4 navbar-main">
<div class="container-fluid">
<img src="images/logo.svg" width="100">
<ul class="custom-ul">
<li class="nav-item">
<a href="javascript:;" onClick="changePage(0)" class="nav-link active">Admin</a>
</li>
</ul>
<ul class="nav nav-pills">
<li class="dropdown">
<a class="avtar" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<span>J</span>
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Account</a></li>
<li><a class="dropdown-item" href="#">Logout</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="playground">
<div class="main-content">
<div class="mt-4 px-4">
<div class="container gutter">
<h3 class="mb-4 title">Forms</h3>
<div class="card">
<div class="d-flex justify-content-between">
<div class="card-text">Total 3</div>
<div class="card-action">
<a href="" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#newForm">New Form</a>
</div>
</div>
</div>
<table class="table custom-table">
<thead>
<tr>
<th>#</th>
<th>Form Name</th>
<th class="text-end">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><a href="new-form.php">CoC Specific Elements</a></td>
<td class="text-end">
<a href="form-preview.php" class="btn-icon" data-bs-toggle="tooltip" data-bs-placement="top" title="Preview"><i class="bi-eye"></i></a>
<a href="" class="btn-icon" data-bs-toggle="tooltip" data-bs-placement="top" title="Duplicate"><i class="bi-copy"></i></a>
<a href="new-form.php" class="btn-icon" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit"><i class="bi-pencil"></i></a>
</td>
</tr>
<tr>
<td>2</td>
<td><a href="new-form.php">CoC Specific Elements 2</a></td>
<td class="text-end">
<a href="form-preview.php" class="btn-icon" data-bs-toggle="tooltip" data-bs-placement="top" title="Preview"><i class="bi-eye"></i></a>
<a href="" class="btn-icon" data-bs-toggle="tooltip" data-bs-placement="top" title="Duplicate"><i class="bi-copy"></i></a>
<a href="new-form.php" class="btn-icon" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit"><i class="bi-pencil"></i></a>
</td>
</tr>
<tr>
<td>3</td>
<td><a href="new-form.php">CoC Specific Elements 3</a></td>
<td class="text-end">
<a href="form-preview.php" class="btn-icon" data-bs-toggle="tooltip" data-bs-placement="top" title="Preview"><i class="bi-eye"></i></a>
<a href="" class="btn-icon" data-bs-toggle="tooltip" data-bs-placement="top" title="Duplicate"><i class="bi-copy"></i></a>
<a href="new-form.php" class="btn-icon" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit"><i class="bi-pencil"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div> <!--mc-grid-->
</div> <!-- main-content-->
</div> <!--playground-->
<!-- Modal -->
<div class="modal fade" id="newForm" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title fs-5" id="exampleModalLabel">Add New Form</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<label for="" class="form-label">Form Name</label>
<input type="text" class="form-control" value="" id="" placeholder="Enter form name">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<a href="new-form.php" class="btn btn-primary">Continue</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
</script>
</body>
</html>