|
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["id"];
$sql = "SELECT * FROM customers c LEFT JOIN customer_addresses ca on c.id=ca.customer_id WHERE c.id = ?";
$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["address"] = resultSet($con, "SELECT * FROM customer_addresses WHERE customer_id = $id");
$data["cus_product"]=resultSet($con, "SELECT * FROM cus_product c inner join product p on c.pid = p.pid inner join package pa on c.paid=pa.paid WHERE c.cid=$id");
$hasShippingAddresses = !empty($data["address"]);
$data["package"]=resultSet($con, "SELECT * FROM package");
$data["bulkpackage"]=resultSet($con, "SELECT * FROM bulkpackage");
$data["product"]=resultSet($con, "SELECT * FROM product where ptype = 'Finished Goods' ");
$data["product_package"]=resultSet($con, "SELECT * FROM product p inner join package pa on pa.paid=p.paid where p.ptype = 'Finished Goods' ");
?>
<!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>
</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">
<!--begin::Content wrapper-->
<div class="d-flex flex-column flex-column-fluid">
<!--begin::Toolbar-->
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
<!--begin::Toolbar container-->
<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
<!--begin::Page title-->
<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
<!--begin::Title-->
<h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">View User Details</h1>
<!--end::Title-->
<!--begin::Breadcrumb-->
<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
<!--begin::Item-->
<li class="breadcrumb-item text-muted">
<a href="" class="text-muted text-hover-primary">Home</a>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item">
<span class="bullet bg-gray-400 w-5px h-2px"></span>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item text-muted">Users</li>
<!--end::Item-->
</ul>
<!--end::Breadcrumb-->
</div>
<!--end::Page title-->
<!--begin::Actions-->
<div class="d-flex align-items-center gap-2 gap-lg-3">
<!--begin::Filter menu-->
<div class="m-0">
<!--begin::Menu 1-->
<div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px" data-kt-menu="true" id="kt_menu_637dcb9ed19ee">
<!--begin::Header-->
<div class="px-7 py-5">
<div class="fs-5 text-dark fw-bold">Filter Options</div>
</div>
<!--end::Header-->
<!--begin::Menu separator-->
<div class="separator border-gray-200"></div>
<!--end::Menu separator-->
<!--begin::Form-->
<div class="px-7 py-5">
<!--begin::Input group-->
<div class="mb-10">
<!--begin::Label-->
<label class="form-label fw-semibold">Status:</label>
<!--end::Label-->
<!--begin::Input-->
<div>
<select class="form-select form-select-solid" data-kt-select2="true" data-placeholder="Select option" data-dropdown-parent="#kt_menu_637dcb9ed19ee" 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>
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="mb-10">
<!--begin::Label-->
<label class="form-label fw-semibold">Member Type:</label>
<!--end::Label-->
<!--begin::Options-->
<div class="d-flex">
<!--begin::Options-->
<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>
<!--end::Options-->
<!--begin::Options-->
<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>
<!--end::Options-->
</div>
<!--end::Options-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="mb-10">
<!--begin::Label-->
<label class="form-label fw-semibold">Notifications:</label>
<!--end::Label-->
<!--begin::Switch-->
<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>
<!--end::Switch-->
</div>
<!--end::Input group-->
<!--begin::Actions-->
<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>
<!--end::Actions-->
</div>
<!--end::Form-->
</div>
<!--end::Menu 1-->
</div>
<!--end::Filter menu-->
<!--begin::Secondary button-->
<!--end::Secondary button-->
<!--begin::Primary button-->
<!-- <a href="#" class="btn btn-sm fw-bold btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app">Create</a> -->
<!--end::Primary button-->
</div>
<!--end::Actions-->
</div>
<!--end::Toolbar container-->
</div>
<!--end::Toolbar-->
<!--begin::Content-->
<div id="kt_app_content" class="app-content flex-column-fluid">
<!--begin::Content container-->
<div id="kt_app_content_container" class="app-container container-xxl">
<!--begin::Layout-->
<div class="d-flex flex-column flex-lg-row">
<!--begin::Sidebar-->
<div class="flex-column flex-lg-row-auto w-lg-250px w-xl-350px mb-10">
<!--begin::Card-->
<div class="card mb-5 mb-xl-8">
<!--begin::Card body-->
<div class="card-body">
<!--begin::Summary-->
<!--begin::User Info-->
<div class="d-flex flex-center flex-column py-5">
<!--begin::Avatar-->
<div class="symbol symbol-100px symbol-circle mb-7">
<img src="<?php echo !empty($r['file_path']) ? $r['file_path'] : 'assets/media/svg/files/User_Icon.png'; ?>" alt="<?php echo $r['name']; ?>" />
</div>
<!--end::Avatar-->
<!--begin::Name-->
<a href="#" class="fs-3 text-gray-800 text-hover-primary fw-bold mb-3"><?php echo $r["name"]?></a>
<!--end::Name-->
<!--begin::Position-->
<div class="mb-9">
<!--begin::Badge-->
<div class="badge badge-lg badge-light-primary d-inline"><?php echo $r["custype"]?></div>
<!--begin::Badge-->
</div>
<!--end::Position-->
<!--begin::Info-->
<!--begin::Info heading-->
<!--end::Info-->
</div>
<!--end::User Info-->
<!--end::Summary-->
<!--begin::Details toggle-->
<div class="d-flex flex-stack fs-4 py-3">
<div class="fw-bold rotate collapsible" data-bs-toggle="collapse" href="#kt_user_view_details" role="button" aria-expanded="false" aria-controls="kt_user_view_details">Details
<span class="ms-2 rotate-180">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr072.svg-->
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->
</span></div>
<span data-bs-toggle="tooltip" data-bs-trigger="hover" title="Edit customer details">
<a href="#" class="btn btn-sm btn-light-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_update_details">Edit</a>
</span>
</div>
<!--end::Details toggle-->
<div class="separator"></div>
<!--begin::Details content-->
<div id="kt_user_view_details" class="collapse show">
<div class="pb-5 fs-6">
<!--begin::Details item-->
<!-- <div class="fw-bold mt-5">Account ID</div>
<div class="text-gray-600">ID-45453423</div> -->
<!--begin::Details item-->
<!--begin::Details item-->
<div class="fw-bold mt-5">Email</div>
<div class="text-gray-600">
<a href="#" class="text-gray-600 text-hover-primary"><?php echo $r["email"]?></a>
</div>
<!--begin::Details item-->
<!--begin::Details item-->
<div class="fw-bold mt-5">Address</div>
<div class="text-gray-600"><?php echo $r["billing_address"]?></div>
<!--begin::Details item-->
<!--begin::Details item-->
<!--begin::Details item-->
<!--begin::Details item-->
<div class="fw-bold mt-5">Phone Number</div>
<div class="text-gray-600"><?php echo $r["phone"]?></div>
<div class="fw-bold mt-5">Pin Code</div>
<div class="text-gray-600"><?php echo $r["billing_pincode"]?></div>
<!--begin::Details item-->
</div>
</div>
<!--end::Details content-->
</div>
<!--end::Card body-->
</div>
<!--end::Card-->
<!--begin::Connected Accounts-->
<!--end::Connected Accounts-->
</div>
<!--end::Sidebar-->
<!--begin::Content-->
<form id="kt_ecommerce_edit_form" class="form" enctype="multipart/form-data">
<input type="hidden" name="action" id="action" value="Update">
<input type="hidden" name="customer_id" value="<?php echo $id; ?>">
<div class="flex-lg-row-fluid ms-lg-15">
<!--begin:::Tabs-->
<ul class="nav nav-custom nav-tabs nav-line-tabs nav-line-tabs-2x border-0 fs-4 fw-semibold mb-8">
<!--begin:::Tab item-->
<li class="nav-item">
<a class="nav-link text-active-primary pb-4 active" data-bs-toggle="tab" href="#kt_user_view_overview_tab">Shipping</a>
</li>
<!--end:::Tab item-->
<!--begin:::Tab item-->
<li class="nav-item">
<a class="nav-link text-active-primary pb-4" data-kt-countup-tabs="true" data-bs-toggle="tab" href="#kt_user_view_overview_security">Pricing</a>
</li>
<!--end:::Tab item-->
<!--begin:::Tab item-->
<!--end:::Tab item-->
</ul>
<!--end:::Tabs-->
<!--begin:::Tab content-->
<div class="tab-content" id="myTabContent">
<!--begin:::Tab pane-->
<div class="tab-pane fade show active" id="kt_user_view_overview_tab" role="tabpanel">
<div class="card card-flush shadow-sm mt-5">
<div class="card-body">
<div class="form-check form-switch form-check-custom d-none form-check-solid mt-8">
<input class="form-check-input" type="checkbox" id="toggleShippingAddress" checked />
<label class="form-check-label fs-5 fw-semibold" for="toggleShippingAddress">
Add Shipping Address (different from billing)
</label>
</div>
<input value="<?php echo $r["billing_address"]?>" type="hidden" class="form-control form-control-solid" name="billing_address" placeholder="Enter billing address">
<input value="<?php echo $r["billing_city"]?>" type="hidden" class="form-control form-control-solid" name="billing_city" placeholder="Enter city">
<input value="<?php echo $r["billing_pincode"]?>" type="hidden" class="form-control form-control-solid" name="billing_pincode" placeholder="Enter pincode">
<div class="d-none">
<select class="form-select form-select-solid" name="billing_state" data-placeholder="Select state" data-kt-repeater="select2">
<option value="<?php echo $r["billing_state"]?>" selected><?php echo $r["billing_state"]?></option>
</select>
<select class="form-select form-select-solid" required name="custype" data-placeholder="Select Customer type" data-kt-repeater="select2">
<option value='Distributer' <?php if($r['custype'] == 'Distributer' ) echo 'selected'; ?> >Distributer</option>
<option value='Retailer' <?php if($r['custype'] == 'Retailer' ) echo 'selected'; ?>>Retailer</option>
</select>
</div>
<div id="shippingAddressSection" class="py-4 mt-5" >
<div class="d-flex align-items-center justify-content-between mb-4">
<h2 class="fw-bold mb-0">Shipping Address</h2>
</div>
<div class="row">
<div class="pt-0">
<div id="kt_docs_repeater_advanced">
<div class="form-group">
<div data-repeater-list="addresses">
<?php
if (!empty($data["address"])) {
foreach($data["address"] as $row):
?>
<div data-repeater-item>
<input type="hidden" name="address_id" value="<?php echo $row['id']; ?>">
<div class="form-group row mb-5">
<div class="col-md-12">
<label class="form-label required">Address</label>
<input type="text" class="form-control form-control-solid" placeholder='Address' name="address" value="<?php echo $row["address"]; ?>"/>
</div>
<div class="row mt-xl-6">
<div class="col-md-3">
<label class="form-label required">City</label>
<input type="text" class="form-control form-control-solid" placeholder='City' name="city" value="<?php echo $row["city"]; ?>"/>
</div>
<div class="col-md-3">
<label class="form-label required">Pincode:</label>
<input type="text" class="form-control form-control-solid" placeholder='Pincode' name="addr_pincode" value="<?php echo $row["pincode"]; ?>"/>
</div>
<div class="col-md-4">
<label class="form-label required">State:</label>
<select class="form-select form-select-solid" name="addr_state">
<option value="">Select a State</option>
<?php
$states = [
"Andhra Pradesh", "Arunachal Pradesh", "Assam", "Bihar", "Chhattisgarh",
"Goa", "Gujarat", "Haryana", "Himachal Pradesh", "Jharkhand",
"Karnataka", "Kerala", "Madhya Pradesh", "Maharashtra", "Manipur",
"Meghalaya", "Mizoram", "Nagaland", "Odisha", "Punjab",
"Rajasthan", "Sikkim", "Tamil Nadu", "Telangana", "Tripura",
"Uttar Pradesh", "Uttarakhand", "West Bengal", "Andaman and Nicobar Islands",
"Chandigarh", "Dadra and Nagar Haveli and Daman and Diu", "Delhi",
"Jammu and Kashmir", "Ladakh", "Lakshadweep", "Puducherry"
];
$current_state = $row["state"] ?? '';
// If current state is not in list and not empty, show it at the top
if (!in_array($current_state, $states) && !empty($current_state)) {
echo "<option value=\"" . htmlspecialchars($current_state) . "\" selected>" . htmlspecialchars($current_state) . "</option>";
}
foreach ($states as $state) {
$selected = ($state === $current_state) ? "selected" : "";
echo "<option value=\"" . htmlspecialchars($state) . "\" $selected>" . htmlspecialchars($state) . "</option>";
}
?>
</select>
</div>
<div class="col-md-2 text-end">
<a href="javascript:;" data-repeater-delete class="btn btn-icon btn-danger btn-active-light-danger mt-3 mt-md-8">
<span class="fa fa-close fs-3"></span>
</a>
</div>
<div class="col-md-12 mt-md-9">
<div class="form-check mt-2">
<input class="form-check-input" type="checkbox" name="is_billing"
value="<?php echo isset($row["is_billing"]) && $row["is_billing"] == 1 ? '1' : '0'; ?>"
<?php echo isset($row["is_billing"]) && $row["is_billing"] == 1 ? 'checked' : ''; ?>
onchange="this.value = this.checked ? '1' : '0'">
<label class="form-check-label">Default Billing Address</label>
</div>
</div>
</div>
</div>
</div>
<?php
endforeach;
} else {
?>
<div data-repeater-item>
<input type="hidden" name="address_id" value="">
<div class="form-group row mb-5">
<div class="col-md-12">
<label class="form-label required">Address</label>
<input type="text" class="form-control form-control-solid" name="address" value="" placeholder='Address'/>
</div>
<div class="row mt-xl-6">
<div class="col-md-3">
<label class="form-label required">City</label>
<input type="text" class="form-control form-control-solid" name="city" value="" placeholder='City'/>
</div>
<div class="col-md-3">
<label class="form-label required">Pincode</label>
<input type="text" class="form-control form-control-solid" name="addr_pincode" value="" placeholder='Pincode'/>
</div>
<div class="col-md-3">
<label class="form-label required">State:</label>
<select class="form-select form-select-solid" name="addr_state" data-placeholder="Select state">
<option value="">Select State</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 class="col-md-3">
<a href="javascript:;" data-repeater-delete class="btn btn-icon btn-danger btn-active-light-danger mt-3 mt-md-9">
<span class="fa fa-close fs-3"></span>
</a>
</div>
<div class="col-md-12">
<div class="form-check mt-3 mt-md-6">
<input class="form-check-input" type="checkbox" name="is_billing" value="1">
<label class="form-check-label">Default Billing Address</label>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<div class="form-group">
<button type="button" data-repeater-create style="display:none;" id="realAddRepeater"></button>
<button type="button" id="addNewRow" class="btn btn-primary">Add Row</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end:::Tab pane-->
<!--begin:::Tab pane-->
<div class="tab-pane fade" id="kt_user_view_overview_security" role="tabpanel">
<div class="card card-flush shadow-sm mt-5">
<div class="card-body">
<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-2">
<label class="form-label">BulkPackage</label>
</div> -->
<!-- <div class="col-md-2">
<label class="form-label">Description</label>
</div> -->
<div class="col-md-4">
<label class="form-label required">Package</label>
</div>
<div class="col-md-3">
<label class="form-label required">Price (1kg)</label>
</div>
<!-- <div class="col-md-1">
<label class="form-label">Old Price (1kg)</label>
</div>
<div class="col-md-1">
<label class="form-label">New Price (1kg)</label>
</div>
<div class="col-md-1">
<label class="form-label">Discount Price</label>
</div>
<div class="col-md-1">
<label class="form-label">Discount %</label>
</div> -->
<div class="col-md-2">
</div>
</div>
<div class="form-group">
<input type="hidden" value="<?php echo $_GET['id']; ?>" name='cid' />
<div data-repeater-list="kt_docs_repeater_basic">
<?php if (!empty($data["cus_product"])) { ?>
<?php foreach ($data["cus_product"] as $rr): ?>
<div data-repeater-item>
<div class="form-group pt-5 row">
<div class="col-md-3">
<select class="form-select pid" data-control="select2" name="pid">
<?php foreach ($data["product"] as $row): ?>
<option value="<?php echo $row['pid']; ?>" <?php if($rr['pid'] ==$row['pid'] ) echo 'selected'; ?> >
<?php echo $row['pname']; ?>
</option>
<?php endforeach; ?>
</select>
</div>
<div class="col-md-4">
<select name="paid" data-control="select2" class="form-select paid mb-2" id='paid' data-placeholder="Select an Package">
<option value='<?php echo $rr['paid']; ?>'><?php echo $rr['name']; ?></option>
</select>
</div>
<div class="col-md-3">
<input type="number" name="cpnewprice" id="" value='<?php echo $rr['cpnewprice'] ?>' class='form-control cpnewprice' placeholder='Enter a Price' >
</div>
<div class="col-md-2">
<a href="javascript:;" data-repeater-delete class="btn btn-sm btn-light-danger">
<i class="ki-duotone ki-trash fs-5">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
<span class="path5"></span>
</i>
</a>
</div>
</div>
</div>
<?php endforeach; ?>
<?php } else { ?>
<div data-repeater-item>
<div class="form-group pt-5 row">
<div class="col-md-3">
<select class="form-select pid" data-control="select2" name="pid" id='pid' data-placeholder='select a product'>
<option></option>
<?php foreach ($data["product"] as $row): ?>
<option value="<?php echo $row['pid']; ?>">
<?php echo $row['pname']; ?>
</option>
<?php endforeach; ?>
</select>
</div>
<div class="col-md-4">
<select name="paid" data-control="select2" class="form-select paid mb-2" id='paid' data-placeholder="Select an Package">
<option></option>
</select>
</div>
<div class="col-md-3">
<input type="number" name="cpnewprice" class='cpnewprice form-control' placeholder='Enter a Price' >
</div>
<div class="col-md-2">
<a href="javascript:;" data-repeater-delete class="btn btn-sm btn-light-danger">
<i class="ki-duotone ki-trash fs-5">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
<span class="path5"></span>
</i>
</a>
</div>
</div>
</div>
<?php } ?>
</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>
</div>
</div>
<!--end:::Tab content-->
</div>
<div class="d-flex justify-content-end pt-5">
<a href="customer.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">Save Changes</span>
<span class="indicator-progress">Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
</button>
</div>
</form>
<!--end::Content-->
</div>
<!--end::Layout-->
<!--begin::Modals-->
<!--begin::Modal - Update user details-->
<div class="modal fade" id="kt_modal_update_details" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-750px">
<!--begin::Modal content-->
<div class="modal-content">
<!--begin::Form-->
<form id="kt_ecommerce_add_category_form" class="form" enctype="multipart/form-data">
<input type="hidden" name="action" id="action" value="Update">
<input type="hidden" name="customer_id" value="<?php echo $id; ?>">
<!--begin::Modal header-->
<div class="modal-header" id="kt_modal_update_user_header">
<!--begin::Modal title-->
<h2 class="fw-bold">Update User Details</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-kt-users-modal-action="close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<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>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<!--end::Modal header-->
<!--begin::Modal body-->
<div class="modal-body py-10 px-lg-17">
<!--begin::Scroll-->
<div class="d-flex flex-column scroll-y me-n7 pe-7" id="kt_modal_update_user_scroll" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-max-height="auto" data-kt-scroll-dependencies="#kt_modal_update_user_header" data-kt-scroll-wrappers="#kt_modal_update_user_scroll" data-kt-scroll-offset="300px">
<!--begin::User toggle-->
<div class="fw-bolder fs-3 rotate collapsible mb-7" data-bs-toggle="collapse" href="#kt_modal_update_user_user_info" role="button" aria-expanded="false" aria-controls="kt_modal_update_user_user_info">User Information
<span class="ms-2 rotate-180">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr072.svg-->
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->
</span></div>
<!--end::User toggle-->
<!--begin::User form-->
<div id="kt_modal_update_user_user_info" class="collapse show">
<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="cname" placeholder="Enter customer name" value="<?php echo $r["name"]?>">
</div>
<div class="col-md-6">
<label class="form-label fw-semibold">Email</label>
<input value="<?php echo $r["email"]?>" type="email" required class="form-control form-control-solid" name="cemail" placeholder="Enter email">
</div>
<div class="col-md-4">
<label class="required form-label fw-semibold">Phone</label>
<input value="<?php echo $r["phone"]?>" type="tel" required class="form-control form-control-solid" name="phone" placeholder="Enter phone number">
</div>
<div class="col-md-4">
<label class="required form-label fw-semibold">GST Number</label>
<input value="<?php echo $r["gst_number"]?>" type="text" required class="form-control form-control-solid" name="gst" placeholder="Enter GST number">
</div>
<div class="col-md-4">
<label class="required form-label fw-semibold">Customer Type</label>
<select class="form-select form-select-solid" required name="custype" data-placeholder="Select Customer type" data-kt-repeater="select2">
<option></option>
<option value='Distributer' <?php if($r['custype'] == 'Distributer' ) echo 'selected'; ?> >Distributer</option>
<option value='Retailer' <?php if($r['custype'] == 'Retailer' ) echo 'selected'; ?>>Retailer</option>
</select>
</div>
<div class="col-lg-8 mt-4">
<label class="required form-label fw-semibold">Upload File</label>
<div class="dropzone dropzone-default dropzone-primary" id="kt_dropzone_1">
<div class="dropzone-msg dz-message needsclick">
<i class="bi bi-file-earmark-arrow-up text-primary fs-3x"></i>
<h3 class="dropzone-msg-title">Drop file here or click to upload.</h3>
<span class="dropzone-msg-desc">Upload JPG, JPEG or PDF file (max size: 1MB)</span>
</div>
</div>
</div>
<div class="col-lg-2 mt-xl-12">
<?php
$file_path = $r["file_path"];
$file_extension = pathinfo($file_path, PATHINFO_EXTENSION);
if (in_array(strtolower($file_extension), ['jpg', 'jpeg', 'png', 'gif', 'webp'])) {
echo '<img src="'.$file_path.'" alt="Uploaded File" style="height:80px; border-radius:5px; max-width:100px;">';
} elseif (strtolower($file_extension) === 'pdf') {
echo '<a href="'.$file_path.'" target="_blank" class="btn btn-sm btn-light-primary">
<i class="ki-duotone ki-file fs-4"></i> View PDF
</a>';
} else {
echo '<div class="mt-xl-10"><span class="text-muted mt-xl-10">No preview available</span></div>';
}
?>
</div>
<div class="separator separator-dashed my-10"></div>
</div>
</div>
<!--end::User form-->
<!--begin::Address toggle-->
<div class="fw-bolder fs-3 rotate collapsible mb-7" data-bs-toggle="collapse" href="#kt_modal_update_user_address" role="button" aria-expanded="false" aria-controls="kt_modal_update_user_address">Address Details
<span class="ms-2 rotate-180">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr072.svg-->
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->
</span>
</div>
<!--end::Address toggle-->
<!--begin::Address form-->
<div id="kt_modal_update_user_address" class="collapse show">
<div class="row g-4 mt-xl-2">
<div class="col-md-6">
<label class="form-label fw-semibold">Address</label>
<input value="<?php echo $r["billing_address"]?>" type="text" class="form-control form-control-solid" name="billing_address" placeholder="Enter billing address">
</div>
<div class="col-md-6">
<label class="form-label fw-semibold">City</label>
<input value="<?php echo $r["billing_city"]?>" type="text" class="form-control form-control-solid" name="billing_city" placeholder="Enter city">
</div>
<div class="col-md-6">
<label class="form-label fw-semibold">Pincode</label>
<input value="<?php echo $r["billing_pincode"]?>" type="text" class="form-control form-control-solid" name="billing_pincode" placeholder="Enter pincode">
</div>
<div class="col-md-6">
<label class="form-label fw-semibold">State</label>
<select class="form-select form-select-solid" name="billing_state">
<option value="<?php echo $r["billing_state"]?>" selected><?php echo $r["billing_state"]?></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>
<!--end::Address form-->
</div>
<!--end::Scroll-->
</div>
<!--end::Modal body-->
<!--begin::Modal footer-->
<div class="modal-footer flex-center">
<!--begin::Button-->
<button type="reset" class="btn btn-light me-3" data-kt-users-modal-action="cancel">Discard</button>
<!--end::Button-->
<!--begin::Button-->
<button type="submit" id="btn-submit" 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>
<!--end::Button-->
</div>
<!--end::Modal footer-->
</form>
<!--end::Form-->
</div>
</div>
</div>
<!--end::Modal - Update user details-->
<!--begin::Modal - Add schedule-->
<div class="modal fade" id="kt_modal_add_schedule" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-650px">
<!--begin::Modal content-->
<div class="modal-content">
<!--begin::Modal header-->
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold">Add an Event</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-kt-users-modal-action="close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<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>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<!--end::Modal header-->
<!--begin::Modal body-->
<div class="modal-body scroll-y mx-5 mx-xl-15 my-7">
<!--begin::Form-->
<form id="kt_modal_add_schedule_form" class="form" action="#">
<!--begin::Input group-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="required fs-6 fw-semibold form-label mb-2">Event Name</label>
<!--end::Label-->
<!--begin::Input-->
<input type="text" class="form-control form-control-solid" name="event_name" value="" />
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="fs-6 fw-semibold form-label mb-2">
<span class="required">Date & Time</span>
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="popover" data-bs-trigger="hover" data-bs-html="true" data-bs-content="Select a date & time."></i>
</label>
<!--end::Label-->
<!--begin::Input-->
<input class="form-control form-control-solid" placeholder="Pick date & time" name="event_datetime" id="kt_modal_add_schedule_datepicker" />
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="required fs-6 fw-semibold form-label mb-2">Event Organiser</label>
<!--end::Label-->
<!--begin::Input-->
<input type="text" class="form-control form-control-solid" name="event_org" value="" />
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="required fs-6 fw-semibold form-label mb-2">Send Event Details To</label>
<!--end::Label-->
<!--begin::Input-->
<input id="kt_modal_add_schedule_tagify" type="text" class="form-control form-control-solid" name="event_invitees" value="smith@kpmg.com, melody@altbox.com" />
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Actions-->
<div class="text-center pt-15">
<button type="reset" class="btn btn-light me-3" data-kt-users-modal-action="cancel">Discard</button>
<button type="submit" 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>
<!--end::Actions-->
</form>
<!--end::Form-->
</div>
<!--end::Modal body-->
</div>
<!--end::Modal content-->
</div>
<!--end::Modal dialog-->
</div>
<!--end::Modal - Add schedule-->
<!--begin::Modal - Add task-->
<div class="modal fade" id="kt_modal_add_task" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-650px">
<!--begin::Modal content-->
<div class="modal-content">
<!--begin::Modal header-->
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold">Add a Task</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-kt-users-modal-action="close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<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>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<!--end::Modal header-->
<!--begin::Modal body-->
<div class="modal-body scroll-y mx-5 mx-xl-15 my-7">
<!--begin::Form-->
<form id="kt_modal_add_task_form" class="form" action="#">
<!--begin::Input group-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="required fs-6 fw-semibold form-label mb-2">Task Name</label>
<!--end::Label-->
<!--begin::Input-->
<input type="text" class="form-control form-control-solid" name="task_name" value="" />
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="fs-6 fw-semibold form-label mb-2">
<span class="required">Task Due Date</span>
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="popover" data-bs-trigger="hover" data-bs-html="true" data-bs-content="Select a due date."></i>
</label>
<!--end::Label-->
<!--begin::Input-->
<input class="form-control form-control-solid" placeholder="Pick date" name="task_duedate" id="kt_modal_add_task_datepicker" />
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="fs-6 fw-semibold form-label mb-2">Task Description</label>
<!--end::Label-->
<!--begin::Input-->
<textarea class="form-control form-control-solid rounded-3"></textarea>
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Actions-->
<div class="text-center pt-15">
<button type="reset" class="btn btn-light me-3" data-kt-users-modal-action="cancel">Discard</button>
<button type="submit" 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>
<!--end::Actions-->
</form>
<!--end::Form-->
</div>
<!--end::Modal body-->
</div>
<!--end::Modal content-->
</div>
<!--end::Modal dialog-->
</div>
<!--end::Modal - Add task-->
<!--begin::Modal - Update email-->
<div class="modal fade" id="kt_modal_update_email" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-650px">
<!--begin::Modal content-->
<div class="modal-content">
<!--begin::Modal header-->
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold">Update Email Address</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-kt-users-modal-action="close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<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>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<!--end::Modal header-->
<!--begin::Modal body-->
<div class="modal-body scroll-y mx-5 mx-xl-15 my-7">
<!--begin::Form-->
<form id="kt_modal_update_email_form" class="form" action="#">
<!--begin::Notice-->
<!--begin::Notice-->
<div class="notice d-flex bg-light-primary rounded border-primary border border-dashed mb-9 p-6">
<!--begin::Icon-->
<!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->
<span class="svg-icon svg-icon-2tx svg-icon-primary me-4">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.3" x="2" y="2" width="20" height="20" rx="10" fill="currentColor" />
<rect x="11" y="14" width="7" height="2" rx="1" transform="rotate(-90 11 14)" fill="currentColor" />
<rect x="11" y="17" width="2" height="2" rx="1" transform="rotate(-90 11 17)" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->
<!--end::Icon-->
<!--begin::Wrapper-->
<div class="d-flex flex-stack flex-grow-1">
<!--begin::Content-->
<div class="fw-semibold">
<div class="fs-6 text-gray-700">Please note that a valid email address is required to complete the email verification.</div>
</div>
<!--end::Content-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Notice-->
<!--end::Notice-->
<!--begin::Input group-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="fs-6 fw-semibold form-label mb-2">
<span class="required">Email Address</span>
</label>
<!--end::Label-->
<!--begin::Input-->
<input class="form-control form-control-solid" placeholder="" name="profile_email" value="smith@kpmg.com" />
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Actions-->
<div class="text-center pt-15">
<button type="reset" class="btn btn-light me-3" data-kt-users-modal-action="cancel">Discard</button>
<button type="submit" 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>
<!--end::Actions-->
</form>
<!--end::Form-->
</div>
<!--end::Modal body-->
</div>
<!--end::Modal content-->
</div>
<!--end::Modal dialog-->
</div>
<!--end::Modal - Update email-->
<!--begin::Modal - Update password-->
<div class="modal fade" id="kt_modal_update_password" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-650px">
<!--begin::Modal content-->
<div class="modal-content">
<!--begin::Modal header-->
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold">Update Password</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-kt-users-modal-action="close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<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>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<!--end::Modal header-->
<!--begin::Modal body-->
<div class="modal-body scroll-y mx-5 mx-xl-15 my-7">
<!--begin::Form-->
<form id="kt_modal_update_password_form" class="form" action="#">
<!--begin::Input group=-->
<div class="fv-row mb-10">
<label class="required form-label fs-6 mb-2">Current Password</label>
<input class="form-control form-control-lg form-control-solid" type="password" placeholder="" name="current_password" autocomplete="off" />
</div>
<!--end::Input group=-->
<!--begin::Input group-->
<div class="mb-10 fv-row" data-kt-password-meter="true">
<!--begin::Wrapper-->
<div class="mb-1">
<!--begin::Label-->
<label class="form-label fw-semibold fs-6 mb-2">New Password</label>
<!--end::Label-->
<!--begin::Input wrapper-->
<div class="position-relative mb-3">
<input class="form-control form-control-lg form-control-solid" type="password" placeholder="" name="new_password" autocomplete="off" />
<span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2" data-kt-password-meter-control="visibility">
<i class="bi bi-eye-slash fs-2"></i>
<i class="bi bi-eye fs-2 d-none"></i>
</span>
</div>
<!--end::Input wrapper-->
<!--begin::Meter-->
<div class="d-flex align-items-center mb-3" data-kt-password-meter-control="highlight">
<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px"></div>
</div>
<!--end::Meter-->
</div>
<!--end::Wrapper-->
<!--begin::Hint-->
<div class="text-muted">Use 8 or more characters with a mix of letters, numbers & symbols.</div>
<!--end::Hint-->
</div>
<!--end::Input group=-->
<!--begin::Input group=-->
<div class="fv-row mb-10">
<label class="form-label fw-semibold fs-6 mb-2">Confirm New Password</label>
<input class="form-control form-control-lg form-control-solid" type="password" placeholder="" name="confirm_password" autocomplete="off" />
</div>
<!--end::Input group=-->
<!--begin::Actions-->
<div class="text-center pt-15">
<button type="reset" class="btn btn-light me-3" data-kt-users-modal-action="cancel">Discard</button>
<button type="submit" 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>
<!--end::Actions-->
</form>
<!--end::Form-->
</div>
<!--end::Modal body-->
</div>
<!--end::Modal content-->
</div>
<!--end::Modal dialog-->
</div>
<!--end::Modal - Update password-->
<!--begin::Modal - Update role-->
<div class="modal fade" id="kt_modal_update_role" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-650px">
<!--begin::Modal content-->
<div class="modal-content">
<!--begin::Modal header-->
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold">Update User Role</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-kt-users-modal-action="close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<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>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<!--end::Modal header-->
<!--begin::Modal body-->
<div class="modal-body scroll-y mx-5 mx-xl-15 my-7">
<!--begin::Form-->
<form id="kt_modal_update_role_form" class="form" action="#">
<!--begin::Notice-->
<!--begin::Notice-->
<div class="notice d-flex bg-light-primary rounded border-primary border border-dashed mb-9 p-6">
<!--begin::Icon-->
<!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->
<span class="svg-icon svg-icon-2tx svg-icon-primary me-4">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.3" x="2" y="2" width="20" height="20" rx="10" fill="currentColor" />
<rect x="11" y="14" width="7" height="2" rx="1" transform="rotate(-90 11 14)" fill="currentColor" />
<rect x="11" y="17" width="2" height="2" rx="1" transform="rotate(-90 11 17)" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->
<!--end::Icon-->
<!--begin::Wrapper-->
<div class="d-flex flex-stack flex-grow-1">
<!--begin::Content-->
<div class="fw-semibold">
<div class="fs-6 text-gray-700">Please note that reducing a user role rank, that user will lose all priviledges that was assigned to the previous role.</div>
</div>
<!--end::Content-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Notice-->
<!--end::Notice-->
<!--begin::Input group-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="fs-6 fw-semibold form-label mb-5">
<span class="required">Select a user role</span>
</label>
<!--end::Label-->
<!--begin::Input row-->
<div class="d-flex">
<!--begin::Radio-->
<div class="form-check form-check-custom form-check-solid">
<!--begin::Input-->
<input class="form-check-input me-3" name="user_role" type="radio" value="0" id="kt_modal_update_role_option_0" checked='checked' />
<!--end::Input-->
<!--begin::Label-->
<label class="form-check-label" for="kt_modal_update_role_option_0">
<div class="fw-bold text-gray-800">Administrator</div>
<div class="text-gray-600">Best for business owners and company administrators</div>
</label>
<!--end::Label-->
</div>
<!--end::Radio-->
</div>
<!--end::Input row-->
<div class='separator separator-dashed my-5'></div>
<!--begin::Input row-->
<div class="d-flex">
<!--begin::Radio-->
<div class="form-check form-check-custom form-check-solid">
<!--begin::Input-->
<input class="form-check-input me-3" name="user_role" type="radio" value="1" id="kt_modal_update_role_option_1" />
<!--end::Input-->
<!--begin::Label-->
<label class="form-check-label" for="kt_modal_update_role_option_1">
<div class="fw-bold text-gray-800">Developer</div>
<div class="text-gray-600">Best for developers or people primarily using the API</div>
</label>
<!--end::Label-->
</div>
<!--end::Radio-->
</div>
<!--end::Input row-->
<div class='separator separator-dashed my-5'></div>
<!--begin::Input row-->
<div class="d-flex">
<!--begin::Radio-->
<div class="form-check form-check-custom form-check-solid">
<!--begin::Input-->
<input class="form-check-input me-3" name="user_role" type="radio" value="2" id="kt_modal_update_role_option_2" />
<!--end::Input-->
<!--begin::Label-->
<label class="form-check-label" for="kt_modal_update_role_option_2">
<div class="fw-bold text-gray-800">Analyst</div>
<div class="text-gray-600">Best for people who need full access to analytics data, but don't need to update business settings</div>
</label>
<!--end::Label-->
</div>
<!--end::Radio-->
</div>
<!--end::Input row-->
<div class='separator separator-dashed my-5'></div>
<!--begin::Input row-->
<div class="d-flex">
<!--begin::Radio-->
<div class="form-check form-check-custom form-check-solid">
<!--begin::Input-->
<input class="form-check-input me-3" name="user_role" type="radio" value="3" id="kt_modal_update_role_option_3" />
<!--end::Input-->
<!--begin::Label-->
<label class="form-check-label" for="kt_modal_update_role_option_3">
<div class="fw-bold text-gray-800">Support</div>
<div class="text-gray-600">Best for employees who regularly refund payments and respond to disputes</div>
</label>
<!--end::Label-->
</div>
<!--end::Radio-->
</div>
<!--end::Input row-->
<div class='separator separator-dashed my-5'></div>
<!--begin::Input row-->
<div class="d-flex">
<!--begin::Radio-->
<div class="form-check form-check-custom form-check-solid">
<!--begin::Input-->
<input class="form-check-input me-3" name="user_role" type="radio" value="4" id="kt_modal_update_role_option_4" />
<!--end::Input-->
<!--begin::Label-->
<label class="form-check-label" for="kt_modal_update_role_option_4">
<div class="fw-bold text-gray-800">Trial</div>
<div class="text-gray-600">Best for people who need to preview content data, but don't need to make any updates</div>
</label>
<!--end::Label-->
</div>
<!--end::Radio-->
</div>
<!--end::Input row-->
</div>
<!--end::Input group-->
<!--begin::Actions-->
<div class="text-center pt-15">
<button type="reset" class="btn btn-light me-3" data-kt-users-modal-action="cancel">Discard</button>
<button type="submit" 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>
<!--end::Actions-->
</form>
<!--end::Form-->
</div>
<!--end::Modal body-->
</div>
<!--end::Modal content-->
</div>
<!--end::Modal dialog-->
</div>
<!--end::Modal - Update role-->
<!--begin::Modal - Add task-->
<div class="modal fade" id="kt_modal_add_auth_app" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-650px">
<!--begin::Modal content-->
<div class="modal-content">
<!--begin::Modal header-->
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold">Add Authenticator App</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-kt-users-modal-action="close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<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>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<!--end::Modal header-->
<!--begin::Modal body-->
<div class="modal-body scroll-y mx-5 mx-xl-15 my-7">
<!--begin::Content-->
<div class="fw-bold d-flex flex-column justify-content-center mb-5">
<!--begin::Label-->
<div class="text-center mb-5" data-kt-add-auth-action="qr-code-label">Download the
<a href="#">Authenticator app</a>, add a new account, then scan this barcode to set up your account.</div>
<div class="text-center mb-5 d-none" data-kt-add-auth-action="text-code-label">Download the
<a href="#">Authenticator app</a>, add a new account, then enter this code to set up your account.</div>
<!--end::Label-->
<!--begin::QR code-->
<!--end::QR code-->
<!--begin::Text code-->
<div class="border rounded p-5 d-flex flex-center d-none" data-kt-add-auth-action="text-code">
<div class="fs-1">gi2kdnb54is709j</div>
</div>
<!--end::Text code-->
</div>
<!--end::Content-->
<!--begin::Action-->
<div class="d-flex flex-center">
<div class="btn btn-light-primary" data-kt-add-auth-action="text-code-button">Enter code manually</div>
<div class="btn btn-light-primary d-none" data-kt-add-auth-action="qr-code-button">Scan barcode instead</div>
</div>
<!--end::Action-->
</div>
<!--end::Modal body-->
</div>
<!--end::Modal content-->
</div>
<!--end::Modal dialog-->
</div>
<!--end::Modal - Add task-->
<!--begin::Modal - Add task-->
<div class="modal fade" id="kt_modal_add_one_time_password" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-650px">
<!--begin::Modal content-->
<div class="modal-content">
<!--begin::Modal header-->
<div class="modal-header">
<!--begin::Modal title-->
<h2 class="fw-bold">Enable One Time Password</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-icon btn-sm btn-active-icon-primary" data-kt-users-modal-action="close">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<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>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<!--end::Modal header-->
<!--begin::Modal body-->
<div class="modal-body scroll-y mx-5 mx-xl-15 my-7">
<!--begin::Form-->
<form class="form" id="kt_modal_add_one_time_password_form">
<!--begin::Label-->
<div class="fw-bold mb-9">Enter the new phone number to receive an SMS to when you log in.</div>
<!--end::Label-->
<!--begin::Input group-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="fs-6 fw-semibold form-label mb-2">
<span class="required">Mobile number</span>
<i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" title="A valid mobile number is required to receive the one-time password to validate your account login."></i>
</label>
<!--end::Label-->
<!--begin::Input-->
<input type="text" class="form-control form-control-solid" name="otp_mobile_number" placeholder="+6123 456 789" value="" />
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Separator-->
<div class="separator saperator-dashed my-5"></div>
<!--end::Separator-->
<!--begin::Input group-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="fs-6 fw-semibold form-label mb-2">
<span class="required">Email</span>
</label>
<!--end::Label-->
<!--begin::Input-->
<input type="email" class="form-control form-control-solid" name="otp_email" value="smith@kpmg.com" readonly="readonly" />
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="fs-6 fw-semibold form-label mb-2">
<span class="required">Confirm password</span>
</label>
<!--end::Label-->
<!--begin::Input-->
<input type="password" class="form-control form-control-solid" name="otp_confirm_password" value="" />
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Actions-->
<div class="text-center pt-15">
<button type="reset" class="btn btn-light me-3" data-kt-users-modal-action="cancel">Cancel</button>
<button type="submit" 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>
<!--end::Actions-->
</form>
<!--end::Form-->
</div>
<!--end::Modal body-->
</div>
<!--end::Modal content-->
</div>
<!--end::Modal dialog-->
</div>
<!--end::Modal - Add task-->
<!--end::Modals-->
</div>
<!--end::Content container-->
</div>
<!--end::Content-->
</div>
<!--end::Content wrapper-->
<!--begin::Footer-->
<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 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 () {
function updatePaidOptions() {
var selectedPaid = {};
$("[data-repeater-item]").each(function () {
var pid = $(this).find(".pid").val();
var paidValue = $(this).find(".paid").val();
if (pid && paidValue) {
if (!selectedPaid[pid]) {
selectedPaid[pid] = [];
}
selectedPaid[pid].push(paidValue);
}
});
$("[data-repeater-item]").each(function () {
var pid = $(this).find(".pid").val();
var paidDropdown = $(this).find(".paid");
paidDropdown.find("option").prop("disabled", false);
if (selectedPaid[pid]) {
paidDropdown.find("option").each(function () {
if (selectedPaid[pid].includes($(this).val())) {
$(this).prop("disabled", true);
}
});
}
});
}
$(document).on("change", ".pid", function () {
var selectedProduct = $(this).val();
var row = $(this).closest("[data-repeater-item]");
console.log("Product changed:", selectedProduct);
if (selectedProduct) {
$.ajax({
type: "POST",
url: "fetch_product_details.php",
data: { pid: selectedProduct },
dataType: "json",
success: function (response) {
console.log("Full Response:", response);
if (!response || (!response.formValues.length && !response.paidValues.length)) {
console.warn("No options received for formValues or paidValues.");
return;
}
var formValuesDropdown = row.find(".form_Values");
var paidDropdown = row.find(".paid");
var bpidDropdown = row.find(".bpid");
bpidDropdown.empty().append('<option value="">Select an option</option>');
formValuesDropdown.empty().append('<option value="">Select an option</option>');
paidDropdown.empty().append('<option value="">Select an option</option>');
$.each(response.formValues, function (index, item) {
formValuesDropdown.append(
`<option value="${item.id}">${item.name} (${item.measurement})</option>`
);
});
$.each(response.paidValues, function (index, item) {
paidDropdown.append(
`<option value="${item.id}">${item.name}</option>`
);
});
$.each(response.bpidValues, function (index, item) {
bpidDropdown.append(
`<option value="${item.id}">${item.name}</option>`
);
});
if ($.fn.select2) {
formValuesDropdown.select2();
bpidDropdown.select2();
paidDropdown.select2();
}
console.log("Dropdowns updated successfully.");
// Disable already selected paid options within the same pid group
updatePaidOptions(row);
},
error: function (xhr, status, error) {
console.error("AJAX Error:", xhr.responseText);
alert("Failed to fetch product details. Please try again.");
}
});
}
});
function updatePaidOptions(currentRow) {
var currentPid = currentRow.find(".pid").val();
// Collect all selected 'paid' values for this specific pid
var selectedPaidValues = [];
$("[data-repeater-item]").each(function () {
var row = $(this);
var pid = row.find(".pid").val();
var paid = row.find(".paid").val();
if (pid === currentPid && paid) {
selectedPaidValues.push(paid);
}
});
// Disable duplicate 'paid' options in dropdowns for the same pid
$("[data-repeater-item]").each(function () {
var row = $(this);
var pid = row.find(".pid").val();
var dropdown = row.find(".paid");
if (pid === currentPid) {
var currentSelected = dropdown.val(); // Allow currently selected value
dropdown.find("option").each(function () {
var optionVal = $(this).val();
if (selectedPaidValues.includes(optionVal) && optionVal !== currentSelected && optionVal !== "") {
$(this).prop("disabled", true);
} else {
$(this).prop("disabled", false);
}
});
}
});
}
$(document).on("change", ".paid", function () {
var row = $(this).closest("[data-repeater-item]");
updatePaidOptions(row);
});
});
document.addEventListener('DOMContentLoaded', function() {
let uploadedFiles = [];
const myDropzone = new Dropzone("#kt_dropzone_1", {
url: "ajax_customer_edit.php",
paramName: "file",
maxFiles: 1,
maxFilesize: 1,
addRemoveLinks: true,
acceptedFiles: ".jpeg,.jpg,.pdf",
autoProcessQueue: false,
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
init: function() {
this.on("maxfilesexceeded", function(file) {
this.removeAllFiles();
this.addFile(file);
});
this.on("sending", function(file, xhr, formData) {
const shippingAddresses = collectAddresses();
console.log("File being uploaded:", file.name);
console.log("Has shipping address:", $('#toggleShippingAddress').is(':checked'));
console.log("Shipping addresses being sent with file:", shippingAddresses);
appendFormData(formData, shippingAddresses);
});
},
success: function(file, response) {
hideLoadingIndicator();
console.log("Raw server response:", response);
handleFormResponse(response);
},
error: function(file, errorMessage, xhr) {
hideLoadingIndicator();
this.removeFile(file);
console.error("Dropzone error:", errorMessage);
console.error("XHR status:", xhr?.status);
console.error("XHR response text:", xhr?.responseText);
let message = "Server error occurred while uploading the file. Please try again.";
if (xhr && xhr.responseText) {
try {
const jsonResponse = JSON.parse(xhr.responseText);
if (jsonResponse && jsonResponse.message) {
message = jsonResponse.message;
}
} catch (e) {
console.error("Non-JSON response:", xhr.responseText);
if (xhr.responseText.includes("<body")) {
message = "Server returned HTML error page. Check server logs.";
}
}
}
showError(message);
},
accept: function(file, done) {
validateFile(file, done);
}
});
$('#kt_docs_repeater_advanced').repeater({
initEmpty: false,
defaultValues: {
'text-input': '',
'address_id': ''
},
show: function() {
$(this).slideDown();
$(this).find('input[name="address_id"]').val('');
setTimeout(() => {
$(this).find('[data-kt-repeater="select2"]').select2({
width: '100%',
placeholder: "Select a state"
});
}, 10);
},
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 state"
});
}
});
$('#toggleShippingAddress').on('change', function() {
if ($(this).is(':checked')) {
$('#shippingAddressSection').slideDown();
} else {
$('#shippingAddressSection').slideUp();
}
});
$(document).on('change', 'input[name*="is_billing"]', function() {
if ($(this).is(':checked')) {
$('input[name*="is_billing"]').not(this).prop('checked', false);
const addressItem = $(this).closest('[data-repeater-item]');
addressItem.attr('data-is-billing', '1');
addressItem.siblings('[data-repeater-item]').attr('data-is-billing', '0');
const addressId = addressItem.find('input[name$="[address_id]"]').val();
console.log("Setting billing address ID:", addressId, "Checked status:", $(this).is(':checked'));
}
});
$("#kt_ecommerce_add_category_form").on("submit", function(e) {
e.preventDefault();
if (!validateForm()) {
return false;
}
showLoadingIndicator();
if (myDropzone.files.length > 0) {
myDropzone.processQueue();
} else {
submitWithoutFile(this);
}
});
$("#kt_ecommerce_edit_form").on("submit", function(e) {
e.preventDefault();
if (!validateForm()) {
return false;
}
showLoadingIndicator();
if (myDropzone.files.length > 0) {
myDropzone.processQueue();
} else {
submitWithoutFile(this);
}
});
function collectAddresses() {
let addresses = [];
if ($('#toggleShippingAddress').is(':checked')) {
const repeaterItems = $('#kt_docs_repeater_advanced [data-repeater-item]:visible');
repeaterItems.each(function() {
const addressId = $(this).find('input[name$="[address_id]"]').val();
const address = $(this).find('input[name$="[address]"]').val().trim();
const city = $(this).find('input[name$="[city]"]').val().trim();
const pincode = $(this).find('input[name$="[addr_pincode]"]').val().trim();
const state = $(this).find('select[name$="[addr_state]"]').val();
const isBillingCheck = $(this).find('input[name*="is_billing"]').is(':checked');
const isBilling = isBillingCheck ? 1 : 0;
if (address || city || pincode || state) {
const addressObj = {
address: address,
city: city,
pincode: pincode,
state: state,
is_billing: isBilling
};
if (addressId) {
addressObj.id = addressId;
}
addresses.push(addressObj);
}
});
}
console.log("Final addresses collection:", addresses);
return addresses;
}
function appendFormData(formData, addresses) {
formData.append('customer_id', $('input[name="customer_id"]').val());
formData.append('cname', $('input[name="cname"]').val().trim());
formData.append('cemail', $('input[name="cemail"]').val().trim());
formData.append('phone', $('input[name="phone"]').val().trim());
formData.append('gst', $('input[name="gst"]').val().trim());
formData.append('has_shipping_address', $('#toggleShippingAddress').is(':checked') ? '1' : '0');
formData.append('billing_address', $('input[name="billing_address"]').val().trim());
formData.append('billing_city', $('input[name="billing_city"]').val().trim());
formData.append('billing_pincode', $('input[name="billing_pincode"]').val().trim());
formData.append('billing_state', $('select[name="billing_state"]').val());
formData.append('custype', $('select[name="custype"]').val());
formData.append('addresses', JSON.stringify(addresses));
console.log("FormData entries being sent:");
for (let pair of formData.entries()) {
console.log(pair[0] + ': ' + (typeof pair[1] === 'object' ? 'File or Object' : pair[1]));
}
}
function submitWithoutFile(form) {
const formData = new FormData(form);
const addresses = collectAddresses();
formData.set('customer_id', $('input[name="customer_id"]').val());
formData.set('cname', $('input[name="cname"]').val().trim());
formData.set('cemail', $('input[name="cemail"]').val().trim());
formData.set('phone', $('input[name="phone"]').val().trim());
formData.set('gst', $('input[name="gst"]').val().trim());
formData.set('has_shipping_address', $('#toggleShippingAddress').is(':checked') ? '1' : '0');
const addressesJson = JSON.stringify(addresses);
formData.set('addresses', addressesJson);
$.ajax({
url: 'ajax_customer_edit.php',
type: 'POST',
data: formData,
contentType: false,
processData: false,
dataType: 'json',
success: function(response) {
console.log("AJAX success response:", response);
handleFormResponse(response);
},
error: function(xhr, status, error) {
console.error("AJAX error:", {
status: status,
error: error,
responseText: xhr.responseText
});
handleFormError(xhr, status, error);
}
});
}
function validateForm() {
const name = $('input[name="cname"]').val().trim();
if (!name) {
showError('Please enter customer name');
return false;
}
const email = $('input[name="cemail"]').val().trim();
if (email && !isValidEmail(email)) {
showError('Please enter a valid email address');
return false;
}
const phone = $('input[name="phone"]').val().trim();
if (!phone) {
showError('Please enter phone number');
return false;
}
if (!isValidPhone(phone)) {
showError('Please enter a valid 10-digit phone number');
return false;
}
const gst = $('input[name="gst"]').val().trim();
if (!gst) {
showError('Please enter GST number');
return false;
}
return true;
}
function validateFile(file, done) {
const extension = file.name.split('.').pop().toLowerCase();
if (extension !== 'jpg' && extension !== 'jpeg' && extension !== 'pdf') {
showError('Please select a valid file format (JPG, JPEG, PDF)');
done("Invalid file format.");
return;
}
if (file.size > 1 * 1024 * 1024) {
showError('File size must be less than 1MB');
done("File too large.");
return;
}
done();
}
function isValidEmail(email) {
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
}
function isValidPhone(phone) {
return /^[6-9]\d{9}$/.test(phone);
}
function showError(message) {
let errorText = "Error";
if (typeof message === 'string') {
errorText = message;
} else if (typeof message === 'object') {
errorText = message.message || "Error occurred.";
}
Swal.fire({
text: errorText,
icon: "error",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn btn-primary"
}
});
}
function handleFormResponse(response) {
try {
const result = typeof response === 'string' ? JSON.parse(response) : response;
if (result.status === 'success') {
Swal.fire({
text: "Customer has been successfully updated!",
icon: "success",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn btn-primary"
}
}).then(function() {
location.reload();
});
} else {
Swal.fire({
text: result.message || "Sorry, something went wrong, please try again.",
icon: "error",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn btn-primary"
}
});
}
} catch (e) {
console.error("Error parsing response:", e, "Raw response:", response);
Swal.fire({
text: "Server error occurred. Please check server logs for details.",
icon: "error",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn btn-primary"
}
});
}
}
function handleFormError(xhr, status, error) {
hideLoadingIndicator();
console.error("AJAX Error:", xhr.responseText);
let errorMessage = "Sorry, something went wrong, please try again.";
try {
const jsonResponse = JSON.parse(xhr.responseText);
if (jsonResponse.message) {
errorMessage = jsonResponse.message;
}
} catch (e) {
console.error("Error parsing error response:", e);
}
Swal.fire({
text: errorMessage,
icon: "error",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn btn-primary"
}
});
}
function showLoadingIndicator() {
const submitButton = document.getElementById('btn-submit');
submitButton.setAttribute('data-kt-indicator', 'on');
submitButton.disabled = true;
}
function hideLoadingIndicator() {
const submitButton = document.getElementById('btn-submit');
submitButton.removeAttribute('data-kt-indicator');
submitButton.disabled = false;
}
});
$('#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"
});
$('select[name$="[paid]"]').select2({
width: '100%',
placeholder: "Select options"
});
$('select[name$="[form_Values]"]').select2({
width: '100%',
placeholder: "Select options"
});
}
});
$('#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.',
});
}
});
// Function to get query string parameter
function getUrlParameter(name) {
name = name.replace(/[[]/, '\\[').replace(/[\]]/, '\\]');
let regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
let results = regex.exec(location.search);
return results === null ? null : decodeURIComponent(results[1].replace(/\+/g, ' '));
}
$('#btn-submit').on('click', function () {
let items = [];
let cid = getUrlParameter('id'); // Get `id` from URL and treat it as `cid`
console.log(cid);
$('[data-repeater-item]').each(function () {
let pid = $(this).find('.pid').val();
let paid = $(this).find('.paid').val();
let price = $(this).find('.cpnewprice').val();
if (pid && paid && price) {
items.push({
cid: cid, // Add cid from URL
pid: pid,
paid: paid,
price: price
});
}
});
if (items.length > 0) {
$.ajax({
url: 'ajax_cus_product.php',
type: 'POST',
data: { products: items },
success: function (response) {
console.log('Raw response:', response); // Check if it's HTML error
try {
const json = typeof response === 'string' ? JSON.parse(response) : response;
console.log('Parsed JSON:', json);
} catch (err) {
console.error('JSON parse error:', err);
}
},
error: function (xhr, status, error) {
console.error('AJAX error:', error);
}
});
} else {
alert("Please select all values!");
}
});
// 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>
</body>
</html>