|
Server IP : 217.21.85.138 / Your IP : 216.73.216.103 Web Server : LiteSpeed System : Linux in-mum-web906.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u915722082 ( 915722082) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u915722082/.nvm/../public_html/invoice/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
session_start();
require_once 'db.php';
if(!isset($_SESSION["logs"])){
redirect("index.php");
}
$id = $_GET["veid"];
$sql = "SELECT * FROM vendor v WHERE v.veid = ?";
$stmt = $con->prepare($sql);
$stmt->bind_param("i", $id);
$stmt->execute();
$res = $stmt->get_result();
if ($res->num_rows > 0) {
$r = $res->fetch_assoc();
}
$data["product"] = resultSet($con, "SELECT * FROM product p INNER JOIN forms_value fv ON fv.fid = p.pform");
$data["vandor_products"] = resultSet($con, "SELECT * FROM vandor_products va
INNER JOIN product p ON p.pid = va.pid
INNER JOIN vendor v ON v.veid = va.veid
WHERE va.veid = $id");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="" />
<title>TDS Admin Hub</title>
<meta charset="utf-8" />
<meta name="description" content="The most advanced Bootstrap 5 Admin Theme with 40 unique prebuilt layouts on Themeforest trusted by 100,000 beginners and professionals. Multi-demo, Dark Mode, RTL support and complete React, Angular, Vue, Asp.Net Core, Rails, Spring, Blazor, Django, Express.js, Node.js, Flask, Symfony & Laravel versions. Grab your copy now and get life-time updates for free." />
<meta name="keywords" content="metronic, bootstrap, bootstrap 5, angular, VueJs, React, Asp.Net Core, Rails, Spring, Blazor, Django, Express.js, Node.js, Flask, Symfony & Laravel starter kits, admin themes, web design, figma, web development, free templates, free admin themes, bootstrap theme, bootstrap template, bootstrap dashboard, bootstrap dak mode, bootstrap button, bootstrap datepicker, bootstrap timepicker, fullcalendar, datatables, flaticon" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Metronic - The World's #1 Selling Bootstrap Admin Template - Metronic by KeenThemes" />
<meta property="og:url" content="https://keenthemes.com/metronic" />
<meta property="og:site_name" content="Metronic by Keenthemes" />
<link rel="canonical" href="https://preview.keenthemes.com/metronic8" />
<link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
<link href="assets/plugins/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
<style>
.ck-editor__editable[role="textbox"] {
min-height: 180px;
}
.image-upload-container {
border: 2px dashed #ccc;
border-radius: 8px;
padding: 20px;
text-align: center;
width: 300px;
position: relative;
transition: border-color 0.3s;
}
.image-upload-container:hover {
border-color: #007bff;
}
.image-upload-label {
cursor: pointer;
display: block;
}
.upload-icon {
font-size: 48px;
color: #007bff;
}
.upload-text {
margin-top: 10px;
color: #666;
}
.upload-text button {
margin-top: 10px;
}
.image-upload-input {
display: none;
}
.image-preview {
margin-top: 15px;
display: none;
position: relative;
}
.image-preview img {
max-width: 100%;
border-radius: 8px;
}
.image-preview::after {
content: "Preview";
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
color: white;
font-size: 12px;
padding: 5px;
border-radius: 0 0 8px 0;
display: none;
}
</style>
</head>
<body id="kt_app_body" data-kt-app-layout="dark-sidebar" data-kt-app-header-fixed="true" data-kt-app-sidebar-enabled="true" data-kt-app-sidebar-fixed="true" data-kt-app-sidebar-hoverable="true" data-kt-app-sidebar-push-header="true" data-kt-app-sidebar-push-toolbar="true" data-kt-app-sidebar-push-footer="true" data-kt-app-toolbar-enabled="true" class="app-default">
<script>var defaultThemeMode = "light"; var themeMode; if ( document.documentElement ) { if ( document.documentElement.hasAttribute("data-bs-theme-mode")) { themeMode = document.documentElement.getAttribute("data-bs-theme-mode"); } else { if ( localStorage.getItem("data-bs-theme") !== null ) { themeMode = localStorage.getItem("data-bs-theme"); } else { themeMode = defaultThemeMode; } } if (themeMode === "system") { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } document.documentElement.setAttribute("data-bs-theme", themeMode); }
</script>
<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
<div class="app-page flex-column flex-column-fluid" id="kt_app_page">
<div id="kt_app_header" class="app-header" data-kt-sticky="true" data-kt-sticky-activate="{default: true, lg: true}" data-kt-sticky-name="app-header-minimize" data-kt-sticky-offset="{default: '200px', lg: '0'}" data-kt-sticky-animation="false">
<div class="app-container container-fluid d-flex align-items-stretch justify-content-between" id="kt_app_header_container">
<div class="d-flex align-items-center d-lg-none ms-n3 me-1 me-md-2" title="Show sidebar menu">
<div class="btn btn-icon btn-active-color-primary w-35px h-35px" id="kt_app_sidebar_mobile_toggle">
<i class="ki-duotone ki-abstract-14 fs-2 fs-md-1">
<span class="path1"></span>
<span class="path2"></span>
</i>
</div>
</div>
<div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0">
<a href="products.php" class="d-lg-none">
<img alt="Logo" src="assets/media/logos/default-small.svg" class="h-30px" />
</a>
</div>
<div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
<div class="app-header-menu app-header-mobile-drawer align-items-stretch" data-kt-drawer="true" data-kt-drawer-name="app-header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="250px" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_app_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="{default: 'append', lg: 'prepend'}" data-kt-swapper-parent="{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}">
<div class="menu menu-rounded menu-column menu-lg-row my-5 my-lg-0 align-items-stretch fw-semibold px-2 px-lg-0" id="kt_app_header_menu" data-kt-menu="true">
</div>
</div>
<div class="app-navbar flex-shrink-0">
<div class="app-navbar-item ms-1 ms-md-4">
<a href="#" class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px" data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
<i class="ki-duotone ki-night-day theme-light-show fs-1">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
<span class="path5"></span>
<span class="path6"></span>
<span class="path7"></span>
<span class="path8"></span>
<span class="path9"></span>
<span class="path10"></span>
</i>
<i class="ki-duotone ki-moon theme-dark-show fs-1">
<span class="path1"></span>
<span class="path2"></span>
</i>
</a>
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 menu-active-bg menu-state-color fw-semibold py-4 fs-base w-150px" data-kt-menu="true" data-kt-element="theme-mode-menu">
<div class="menu-item px-3 my-0">
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="light">
<span class="menu-icon" data-kt-element="icon">
<i class="ki-duotone ki-night-day fs-2">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
<span class="path5"></span>
<span class="path6"></span>
<span class="path7"></span>
<span class="path8"></span>
<span class="path9"></span>
<span class="path10"></span>
</i>
</span>
<span class="menu-title">Light</span>
</a>
</div>
<div class="menu-item px-3 my-0">
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="dark">
<span class="menu-icon" data-kt-element="icon">
<i class="ki-duotone ki-moon fs-2">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="menu-title">Dark</span>
</a>
</div>
<div class="menu-item px-3 my-0">
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="system">
<span class="menu-icon" data-kt-element="icon">
<i class="ki-duotone ki-screen fs-2">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
</i>
</span>
<span class="menu-title">System</span>
</a>
</div>
</div>
</div>
<?php include "logo.php" ?>
<!-- <div class="app-navbar-item d-lg-none ms-2 me-n2" title="Show header menu">
<div class="btn btn-flex btn-icon btn-active-color-primary w-30px h-30px" id="kt_app_header_menu_toggle">
<i class="ki-duotone ki-element-4 fs-1">
<span class="path1"></span>
<span class="path2"></span>
</i>
</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
<div id="kt_app_sidebar" class="app-sidebar flex-column" data-kt-drawer="true" data-kt-drawer-name="app-sidebar" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="225px" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_app_sidebar_mobile_toggle">
<div class="app-sidebar-logo px-6" id="kt_app_sidebar_logo">
<a href="products.php">
<img alt="Logo" src="assets/media/logos/LOGO.png" class="h-25px app-sidebar-logo-default" />
<img alt="Logo" src="assets/media/logos/default-small.svg" class="h-20px app-sidebar-logo-minimize" />
</a>
<div id="kt_app_sidebar_toggle" class="app-sidebar-toggle btn btn-icon btn-shadow btn-sm btn-color-muted btn-active-color-primary h-30px w-30px position-absolute top-50 start-100 translate-middle rotate" data-kt-toggle="true" data-kt-toggle-state="active" data-kt-toggle-target="body" data-kt-toggle-name="app-sidebar-minimize">
<i class="ki-duotone ki-black-left-line fs-3 rotate-180">
<span class="path1"></span>
<span class="path2"></span>
</i>
</div>
</div>
<?php include "sidebar.php" ?>
</div>
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
<div class="d-flex flex-column flex-column-fluid">
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
</div>
<div class="d-flex align-items-center gap-2 gap-lg-3">
<div class="m-0">
<!-- <a href="#" class="btn btn-sm btn-flex btn-secondary fw-bold" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
<i class="ki-duotone ki-filter fs-6 text-muted me-1">
<span class="path1"></span>
<span class="path2"></span>
</i>Filter</a> -->
<div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px" data-kt-menu="true" id="kt_menu_658cdaf4294b1">
<div class="px-7 py-5">
<div class="fs-5 text-gray-900 fw-bold">Filter Options</div>
</div>
<div class="separator border-gray-200"></div>
<div class="px-7 py-5">
<div class="mb-10">
<label class="form-label fw-semibold">Status:</label>
<div>
<select class="form-select form-select-solid" multiple="multiple" data-kt-select2="true" data-close-on-select="false" data-placeholder="Select option" data-dropdown-parent="#kt_menu_658cdaf4294b1" data-allow-clear="true">
<option></option>
<option value="1">Approved</option>
<option value="2">Pending</option>
<option value="2">In Process</option>
<option value="2">Rejected</option>
</select>
</div>
</div>
<div class="mb-10">
<label class="form-label fw-semibold">Member Type:</label>
<div class="d-flex">
<label class="form-check form-check-sm form-check-custom form-check-solid me-5">
<input class="form-check-input" type="checkbox" value="1" />
<span class="form-check-label">Author</span>
</label>
<label class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="2" checked="checked" />
<span class="form-check-label">Customer</span>
</label>
</div>
</div>
<div class="mb-10">
<label class="form-label fw-semibold">Notifications:</label>
<div class="form-check form-switch form-switch-sm form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="" name="notifications" checked="checked" />
<label class="form-check-label">Enabled</label>
</div>
</div>
<div class="d-flex justify-content-end">
<button type="reset" class="btn btn-sm btn-light btn-active-light-primary me-2" data-kt-menu-dismiss="true">Reset</button>
<button type="submit" class="btn btn-sm btn-primary" data-kt-menu-dismiss="true">Apply</button>
</div>
</div>
</div>
</div>
<!-- <a href="#" class="btn btn-sm fw-bold btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app">Create</a> -->
</div>
</div>
</div>
<div class="col-lg-12">
<div id="kt_app_content" class="app-content flex-column-fluid">
<div id="kt_app_content_container" class="app-container container-xxl">
<h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column my-0">Edit Vendor</h1>
<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
<li class="breadcrumb-item text-muted">
<a class="text-muted text-hover-primary">Vendor Details</a>
</li>
<li class="breadcrumb-item">
<span class="bullet bg-gray-500 w-5px h-2px"></span>
</li>
<li class="breadcrumb-item text-muted">Edit Vendor</li>
</ul>
<form id="kt_ecommerce_add_category_form" class="form d-flex flex-column flex-lg-row" enctype="multipart/form-data">
<input type="hidden" value='<?php echo $_GET['veid']; ?>' name='veid'>
<div class="d-flex flex-column flex-row-fluid gap-5 gap-lg-6">
<div class="card card-flush shadow-sm mt-5">
<div class="card-header py-4">
<h2 class="card-title fw-bold">Vendor Details</h2>
</div>
<div class="card-body">
<div class="row g-4">
<div class="col-md-6">
<label class="required form-label fw-semibold">Name</label>
<input type="text" required class="form-control form-control-solid" name="vename" value='<?php echo $r['vename'] ?>' placeholder="Enter Vendor name">
</div>
<div class="col-md-6">
<label class="required form-label fw-semibold">Email</label>
<input type="email" required class="form-control form-control-solid" name="veemail" value='<?php echo $r['veemail'] ?>' placeholder="Enter Email address">
</div>
<div class="col-md-6">
<label class="required form-label fw-semibold">Phone</label>
<input type="tel" required class="form-control form-control-solid" name="vephone" value='<?php echo $r['vephone'] ?>' placeholder="Enter phone number">
</div>
<div class="col-md-6">
<label class="required form-label fw-semibold">GST Number</label>
<input type="text" required class="form-control form-control-solid" name="vegstnum" value='<?php echo $r['vegstnum'] ?>' placeholder="Enter GST Number">
</div>
<!-- <div class="separator separator-dashed my-10"></div> -->
<!-- <div class="d-flex align-items-center justify-content-between mb-2">
<h2 class="fw-bold mb-0">Billing Address</h2>
</div> -->
<div class="col-md-6">
<label class="required required form-label fw-semibold">Address</label>
<input type="text" required class="form-control form-control-solid" value='<?php echo $r['biadress'] ?>' name="biadress" placeholder="Enter Street address">
</div>
<div class="col-md-6">
<label class="form-label required fw-semibold">City</label>
<input type="text" required class="form-control form-control-solid" value='<?php echo $r['bicity'] ?>' name="bicity" placeholder="Enter city">
</div>
<div class="col-md-6">
<label class="form-label required fw-semibold">Pincode</label>
<input type="text" required class="form-control form-control-solid" name="bipincode" value='<?php echo $r['bipincode'] ?>' placeholder="Enter pincode">
</div>
<div class="col-md-6">
<label class="form-label required fw-semibold">State</label>
<select class="form-select form-select-solid" required name="bestate" data-placeholder="Select a state" data-kt-repeater="select2">
<option value="<?php echo $r["bestate"]?>" selected><?php echo $r["bestate"]?></option>
<option value="Andhra Pradesh">Andhra Pradesh</option>
<option value="Arunachal Pradesh">Arunachal Pradesh</option>
<option value="Assam">Assam</option>
<option value="Bihar">Bihar</option>
<option value="Chhattisgarh">Chhattisgarh</option>
<option value="Goa">Goa</option>
<option value="Gujarat">Gujarat</option>
<option value="Haryana">Haryana</option>
<option value="Himachal Pradesh">Himachal Pradesh</option>
<option value="Jharkhand">Jharkhand</option>
<option value="Karnataka">Karnataka</option>
<option value="Kerala">Kerala</option>
<option value="Madhya Pradesh">Madhya Pradesh</option>
<option value="Maharashtra">Maharashtra</option>
<option value="Manipur">Manipur</option>
<option value="Meghalaya">Meghalaya</option>
<option value="Mizoram">Mizoram</option>
<option value="Nagaland">Nagaland</option>
<option value="Odisha">Odisha</option>
<option value="Punjab">Punjab</option>
<option value="Rajasthan">Rajasthan</option>
<option value="Sikkim">Sikkim</option>
<option value="Tamil Nadu">Tamil Nadu</option>
<option value="Telangana">Telangana</option>
<option value="Tripura">Tripura</option>
<option value="Uttar Pradesh">Uttar Pradesh</option>
<option value="Uttarakhand">Uttarakhand</option>
<option value="West Bengal">West Bengal</option>
<option value="Andaman and Nicobar Islands">Andaman and Nicobar Islands</option>
<option value="Chandigarh">Chandigarh</option>
<option value="Dadra and Nagar Haveli and Daman and Diu">Dadra and Nagar Haveli and Daman and Diu</option>
<option value="Delhi">Delhi</option>
<option value="Jammu and Kashmir">Jammu and Kashmir</option>
<option value="Ladakh">Ladakh</option>
<option value="Lakshadweep">Lakshadweep</option>
<option value="Puducherry">Puducherry</option>
</select>
</div>
</div>
<div class="separator separator-dashed my-10"></div>
<div id="kt_docs_repeater_basic" class="">
<h2 class="fw-bold mb-5 ">Select Products</h2>
<div class="form-group pt-5 row">
<div class="col-md-3">
<label class="form-label required">Product Name</label>
</div>
<div class="col-md-3">
<label class="form-label required">Materials</label>
</div>
<div class="col-md-2">
<label class="form-label required">Quantity</label>
</div>
<div class="col-md-2">
<label class="form-label required">Price Per Quantity</label>
</div>
<div class="col-md-2">
</div>
</div>
<div class="form-group">
<div data-repeater-list="kt_docs_repeater_basic">
<?php foreach ($data["product"] as $row): ?>
<?php
$vmaterial = '';
$vquanity = '';
$vprice = '';
foreach ($data["vandor_products"] as $res) {
if ($row['pid'] == $res['pid']) {
$vmaterial = $res['vmaterial'] ?? '';
$vquanity = $res['vquan'] ?? '';
$vprice = $res['veprice'] ?? '';
break;
}
}
$packageMap = [
'INNER_PLAIN_COVER' => 'IN',
'OUTER_BRANDED_COVER' => 'OUT',
'BOTTLE_PLAIN' => 'BOTTLE',
'LABEL_BRANDED' => 'LABEL'
];
$label = $row['productpackage'];
?>
<div data-repeater-item>
<div class="form-group pt-5 row">
<div class="col-md-3">
<input type="hidden" name="pid" value="<?php echo $row['pid']; ?>">
<input type="text" class="form-control form-control-solid" readonly value="<?php echo $row['pname']; ?> (<?php echo $packageMap[$label] ?? $label; ?>) (<?php echo $row['measurement']; ?>)">
</div>
<div class="col-md-3">
<input type="text" name="vmaterial" class="form-control" required placeholder="Enter a Material name" value="<?php echo $vmaterial; ?>">
</div>
<div class="col-md-2">
<input type="number" name="vquanity" class="form-control" required placeholder="Enter a Quantity" value="<?php echo $vquanity; ?>">
</div>
<div class="col-md-2">
<input type="number" name="vprice" class="form-control" required placeholder="Enter a Price" value="<?php echo $vprice; ?>">
</div>
<div class="col-md-2">
<a href="#" class="btn btn-sm btn-light-primary" data-pid='<?php echo $row['pid'] ?>' data-vquanity='<?php echo $vquanity; ?>' data-vprice='<?php echo $vprice; ?>' data-vmaterial='<?php echo $vmaterial; ?>' data-veid='<?php echo $_GET['veid'] ?>' data-bs-toggle="modal" data-bs-target="#kt_modal_update_details">Edit</a>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<!-- <div class="form-group mt-5">
<button type="button" data-repeater-create style="display:none;" id="realAddRepeaterBtn"></button>
<button type="button" id="addNewRowBtn" class="btn btn-primary">Add Product</button>
</div> -->
</div>
<div class="d-flex justify-content-end mt-4">
<a href="vendor.php" id="kt_ecommerce_add_product_cancel" class="btn btn-light me-5">Cancel</a>
<button type="submit" id="btn-submit" class="btn btn-primary">
<span class="indicator-label">Submit</span>
<span class="indicator-progress">Please wait...
<span class="spinner-border spinner-border-sm align-middle ms-2"></span>
</span>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div id="kt_app_footer" class="app-footer">
<div class="app-container container-fluid d-flex flex-column flex-md-row flex-center flex-md-stack py-3">
<div class="text-gray-900 order-2 order-md-1">
<span class="text-muted fw-semibold me-1">2025 ©</span>
<a href="https://thedotstudios.com/" target="_blank" class="text-gray-800 text-hover-primary">Copyright All rights reserved | Made with <span class="fa fa-heart text-danger"></span> <b> by TheDotStudios.</b></a>
</div>
<ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
<li class="menu-item">
<a href="https://thedotstudios.com/" target="_blank" class="menu-link px-2">About</a>
</li>
<li class="menu-item">
<a href="https://thedotstudios.com/" target="_blank" class="menu-link px-2">Support</a>
</li>
<li class="menu-item">
<!-- <a href="https://1.envato.market/EA4JP" target="_blank" class="menu-link px-2">Purchase</a> -->
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="kt_modal_update_details" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered mw-750px">
<div class="modal-content">
<form id="product_form" class="form" enctype="multipart/form-data">
<div class="modal-header" id="kt_modal_update_user_header">
<h2 class="fw-bold">Update Product</h2>
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-kt-users-modal-action="close">
<span class="svg-icon svg-icon-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
</svg>
</span>
</div>
</div>
<div class="modal-body py-10 px-lg-17">
<div class="form-group row">
<div class="col-md-4">
<label class="form-label required">Product Name</label>
</div>
<div class="col-md-3">
<label class="form-label required">Materials</label>
</div>
<div class="col-md-2">
<label class="form-label required">Quantity</label>
</div>
<div class="col-md-3">
<label class="form-label required">Price Per Quantity</label>
</div>
</div>
<div class="form-group pt-5 row">
<div class="col-md-4">
<input type="hidden" id="modal_pid" name="pid">
<input type="hidden" name="veid" value="<?php echo $_GET['veid'] ?>">
<input type="text" id="modal_product_name" class="form-control form-control-solid" readonly>
</div>
<div class="col-md-3">
<input type="text" id="modal_vmaterial" name="vmaterial" class="form-control" required placeholder="Enter a Material name">
</div>
<div class="col-md-2">
<input type="number" id="modal_vquanity" name="vquanity" class="form-control" required placeholder="Enter a Quantity">
</div>
<div class="col-md-3">
<input type="number" id="modal_vprice" name="vprice" class="form-control" required placeholder="Enter a Price">
</div>
</div>
</div>
<div class="modal-footer flex-center">
<button type="reset" class="btn btn-light me-3" data-kt-users-modal-action="cancel">Discard</button>
<button type="submit" id="product_form" class="btn btn-primary" data-kt-users-modal-action="submit">
<span class="indicator-label">Submit</span>
<span class="indicator-progress">Please wait...
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
</button>
</div>
</form>
</div>
</div>
</div>
<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
<i class="ki-duotone ki-arrow-up">
<span class="path1"></span>
<span class="path2"></span>
</i>
</div>
<script>var hostUrl = "assets/";</script>
<script src="assets/plugins/global/plugins.bundle.js"></script>
<script src="assets/js/scripts.bundle.js"></script>
<script src="assets/plugins/custom/datatables/datatables.bundle.js"></script>
<script src="assets/plugins/custom/formrepeater/formrepeater.bundle.js"></script>
<script src="assets/js/widgets.bundle.js"></script>
<script src="assets/js/custom/widgets.js"></script>
<script src="assets/js/custom/apps/chat/chat.js"></script>
<script src="assets/js/custom/utilities/modals/upgrade-plan.js"></script>
<script src="assets/js/custom/utilities/modals/create-app.js"></script>
<script src="assets/js/custom/utilities/modals/users-search.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tagify/4.12.0/tagify.min.js"></script>
<script>
$(document).ready(function () {
$('#product_form').on('submit', function (e) {
e.preventDefault();
var formData = new FormData(this);
$.ajax({
url: 'update_vendor_product.php',
type: 'POST',
data: formData,
contentType: false,
processData: false,
beforeSend: function () {
$('#product_form button[type="submit"] .indicator-label').hide();
$('#product_form button[type="submit"] .indicator-progress').show();
},
success: function (response) {
// Show success message
Swal.fire({
icon: 'success',
title: 'Product Updated!',
text: 'The product details were successfully updated.',
}).then(() => {
// Reload the page after the alert is closed
location.reload();
});
// Optionally close modal
$('#kt_modal_update_details').modal('hide');
// Reset form
$('#product_form')[0].reset();
},
error: function (xhr, status, error) {
// Show error message
Swal.fire({
icon: 'error',
title: 'Oops...',
text: 'Something went wrong!',
});
console.error(xhr.responseText);
},
complete: function () {
$('#product_form button[type="submit"] .indicator-label').show();
$('#product_form button[type="submit"] .indicator-progress').hide();
}
});
});
});
</script>
<script>
// Add this JavaScript code to make the buttons work
document.addEventListener("DOMContentLoaded", function() {
// Handle modal close button
const closeBtn = document.querySelector('[data-kt-users-modal-action="close"]');
if (closeBtn) {
closeBtn.addEventListener('click', function() {
// Hide the modal
const modal = document.getElementById('kt_modal_update_details');
const bsModal = bootstrap.Modal.getInstance(modal);
if (bsModal) {
bsModal.hide();
}
});
}
// Handle discard/cancel button
const cancelBtn = document.querySelector('[data-kt-users-modal-action="cancel"]');
if (cancelBtn) {
cancelBtn.addEventListener('click', function() {
// Reset the form and hide the modal
const form = document.getElementById('kt_ecommerce_add_category_form');
form.reset();
const modal = document.getElementById('kt_modal_update_details');
const bsModal = bootstrap.Modal.getInstance(modal);
if (bsModal) {
bsModal.hide();
}
});
}
});
</script>
<script>
$(document).ready(function () {
$('#kt_ecommerce_add_category_form').on('submit', function (e) {
e.preventDefault();
// Validate form
let isValid = true;
const requiredFields = $(this).find('[required]');
requiredFields.each(function() {
if (!$(this).val()) {
isValid = false;
$(this).addClass('is-invalid');
} else {
$(this).removeClass('is-invalid');
}
});
if (!isValid) {
Swal.fire('Validation Error', 'Please fill all required fields.', 'error');
return;
}
// Submit form via AJAX
$.ajax({
url: 'ajax_update_vendor.php',
type: 'POST',
data: $(this).serialize(),
dataType: 'json',
beforeSend: function () {
$('#btn-submit .indicator-label').hide();
$('#btn-submit .indicator-progress').show();
$('#btn-submit').prop('disabled', true);
},
success: function (response) {
$('#btn-submit .indicator-label').show();
$('#btn-submit .indicator-progress').hide();
$('#btn-submit').prop('disabled', false);
if (response.status === 'success') {
Swal.fire({
title: 'Success!',
text: response.message,
icon: 'success',
confirmButtonText: 'OK'
}).then(function () {
location.reload();
});
} else {
Swal.fire('Error!', response.message, 'error');
}
},
error: function (xhr, status, error) {
$('#btn-submit .indicator-label').show();
$('#btn-submit .indicator-progress').hide();
$('#btn-submit').prop('disabled', false);
console.error(xhr.responseText);
Swal.fire('Error!', 'Something went wrong with the request. Please try again.', 'error');
}
});
});
});
$('#kt_docs_repeater_basic').repeater({
initEmpty: false,
defaultValues: {
'text-input': ''
},
show: function () {
$(this).slideDown();
$(this).find('select').select2({
width: '100%',
placeholder: function() {
return $(this).data('placeholder') || 'Select an option';
}
});
},
hide: function(deleteElement) {
const allItems = $(this).closest('[data-repeater-list]').find('[data-repeater-item]');
if (allItems.length > 1) {
$(this).slideUp(deleteElement);
} else {
const errorMsg = $('<div class="alert alert-danger mt-2 mb-2">Cannot delete the last row. At least one row is required.</div>');
$(this).closest('[data-repeater-list]').append(errorMsg);
setTimeout(() => {
errorMsg.fadeOut(function() {
$(this).remove();
});
}, 300);
return false;
}
},
ready: function() {
$('[data-kt-repeater="select2"]').select2({
width: '100%',
placeholder: "Select a product"
});
}
});
$('#addNewRow').on('click', function () {
const lastItem = $('#kt_docs_repeater_advanced [data-repeater-item]').last();
let isValid = true;
// Validate only visible, non-hidden inputs
lastItem.find('input:not([type="hidden"])').each(function () {
if ($.trim($(this).val()) === '') {
$(this).addClass('is-invalid');
isValid = false;
} else {
$(this).removeClass('is-invalid');
}
});
lastItem.find('select').each(function () {
const isSelect2 = $(this).hasClass('select2-hidden-accessible');
const selectedValues = $(this).val(); // for multiple, it's an array
if (!selectedValues || selectedValues.length === 0) {
isValid = false;
if (isSelect2) {
$(this).next('.select2').find('.select2-selection').addClass('is-invalid');
} else {
$(this).addClass('is-invalid');
}
} else {
if (isSelect2) {
$(this).next('.select2').find('.select2-selection').removeClass('is-invalid');
} else {
$(this).removeClass('is-invalid');
}
}
});
if (isValid) {
// Trigger the actual repeater add
$('#realAddRepeater').click();
} else {
Swal.fire({
icon: 'error',
title: 'Error',
text: 'Please fill all required fields before adding a new row.',
});
}
});
$('#addNewRowBtn').on('click', function () {
const lastItem = $('[data-repeater-list]').find('[data-repeater-item]:visible').last();
let isValid = true;
// Validate only visible, non-hidden inputs
lastItem.find('input:not([type="hidden"])').each(function () {
if ($.trim($(this).val()) === '') {
$(this).addClass('is-invalid');
isValid = false;
} else {
$(this).removeClass('is-invalid');
}
});
lastItem.find('select').each(function () {
const isSelect2 = $(this).hasClass('select2-hidden-accessible');
const selectedValues = $(this).val(); // for multiple, it's an array
if (!selectedValues || selectedValues.length === 0) {
isValid = false;
if (isSelect2) {
$(this).next('.select2').find('.select2-selection').addClass('is-invalid');
} else {
$(this).addClass('is-invalid');
}
} else {
if (isSelect2) {
$(this).next('.select2').find('.select2-selection').removeClass('is-invalid');
} else {
$(this).removeClass('is-invalid');
}
}
});
if (isValid) {
// Trigger the actual repeater add
$('#realAddRepeaterBtn').click();
} else {
Swal.fire({
icon: 'error',
title: 'Error',
text: 'Please fill all required fields before adding a new row.',
});
}
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Add event listener to all Edit buttons
document.querySelectorAll('[data-bs-target="#kt_modal_update_details"]').forEach(function (button) {
button.addEventListener('click', function () {
const pid = this.getAttribute('data-pid');
const vmaterial = this.getAttribute('data-vmaterial');
const vquanity = this.getAttribute('data-vquanity');
const vprice = this.getAttribute('data-vprice');
const productText = this.closest('.form-group').querySelector('input[readonly]').value;
// Set modal input values
document.getElementById('modal_pid').value = pid;
document.getElementById('modal_product_name').value = productText;
document.getElementById('modal_vmaterial').value = vmaterial;
document.getElementById('modal_vquanity').value = vquanity;
document.getElementById('modal_vprice').value = vprice;
});
});
});
</script>
</body>
</html>