<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
23423423
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
3463463453434534
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
afasfasfasd
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
<?php
require_once(MODULE . "/class/bllayer/leads.php");
$blLocations = new BL_Locations();
$filter = array();
$documentTypes = $blLocations->GetAllDocumentTypes($filter);
?>
<style>
/* Ensure table cells handle long text properly */
table.dataTable td {
word-break: break-all;
overflow-wrap: break-word;
white-space: normal;
}
</style>
<!-- MAIN CONTENT -->
<div id="content">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
<h1> <span class="page-title txt-color-blueDark">View Document Types </span></h1>
</div>
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-8">
<button class="btn btn-primary float-right " type="button" onclick="OpenModalBox('edit_document_type&docId=-1','screen','','1200','800')"><i class="fal fa-plus" style="margin-right: 4px"></i>Add Document Type</button>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr bg-primary text-white">
<h2>All Document Types</h2>
</div>
<div class="panel-container show p-3">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr class="text-center">
<th>S#</th>
<th>Country</th>
<th>Document Unique Type</th>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody><?php
for($i=0; $i<$documentTypes->count; $i++){
$recordId = $documentTypes->rows[$i]['record_id'];
$country = $documentTypes->rows[$i]['country'];
$documentUniqueType = $documentTypes->rows[$i]['document_unique_type'];
$documentName = $documentTypes->rows[$i]['document_type'];
?>
<tr>
<td class="text-center"><?=$i+1?></td>
<td class="text-center"><?=$country?></td>
<td><?=$documentUniqueType?></td>
<td><?=$documentName?></td>
<td>
<button type="button" class="btn btn-primary" onclick="OpenModalBox('edit_document_type&docId=<?=$recordId?>','screen','','1200','800')">
<i class="fal fa-edit"></i>
Edit
</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN PANEL -->
<script type="text/javascript">
$( document ).ready(function() {
$(this).scrollTop(0);
$('#dt-basic-example').dataTable({
responsive: true
});
$('.js-thead-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
});
$('.js-tbody-colors a').on('click', function(){
var theadColor = $(this).attr("data-bg");
console.log(theadColor);
$('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
});
});
</script>
asfgwrqwrqwqwzxc33333333333