MAINHACK

Viewing / Editing File: settings.php

<?php include("../admin/includes/functions/functions.php");?>
<?php include("../admin/db/db.php");?>
<?php 
if(!isset($_SESSION['username_Xw211qAAsq4']))
{
header('Location: ../auth/');
exit();
} else{
$pageTitle1 = 'Add New Stock';
$shopname = $_SESSION['business_name_Xw211qAAsq4'];

$message = "";

}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title> <?php echo $shopname;?> - <?php echo $pageTitle1;?></title>

<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/theme.min.css" rel="stylesheet" type="text/css" />

<style>

.container {
    display: flex;
    max-width: 1200px;
    margin: 20px auto;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.sidebar {
    width: 250px;
    background-color: #2c3e50;
    color: #fff;
    padding: 20px;
}

.sidebar h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #ecf0f1;
}

.settings-menu h3 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #bdc3c7;
}

.settings-menu ul {
    list-style: none;
    padding: 0;
}

.settings-menu li {
    padding: 10px 15px;
    margin-bottom: 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
}

.settings-menu li:hover {
    background-color: #34495e;
}

.icon {
    margin-right: 10px;
}

.content {
    flex: 1;
    padding: 20px;
}

.form-container {
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.form-container.active {
    display: block;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    color: #2c3e50;
    margin-bottom: 5px;
}

.form-group input, .form-group select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.form-group button {
    padding: 10px 20px;
    background-color: #2c3e50;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.form-group button:hover {
    background-color: #34495e;
}

/* Responsive Design */
@media (max-width: 768px) {
    .container {
        flex-direction: column;
        margin: 10px;
    }

.sidebar {
        width: 100%;
        padding: 15px;
    }

.settings-menu li {
        justify-content: center;
    }

.content {
        padding: 15px;
    }

.form-container {
        margin-top: 15px;
    }
}
</style>

</head>

<div id="layout-wrapper">
<div class="header-border"></div>

<?php include("includes/template/head.php");?>
<?php include("includes/template/side.php");?>

<div class="container">
        <aside class="sidebar">
            <h2>Settings</h2>
            <nav class="settings-menu">
                <ul>
                    <li data-section="plans"><span class="icon">📊</span> Plans & Billing</li>
                    <li data-section="login"><span class="icon">🔒</span> Login Details</li>
                    <li data-section="sms"><span class="icon">📱</span> SMS Recharge</li>
                    <li data-section="whatsapp"><span class="icon">💬</span> WhatsApp Recharge</li>
                    <li data-section="download"><span class="icon">📥</span> Download Center</li>
                </ul>
            </nav>
        </aside>
       <main class="content">
            <div id="form-container" class="form-container"></div>
        </main>
    </div>

</div> 
</div> 
</div>

</div> 
</div>

<?php include("includes/template/newfooter.php");?>
</div>

</div>

<div class="menu-overlay"></div>

<?php //include("includes/modals/StockModal.php");?>
<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="modal-body" style="width: 100%">
<form  class="row" id="add_category_bttn" method="POST">
<div class="col-md-6 col-lg-6">
<div class="form-group row">
<label for="company_name" class="col-sm-5 col-form-label">Product name</label>
<div class="col-sm-10">
<?php
    $stmt = $con->prepare("SELECT * FROM products,supplier WHERE products.supplier = supplier.supplier_id AND products.business_name = ?");
    $stmt->execute(array($shopname));
    $rows_categories = $stmt->fetchAll();
?>
<select class="form-control" name="pro_id"  style="height : 45px;" autocomplete="off">
<option value="">Select Supplier</option>
        <?php
            foreach($rows_categories as $category)
            {
                echo "<option value = '".$category['pro_id']."'>";
             echo $category['product_name'].' -- '.'<br>'.$category['supplier_name'];
                echo "</option>";
            }
        ?>
</select>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="form-group row">
<label for="start_date" class="col-sm-5 col-form-label">Item Qty </label>
<div class="col-sm-10"><input type="number" name="qty" class="form-control" style="height : 45px;" autocomplete="off">
</div>
</div>
</div>
<br />

</div>
</form> 
</div>
</div>
</div>
</div>
</div>

menuItems.forEach(item => {
        item.addEventListener('click', () => {
            const section = item.getAttribute('data-section');
            let formHtml = '';

switch (section) {
                case 'plans':
                    formHtml = `
                        <h4>Plans & Billing</h4>
                        <form id="plans-form" class="settings-form" method="POST" action="submit.php">
                            <input type="hidden" name="section" value="plans">
                            <div class="form-group">
                                <label for="plan">Select Plan</label>
                                <select id="plan" name="plan">
                                    <option value="basic">Basic</option>
                                    <option value="pro">Pro</option>
                                    <option value="enterprise">Enterprise</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="staff-size">Staff Size</label>
                                <input type="number" id="staff-size" name="staff-size" placeholder="Enter staff size">
                            </div>
                            <div class="form-group">
                                <button type="submit">Save Changes</button>
                            </div>
                        </form>
                    `;
                    break;
                case 'login':
                    formHtml = `
                        <h4>Login Details</h4>
                        <form id="login-form" class="settings-form" method="POST" action="submit.php">
                            <input type="hidden" name="section" value="login">
                            <div class="form-group">
                                <label for="email">Email</label>
                                <input type="email" id="email" name="email" placeholder="Enter email">
                            </div>
                            <div class="form-group">
                                <label for="password">Password</label>
                                <input type="password" id="password" name="password" placeholder="Enter password">
                            </div>
                            <div class="form-group">
                                <button type="submit">Update Login</button>
                            </div>
                        </form>
                    `;
                    break;
                case 'sms':
                    formHtml = `
                        <h4>SMS Recharge</h4>
                        <form id="sms-form" class="settings-form" method="POST" action="submit.php">
                            <input type="hidden" name="section" value="sms">
                            <div class="form-group">
                                <label for="sms-pack">SMS Pack</label>
                                <select id="sms-pack" name="sms-pack">
                                    <option value="100">100 SMS</option>
                                    <option value="500">500 SMS</option>
                                    <option value="1000">1000 SMS</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <button type="submit">Purchase</button>
                            </div>
                        </form>
                    `;
                    break;
                case 'whatsapp':
                    formHtml = `
                        <h4>WhatsApp Recharge</h4>
                        <form id="whatsapp-form" class="settings-form" method="POST" action="submit.php">
                            <input type="hidden" name="section" value="whatsapp">
                            <div class="form-group">
                                <label for="whatsapp-pack">WhatsApp Pack</label>
                                <select id="whatsapp-pack" name="whatsapp-pack">
                                    <option value="50">50 Messages</option>
                                    <option value="200">200 Messages</option>
                                    <option value="500">500 Messages</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <button type="submit">Purchase</button>
                            </div>
                        </form>
                    `;
                    break;
                case 'download':
                    formHtml = `
                        <h4>Download Center</h4>
                        <form id="download-form" class="settings-form" method="POST" action="submit.php">
                            <input type="hidden" name="section" value="download">
                            <div class="form-group">
                                <label for="data-type">Data Type</label>
                                <select id="data-type" name="data-type">
                                    <option value="customer">Customer Data</option>
                                    <option value="services">Services</option>
                                    <option value="packages">Packages</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <button type="submit">Download</button>
                            </div>
                        </form>
                    `;
                    break;
            }

formContainer.innerHTML = formHtml;
            formContainer.classList.add('active');
        });
    });

document.addEventListener('click', (e) => {
        const formContainer = document.getElementById('form-container');
        if (!formContainer.contains(e.target) && !e.target.closest('.settings-menu li')) {
            formContainer.classList.remove('active');
        }
    });
});
</script>

</body>

</html>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: settings.php

Server Info

System Features

User Info