<?= $this->extend('layouts/mainlayout') ?>

<?= $this->section('content') ?>

    <!-- ========================
        Start Page Content
    ========================= -->

    <div class="page-wrapper">

        <!-- Start Content -->
        <div class="content">

				<!-- Breadcrumb -->
				<div class="d-md-flex d-block align-items-center justify-content-between page-breadcrumb mb-3">
					<div class="my-auto mb-2">
						<h2 class="mb-1">Settings</h2>
						<nav>
							<ol class="breadcrumb mb-0">
								<li class="breadcrumb-item">
									<a href="<?php echo base_url(); ?>index"><i class="ti ti-smart-home"></i></a>
								</li>
								<li class="breadcrumb-item">
									Administration
								</li>
								<li class="breadcrumb-item active" aria-current="page">Settings</li>
							</ol>
						</nav>
					</div>
					<div class="head-icons ms-2">
						<a href="javascript:void(0);" class="" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Collapse" id="collapse-header">
							<i class="ti ti-chevrons-up"></i>
						</a>
					</div>
				</div>
				<!-- /Breadcrumb -->

				<ul class="nav nav-tabs nav-tabs-solid bg-transparent border-bottom mb-3">
					<li class="nav-item">
						<a class="nav-link" href="<?php echo base_url(); ?>profile-settings"><i class="ti ti-settings me-2"></i>General Settings</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="<?php echo base_url(); ?>bussiness-settings"><i class="ti ti-world-cog me-2"></i>Website Settings</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="<?php echo base_url(); ?>salary-settings"><i class="ti ti-device-ipad-horizontal-cog me-2"></i>App Settings</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="<?php echo base_url(); ?>email-settings"><i class="ti ti-server-cog me-2"></i>System Settings</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="<?php echo base_url(); ?>payment-gateways"><i class="ti ti-settings-dollar me-2"></i>Financial Settings</a>
					</li>
					<li class="nav-item">
						<a class="nav-link active" href="<?php echo base_url(); ?>custom-css"><i class="ti ti-settings-2 me-2"></i>Other Settings</a>
					</li>
				</ul>
				<div class="row">
					<div class="col-xl-3 theiaStickySidebar">
						<div class="card">
							<div class="card-body">
								<div class="d-flex flex-column list-group settings-list">
									<a href="<?php echo base_url(); ?>custom-css" class="d-inline-flex align-items-center rounded py-2 px-3">Custom CSS</a>
									<a href="<?php echo base_url(); ?>custom-js" class="d-inline-flex align-items-center rounded active py-2 px-3"><i class="ti ti-arrow-badge-right me-2"></i>Custom JS</a>
									<a href="<?php echo base_url(); ?>cronjob" class="d-inline-flex align-items-center rounded py-2 px-3">Cronjob</a>
									<a href="<?php echo base_url(); ?>storage-settings" class="d-inline-flex align-items-center rounded py-2 px-3">Storage</a>
									<a href="<?php echo base_url(); ?>ban-ip-address" class="d-inline-flex align-items-center rounded py-2 px-3">Ban IP Address</a>
									<a href="<?php echo base_url(); ?>backup" class="d-inline-flex align-items-center rounded py-2 px-3">Backup</a>
									<a href="<?php echo base_url(); ?>clear-cache" class="d-inline-flex align-items-center rounded py-2 px-3">Clear Cache</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-9">
						<div class="card">
                            <div class="card-header px-0 mx-3">
                                <div class="row g-3 align-items-center">
                                    <div class="col-md-6 col-sm-4">
                                        <h4>Custom JS</h4>
                                    </div>
                                </div>
                            </div>
							<div class="card-body">
                                <h5 class="mb-3">Write Custom JS</h5>
                                <div class="bg-dark text-gray-5">
<pre class="language-markup mb-0">
<code class="language-markup mb-0">
    document.addEventListener("DOMContentLoaded", function () {
      const scrollers = document.querySelectorAll(".horizontal-slide");
      scrollers.forEach((scroller) => {
        scroller.setAttribute("data-animated", true);
        const scrollerInner = scroller.querySelector(".slide-list");
        const scrollerContent = Array.from(scrollerInner.children);
        scrollerContent.forEach((item) => {
          const duplicatedItem = item.cloneNode(true);
          duplicatedItem.setAttribute("aria-hidden", true);
          scrollerInner.appendChild(duplicatedItem);
        });
    }); 
});
</code>
</pre>
                                </div>
                                <div class="d-flex align-items-center justify-content-end border-top mt-3 pt-3">
                                    <button type="button" class="btn btn-outline-light border me-3">Cancel</button>
                                    <button type="submit" class="btn btn-primary">Save</button>
                                </div>
                            </div>
						</div>
					</div>
				</div>
			</div>
        <!-- End Content -->   

        <?= $this->include('partials/footer') ?>

    </div>

    <!-- ========================
        End Page Content
    ========================= -->

<?= $this->endSection() ?>