Tiny File Manager

Back Back Up Advanced Editor

<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>

</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>

<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">
             
          </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> 
             
             <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">
      
      
    </button>
 </div>
 
 <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>

<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>

<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>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

</script>

<script type="text/javascript">
    $(".quick-menu").click(function() {
        $(this).toggleClass('bg');
    });
</script>

<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>

//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>

<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>

<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>

<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>

</script>

<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>

<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>

<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>

// 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";
            }
        }

</script>

// $(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>

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>

<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));

$('#brTable').DataTable();

$('#subbrTable').DataTable();

$('#collectionTable').DataTable();

$('#crmTable').DataTable(

);
        $('#atmTable').DataTable(

);
        $('#agentTable').DataTable(

);
        $('#crmTable').DataTable(

);

});
</script>

// your code goes here
        });
    })
</script>

// 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>