File "footer.php"
Full path: /home/fsibplc/public_html/includes/footer.php
File
size: 31.04 B (31.04 KB bytes)
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor Back
<footer id="footer">
<div class="footer_wrapper">
<div class="footer_content">
<img src="resources/merge_logo.jpg" alt="" width="150" height="50">
<br><br>
<div class="footer_icons">
<i class="fa-solid fa-house" style="margin-right:12px;margin-top: 4px;font-size: 14px;"></i>
<div class="footer_text">Rangs RD Center, Block: SE (F),<br> Plot:03,Gulshan Avenue,<br> Gulshan 1,
Dhaka:1212
</div>
</div>
<div class="footer_icons">
<i class="fa-solid fa-phone" style="margin-right:12px;margin-top: 4px;font-size: 14px;"></i>
<div class="footer_text">+88 02 55045700</div>
</div>
<div class="footer_icons">
<i class="fa-solid fa-envelope" style="margin-right:12px;margin-top: 4px;font-size: 14px;"></i>
<div class="footer_text">info@fsiblbd.com</div>
</div>
<div class="footer_icons">
<i class="fa-solid fa-globe" style="margin-right:12px;margin-top: 4px;font-size: 14px;"></i>
<div class="footer_text">SWIFT Address: FSEBBDDH</div>
</div>
<br>
<p class="footer_title">Social Media</p>
<div class="d-flex">
<p class="p-2"><a href="http://www.facebook.com/fsibpage" target="_blank">
<span class="fab fa-facebook-square fa-2xl" style="color:white"></span>
</a></p>
<p class="p-2"><a href="http://www.linkedin.com/company/2264672" target="_blank">
<span class="fab fa-linkedin-in fa-2xl" style="color:white"></span>
</a></p>
<p class="p-2"><a href="https://www.youtube.com/@fsibplc" target="_blank">
<span class="fab fa-youtube fa-2xl" style="color:white"></span>
</a></p>
</div>
</div>
<div class="footer_content">
<p class="footer_title">Rates & Charges</p>
<div class="footer_icon">
<a href="foreign_exchange_rate.php">
<div class="footer_text">Foreign Exchange Rate</div>
</a>
</div>
<div class="footer_icon">
<a href="mudaraba_term_account.php">
<div class="footer_text">Profit Rate</div>
</a>
</div>
<div class="footer_icon">
<a href="./File/schedule-of-charges_Updated_rotated.pdf" target="_blank">
<div class="footer_text">Schedule of Charges</div>
</a>
</div>
<div class="footer_icon">
<a href="./File/Declared Investment Profit Rate by Economic SectorJuly.pdf" target="_blank">
<div class="footer_text">Return Rate of Investment</div>
</a>
</div>
<br>
<p class="footer_title">Help & Support</p>
<div class="footer_icon">
<a href="contact.php">
<div class="footer_text">Contact Us</div>
</a>
</div>
<div class="footer_icon">
<a href="call.php">
<div class="footer_text">Call Center</div>
</a>
</div>
<div class="footer_icon">
<a href="complaint.php">
<div class="footer_text">Complaint Cell</div>
</a>
</div>
<div class="footer_icon">
<a href="rti.php">
<div class="footer_text">Right to Information (RTI)</div>
</a>
</div>
</div>
<div class="footer_content">
<p class="footer_title">Apps & Software</p>
<div class="footer_icon">
<a href="fsib_card-gpin.php" target="_blank">
<div class="footer_text">FSIB G-PIN</div>
</a>
</div>
<div class="footer_icon">
<a href="https://cloud.fsiblbd.com/FSIBLCLOUD/login?returnUrl=%2F" target="_blank">
<div class="footer_text">Cloud Web Login</div>
</a>
</div>
<div class="footer_icon">
<a href="https://cloud.fsiblbd.com/Corporate/login?returnUrl=%2F" target="_blank">
<div class="footer_text">Corporate e-Banking Login</div>
</a>
</div>
<div class="footer_icon">
<a href="https://freedom.fsiblbd.com/ekyc" target="_blank">
<div class="footer_text">FSIB Freedom</div>
</a>
</div>
<div class="footer_icon">
<a href="https://trdms.fsiblbd.com/trdms/f?p=100:9999:2854537863065:::::" target="_blank">
<div class="footer_text">Tax Return Document</div>
</a>
</div>
<div class="footer_icon">
<a href="https://play.google.com/store/apps/details?id=com.isdd.bb.org" target="_blank">
<div class="footer_text">Mobile app for ATM Booths <br> and Branches</div>
</a>
</div>
<div class="footer_icon">
<a href="./File/QR Cash for customer.pdf" target="_blank">
<div class="footer_text">Cash Withdraw for QR Cash</div>
</a>
</div>
</div>
<div class="footer_content">
<p class="footer_title">Other Important Link</p>
<div class="footer_icon">
<a href="literacy.php">
<div class="footer_text">Financial Literacy</div>
</a>
</div>
<div class="footer_icon">
<a href="tender.php">
<div class="footer_text">Tender</div>
</a>
</div>
<div class="footer_icon">
<a href="notice.php">
<div class="footer_text">Notice</div>
</a>
</div>
<div class="footer_icon">
<a href="https://erecruitment.fsiblbd.com/test_erc/fsibl_site.php" target="_blank">
<div class="footer_text">Career</div>
</a>
</div>
<div class="footer_icon">
<a href="unclaimed_deposit.php">
<div class="footer_text">Unclaimed Deposit</div>
</a>
</div>
<div class="footer_icon">
<a href="CMSME.php">
<div class="footer_text">CMSME Disbursement related <br> information</div>
</a>
</div>
<div class="footer_icon">
<a href="File/Customer-Charter.pdf">
<div class="footer_text">Customer Charter</div>
</a>
</div>
<div class="footer_icon">
<a href="citizen_charter.php">
<div class="footer_text">Citizen’s Charter</div>
</a>
</div>
<div class="footer_icon">
<a href="online_shopping.php">
<div class="footer_text">Online Shopping</div>
</a>
</div>
<div class="footer_icon">
<a href="statement.php">
<div class="footer_text">Financial Statement</div>
</a>
</div>
<div class="footer_icon">
<a href="national-integrity-strategy-nis.php">
<div class="footer_text">National Integrity Strategy (NIS)</div>
</a>
</div>
<!--<button id="google_translate_element"><i class="fa-solid fa-language"></i></button>-->
</div>
</div>
</footer>
<button onclick="topFunction()" id="topBtn" title="Go to top"><i class="fa-solid fa-arrow-up"></i></button>
<script>
document.addEventListener('DOMContentLoaded', () => {
let currentImage = 0;
const images = document.querySelectorAll('.image-container img');
// Switch images every 3 seconds
setInterval(() => {
// Hide the current image
images[currentImage].classList.remove('fade-in');
images[currentImage].classList.add('hidden');
// Show the next image
currentImage = (currentImage + 1) % images.length;
images[currentImage].classList.remove('hidden');
images[currentImage].classList.add('fade-in');
}, 3000);
});
</script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!--Bot Code Start-->
<div class="container2" style="display:none">
<div class="chatbox">
<div class="chatbox__support">
<div class="chatbox__header">
<div class="chatbox-header-content">
<div class="chatbox__image--header">
<div class="header-avatar"></div>
</div>
<div class="chatbox__content--header">
<div class="chatbox__heading--header">Smart Connect</div>
<div class="chatbox__description--header">
Your Banking Assistant
</div>
</div>
</div>
<div id="bot_feature">
<button class="chatbox__maxbutton">
<img src="bot/bot-images/maximize.svg" alt="max" />
</button>
<button class="chatbox__minbutton">
<img src="bot/bot-images/minimize.svg" alt="min" />
</button>
<button class="chatbox__resetbutton">
<img src="bot/bot-images/reload.svg" alt="Reset" />
</button>
<button class="chatbox__send--footer minimize__button">
<img src="/bot/bot-images/angle-down.svg" alt="image" style="padding-top: 0.3rem; color: white" />
</button>
</div>
</div>
<div class="chatbox__messages">
<!-- Chat messages will be dynamically inserted here -->
</div>
<div class="chatbox__footer" style="border:none; padding:0">
<button id="soundButton" class="sound-off"> 🔊</button>
<audio id="botSound" src="bot/bot-css/imsend.mp3" preload="auto"></audio>
<!-- <audio id="botSound" src="./bot-css/imessage_send.mp3" preload="auto"></audio>-->
<input type="text" id="questionBox" name="questionBox" placeholder="Ask me about FSIB..." style="margin-left: 7px" />
<button class="chatbox__send--footer send__button" id="sendButton">
<img src="bot/bot-images/send-icon-white.svg" alt="image" style="height: 33px; width: 35px;" />
<img src="bot/bot-images/send-icon-dark.svg" alt="image" style="height: 33px; width: 35px; cursor:not-allowed;" />
</button>
</div>
</div>
<div class="overlayBot"></div>
</div>
</div>
<div class="chatbox__button" id="chatbox__button">
<button id="Ch12">
<!--<img src="/bot/bot-images/chat-icon-1.svg" alt="" /> -->
<!--<img src="./bot-images/chat.png" alt="" /> -->
</button>
</div>
<!-- Link Bootstrap JS -->
<script src="bot/bot-js/bootstrap.bundle.min.js"></script>
<script src="bot/bot-js/htmlTemplates.js"></script>
<script src="bot/bot-js/buttonTemplates.js"></script>
<script src="bot/bot-js/utils.js"></script>
<script src="bot/bot-js/app.js"></script>
<!--Bot Code End-->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>
<!-- whats new carousel cdn -->
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/js/splide.min.js"></script>
<script src="assets/js/script.js"></script>
<!-- jquery 3.3.1 -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
<!--image download-->
<script>
</script>
<!--image download-->
<!--quick menu-->
<script type="text/javascript">
$(".quick-menu").click(function() {
$(this).toggleClass('bg');
});
</script>
<!--quick menu-->
<!-- new addition -->
<script>
document.addEventListener("DOMContentLoaded", function(){
var myModal = new bootstrap.Modal(document.getElementById('imageModal'));
myModal.show();
// make it as accordion for smaller screens
if (window.innerWidth > 992) {
document.querySelectorAll('.navbar .nav-item').forEach(function(everyitem){
everyitem.addEventListener('mouseover', function(e){
let el_link = this.querySelector('a[data-bs-toggle]');
if(el_link != null){
let nextEl = el_link.nextElementSibling;
el_link.classList.add('show');
nextEl.classList.add('show');
}
});
everyitem.addEventListener('mouseleave', function(e){
let el_link = this.querySelector('a[data-bs-toggle]');
if(el_link != null){
let nextEl = el_link.nextElementSibling;
el_link.classList.remove('show');
nextEl.classList.remove('show');
}
})
});
}
// end if innerWidth
});
// DOMContentLoaded end
</script>
<script>
function on() {
document.getElementById("overlay").style.display = "block";
}
function off() {
document.getElementById("overlay").style.display = "none";
}
</script>
<script type="text/javascript">
$(document).ready(function() {
//jquery for toggle sub menus
$('.sub-btn').click(function() {
$(this).next('.sub-menu').slideToggle();
$(this).find('.dropdown').toggleClass('rotate');
});
//jquery for expand and collapse the sidebar
$('.menu-btn').click(function() {
$('.side-bar').addClass('active');
// $('.menu-btn').css("visibility", "hidden");
});
$('.close-btn').click(function() {
$('.side-bar').removeClass('active');
$('.menu-btn').css("visibility", "visible");
});
});
</script>
<!-- logo add start-->
<script>
$(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 200) {
$('.navbar-brand-img img').attr('src', 'resources/logo/small_logo.png');
}
if ($(this).scrollTop() < 200) {
$('.navbar-brand-img img').attr('src', '');
}
})
});
</script>
<!-- logo add end-->
<!-- sticky header start -->
<script>
document.addEventListener("DOMContentLoaded", function() {
window.addEventListener('scroll', function() {
if (window.scrollY > 200) {
document.getElementById('main_menu').classList.add('fixed-top');
// add padding top to show content behind navbar
navbar_height = document.querySelector('.navbar').offsetHeight;
document.body.style.paddingTop = navbar_height + 'px';
} else {
document.getElementById('main_menu').classList.remove('fixed-top');
// remove padding top from body
document.body.style.paddingTop = '0';
}
});
});
</script>
<!-- sticky header end -->
<!-- scroll to Top button start -->
<script>
// Get the button
let myTopbutton = document.getElementById("topBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
myTopbutton.style.display = "block";
} else {
myTopbutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<!-- scroll to Top button end -->
<script>
</script>
<script>
// var myModal = new bootstrap.Modal(document.getElementById('frontModal'))
// var myModal = new bootstrap.Modal(document.getElementById('imageModal'));
window.onload = function() {
// myModal.show();
}
</script>
<!--navbar onclick-->
<script>
let globalValue = "";
function ntabName(tab){
globalValue = tab;
console.log("Global value updated:", globalValue); // Debugging output
}
function openNavTab(evt, tabName) {
//globalValue = tabName;
// ntabName(tabName);
// console.log("openNavTab executed. Global Value is:", globalValue);
var tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Hide all tab contents
var tabContents = document.getElementsByClassName("v_tabcontent");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].style.display = "none";
}
// Show the specific tab content
var activeTab = document.getElementById(tabName);
if (activeTab) {
activeTab.style.display = "block";
evt.currentTarget.className += " active";
} else {
console.error("Tab content not found for:", tabName);
}
}
</script>
<!-- Tab Js start -->
<script>
function openNTab(evt, tabName) {
var i, tabcontent, tablinks, v_tabcontent, j, tab2;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
v_tabcontent = document.getElementsByClassName("v_tabcontent");
for (j = 0; j < v_tabcontent.length; j++) {
v_tabcontent[j].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
// document.getElementsByClassName("v_tabcontent").style.display = "none";
document.getElementById(tabName).style.display = "block";
// v_tablinks[0].style.backgroundColor = "red";
// document.getElementById(tab2).style.backgroundColor = "red";
console.log(globalValue);
document.getElementById(globalValue).style.display = "block";
evt.currentTarget.className += " selected";
evt.currentTarget.className += " active";
}
function openTab(evt, tabName,tab2) {
var i, tabcontent, tablinks, v_tabcontent, j;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
v_tabcontent = document.getElementsByClassName("v_tabcontent");
for (j = 0; j < v_tabcontent.length; j++) {
v_tabcontent[j].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
// document.getElementsByClassName("v_tabcontent").style.display = "none";
document.getElementById(tabName).style.display = "block";
// v_tablinks[0].style.backgroundColor = "red";
// document.getElementById(tab2).style.backgroundColor = "red";
document.getElementById(tab2).style.display = "block";
evt.currentTarget.className += " selected";
evt.currentTarget.className += " active";
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
<!-- Tab Js End -->
<!-- Vertical Tab Js start -->
<script>
function openVTab(evt, tabName) {
var j, v_tabcontent, v_tablinks;
v_tabcontent = document.getElementsByClassName("v_tabcontent");
for (j = 0; j < v_tabcontent.length; j++) {
v_tabcontent[j].style.display = "none";
}
v_tablinks = document.getElementsByClassName("tablinks");
for (j = 0; j < v_tablinks.length; j++) {
v_tablinks[j].className = v_tablinks[j].className.replace(" active", "");
}
document.getElementById(tabName).style.display = "block";
evt.currentTarget.className += " active";
}
document.getElementById("defaultOpen").click();
</script>
<!-- Vertical Tab Js End -->
<script>
// Function to set the default tab and vertical tab content on load
function setTabOnLoad(evt, tabName, vTabName) {
localStorage.setItem("activeTab", tabName); // Save the tab name in localStorage
localStorage.setItem("activeVTab", vTabName); // Save the vertical tab name in localStorage
}
window.onload = function () {
// Retrieve saved tab and vertical tab content names
let activeTab = localStorage.getItem("activeTab");
let activeVTab = localStorage.getItem("activeVTab");
if (activeTab && activeVTab) {
// Activate the saved tab and vertical tab content
document.getElementById(activeTab).style.display = "block";
document.getElementById(activeVTab).style.display = "block";
let tabLinks = document.getElementsByClassName("tablinks");
for (let i = 0; i < tabLinks.length; i++) {
if (tabLinks[i].textContent === "Mudaraba Savings Account") {
tabLinks[i].className += " active";
}
}
let vTabLinks = document.getElementsByClassName("tablinks");
for (let j = 0; j < vTabLinks.length; j++) {
if (vTabLinks[j].textContent === "Tilmiz") {
vTabLinks[j].className += " active";
}
}
} else {
// Default behavior
document.getElementById("defaultOpen").click();
}
}
</script>
<!-- changing active tab color -->
<script>
$(document).ready(function() {
$('.tab button').click(function(ev) {
$('.tab button').removeClass('selected');
$(ev.currentTarget).addClass('selected');
});
});
</script>
<script>
// active menu
// $(document).ready(function() {
// var url = window.location;
// $('ul.navbar-nav a[href="' + url + '"]').parents().addClass('active');
// $('ul.navbar-nav a').filter(function() {
// return this.href == url;
// }).parents().addClass('active').parents().parents().addClass('active');
// });
$(document).ready(function() {
var url = window.location;
$('ul.navbar-nav a[href="' + url + '"]').parents().addClass('active');
$('ul.navbar-nav a').filter(function() {
return this.href == url;
}).parents().addClass('active').parents().parents().parents().parents().addClass('active');
});
// carousel script
var splide = new Splide('.splide', {
perPage: 4,
perMove: 1,
gap: '0.7rem',
padding: '2rem',
type: 'loop',
autoplay: 'false',
pagination: false,
snap: true,
interval: '3000',
breakpoints: {
990: {
perPage: 2,
gap: '.1rem',
padding: '4rem',
},
640: {
perPage: 1,
gap: '.1rem',
padding: '4rem',
},
480: {
perPage: 1,
gap: '.1rem',
padding: '4rem',
},
},
});
splide.mount();
</script>
<!-- IBFT TAB START -->
<script>
const tabWrapper = document.querySelector(".tab_wrapper");
const tabBtns = tabWrapper.querySelectorAll(".tab_btn");
const underLine = tabWrapper.querySelector(".tab_underline");
const tabContents = tabWrapper.querySelectorAll(".tab_content");
/* document.addEventListener("DOMContentLoaded", function () {
tabContents.forEach((content) => {
content.style.display = "none";
});
});*/
// Active first element on load
tabBtns[0].classList.add("active");
tabBtns.forEach((btn, index) => {
btn.addEventListener("click", () => {
//remove already active class
tabBtns.forEach((btn) => btn.classList.remove("active"));
// Add active class on clicked
btn.classList.add("active");
//move underline to active
underLine.style.left = `${btn.offsetLeft}px`;
// set width of underline equals to btn width
underLine.style.width = `${btn.offsetWidth}px`;
// show active tab content
tabContents.forEach((content) => {
// content.style.display = "block";
content.style.transform = `translateX(-${index * 100}%)`;
});
});
});
let boxes = document.querySelectorAll("input[type=checkbox]");
// always show the first accordion item
boxes[0].checked = true;
boxes.forEach(b => b.addEventListener("change", tick));
function tick(e) {
let state = e.target.checked; // save state of changed checkbox
boxes.forEach(b => b.checked = false); // clear all checkboxes
e.target.checked = state; // restore state of changed checkbox
}
</script>
<!-- IBFT TAB END -->
<!-- Tasdir tab start -->
<script>
let boxes = document.querySelectorAll("input[type=checkbox]");
// first checkbox element checked on page load
boxes[0].checked = true;
boxes.forEach(b => b.addEventListener("change", tick));
function tick(e) {
let state = e.target.checked; // save state of changed checkbox
boxes.forEach(b => b.checked = false); // clear all checkboxes
e.target.checked = state; // restore state of changed checkbox
}
</script>
<!-- Tasdir tab end -->
<!-- cloud tab start -->
<script>
let boxes = document.querySelectorAll("input[type=checkbox]");
// first checkbox element checked on page load
boxes[0].checked = true;
boxes.forEach(b => b.addEventListener("change", tick));
function tick(e) {
let state = e.target.checked; // save state of changed checkbox
boxes.forEach(b => b.checked = false); // clear all checkboxes
e.target.checked = state; // restore state of changed checkbox
}
</script>
<!-- cloud tab end -->
<!-- corporate banking tab -->
<script>
let boxes = document.querySelectorAll("input[type=checkbox]");
// first checkbox element checked on page load
boxes[0].checked = true;
boxes.forEach(b => b.addEventListener("change", tick));
function tick(e) {
let state = e.target.checked; // save state of changed checkbox
boxes.forEach(b => b.checked = false); // clear all checkboxes
e.target.checked = state; // restore state of changed checkbox
}
</script>
<!-- corporate banking tab -->
<!-- all location datatable and modal start -->
<script>
$(document).ready(function() {
$('#brTable').DataTable();
$('#subbrTable').DataTable();
$('#collectionTable').DataTable();
$('#crmTable').DataTable(
);
$('#atmTable').DataTable(
);
$('#agentTable').DataTable(
);
$('#crmTable').DataTable(
);
});
</script>
<script>
$(document).ready(function() {
$("#atmTable").on("click", ".ab", function() {
id_location = $(this).attr('id');
$.ajax({
url: "atm_api.php",
method: 'post',
data: {
modal_id: id_location
},
success: function(result) {
$('.atm_moral').html(result);
}
});
$('#atmModal').modal('show');
// your code goes here
});
})
</script>
<script>
$(document).ready(function() {
$("#brTable").on("click", ".ab", function() {
id_location = $(this).attr('id');
$.ajax({
url: "modal_api.php",
method: 'post',
data: {
modal_id: id_location
},
success: function(result) {
$('.map_moral').html(result);
}
});
$('#locationModal').modal('show');
// your code goes here
});
})
</script>
<script>
$(document).ready(function() {
$("#crmTable").on("click", ".ab", function() {
id_location = $(this).attr('id');
// alert(id_location);
$.ajax({
url: "crm_api.php",
method: 'post',
data: {
modal_id: id_location
},
success: function(result) {
$('.crm_moral').html(result);
}
});
$('#crmModal').modal('show');
// your code goes here
});
})
</script>
<script>
$(document).ready(function() {
$("#agentTable").on("click", ".ab", function() {
id_location = $(this).attr('id');
$.ajax({
url: "modal_api.php",
method: 'post',
data: {
modal_id: id_location
},
success: function(result) {
$('.map_moral').html(result);
}
});
$('#locationModal').modal('show');
// your code goes here
});
})
</script>
<!-- all location datatable and modal end -->