VIDITVA HR ERP ULTRA<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n*{\nmargin:0;\npadding:0;\nbox-sizing:border-box;\nfont-family:'Poppins',sans-serif;\n}\n\nbody{\nbackground:#eef2f7;\ndisplay:flex;\nmin-height:100vh;\n}\n\n.sidebar{\nwidth:250px;\nbackground:linear-gradient(180deg,#0039a6,#001f5f);\ncolor:white;\npadding:20px;\nposition:fixed;\nheight:100%;\n}\n\n.logo{\ntext-align:center;\nmargin-bottom:30px;\n}\n\n.logo h2{\nfont-size:24px;\nmargin-top:10px;\n}\n\n.menu a{\ndisplay:block;\ncolor:white;\ntext-decoration:none;\npadding:14px;\nmargin:8px 0;\nborder-radius:10px;\ntransition:0.3s;\nfont-weight:500;\n}\n\n.menu a:hover{\nbackground:rgba(255,255,255,0.15);\n}\n\n.main{\nmargin-left:250px;\npadding:25px;\nwidth:100%;\n}\n\n.header{\nbackground:linear-gradient(90deg,#0046c0,#002d80);\ncolor:white;\npadding:20px;\nborder-radius:18px;\ndisplay:flex;\njustify-content:space-between;\nalign-items:center;\nbox-shadow:0 4px 15px rgba(0,0,0,0.15);\n}\n\n.header h1{\nfont-size:30px;\n}\n\n.card{\nbackground:white;\nborder-radius:18px;\npadding:20px;\nmargin-top:20px;\nbox-shadow:0 3px 10px rgba(0,0,0,0.08);\n}\n\n.card h2{\nmargin-bottom:15px;\ncolor:#0039a6;\nfont-size:22px;\n}\n\n.grid{\ndisplay:grid;\ngrid-template-columns:repeat(auto-fit,minmax(250px,1fr));\ngap:15px;\n}\n\nlabel{\nfont-weight:600;\nfont-size:14px;\nmargin-bottom:5px;\ndisplay:block;\n}\n\ninput{\nwidth:100%;\npadding:12px;\nborder:1px solid #cfd6e4;\nborder-radius:10px;\nfont-size:15px;\n}\n\ninput:focus{\noutline:none;\nborder-color:#0046c0;\n}\n\nbutton{\npadding:14px;\nborder:none;\nborder-radius:12px;\nfont-size:16px;\nfont-weight:600;\ncursor:pointer;\ntransition:0.3s;\n}\n\n.btn-primary{\nbackground:#0046c0;\ncolor:white;\n}\n\n.btn-primary:hover{\nbackground:#00339c;\n}\n\n.btn-success{\nbackground:#0f9d58;\ncolor:white;\n}\n\n.btn-success:hover{\nbackground:#0b7d45;\n}\n\n.btn-print{\nbackground:#ff9800;\ncolor:white;\n}\n\n.btn-print:hover{\nbackground:#e68900;\n}\n\n.result-box{\ndisplay:grid;\ngrid-template-columns:repeat(auto-fit,minmax(200px,1fr));\ngap:15px;\nmargin-top:20px;\n}\n\n.result{\nbackground:#f4f7ff;\npadding:20px;\nborder-radius:15px;\ntext-align:center;\nborder:2px solid #dce6ff;\n}\n\n.result h3{\ncolor:#0039a6;\nmargin-bottom:10px;\n}\n\n.result p{\nfont-size:28px;\nfont-weight:700;\ncolor:#0f9d58;\n}\n\n.table-wrap{\noverflow:auto;\n}\n\ntable{\nwidth:100%;\nborder-collapse:collapse;\nmargin-top:15px;\n}\n\nth{\nbackground:#0039a6;\ncolor:white;\npadding:12px;\n}\n\ntd{\npadding:12px;\ntext-align:center;\nborder-bottom:1px solid #ddd;\n}\n\n.slip{\nbackground:#fff;\npadding:30px;\nborder:2px dashed #0039a6;\nborder-radius:20px;\nmargin-top:20px;\n}\n\n.slip-header{\ntext-align:center;\nmargin-bottom:25px;\n}\n\n.slip-header h1{\ncolor:#0039a6;\nfont-size:32px;\n}\n\n.slip-header p{\ncolor:#555;\n}\n\n.slip-table td{\ntext-align:left;\n}\n\n.highlight{\nbackground:#fff7cc;\nfont-weight:700;\n}\n\n.footer{\nmargin-top:25px;\ntext-align:center;\ncolor:#666;\nfont-size:14px;\n}\n\n@media print{\n.sidebar,\n.header,\n.card:not(.print-keep),\n.btn-primary,\n.btn-success,\n.btn-print{\ndisplay:none !important;\n}\n\nbody{\nbackground:white;\n}\n\n.main{\nmargin:0;\npadding:0;\n}\n\n.slip{\nborder:none;\nbox-shadow:none;\nmargin:0;\nwidth:100%;\n}\n}\n\n@media(max-width:768px){\n.sidebar{\nwidth:100%;\nheight:auto;\nposition:relative;\n}\n\n.main{\nmargin-left:0;\n}\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"sidebar\">\n<div class=\"logo\">\n<h2>VIDITVA HR<\/h2>\n<p>ERP ULTRA<\/p>\n<\/div>\n\n<div class=\"menu\">\n<a href=\"#\">\ud83c\udfe0 Dashboard<\/a>\n<a href=\"#\">\ud83d\udc68 Employees<\/a>\n<a href=\"#\">\ud83d\udcb0 Salary Calculator<\/a>\n<a href=\"#\">\ud83d\udcc4 Salary Slip<\/a>\n<a href=\"#\">\ud83d\udcca Reports<\/a>\n<\/div>\n<\/div>\n\n<div class=\"main\">\n\n<div class=\"header\">\n<div>\n<h1>VIDITVA HR ERP ULTRA<\/h1>\n<p>VIDITVA INDUSTRIES PVT LTD<\/p>\n<\/div>\n<div>\n<h3 id=\"todayDate\"><\/h3>\n<\/div>\n<\/div>\n\n<div class=\"card\">\n<h2>Employee Details<\/h2>\n\n<div class=\"grid\">\n<div>\n<label>Employee Name<\/label>\n<input type=\"text\" id=\"name\" placeholder=\"Enter employee name\">\n<\/div>\n\n<div>\n<label>Employee ID<\/label>\n<input type=\"text\" id=\"empid\" placeholder=\"EMP001\">\n<\/div>\n\n<div>\n<label>City<\/label>\n<input type=\"text\" id=\"city\" placeholder=\"Ghaziabad\">\n<\/div>\n\n<div>\n<label>Joining Date<\/label>\n<input type=\"date\" id=\"joining\">\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"card\">\n<h2>Salary Structure<\/h2>\n\n<div class=\"grid\">\n<div>\n<label>Basic Salary<\/label>\n<input type=\"number\" id=\"basic\" value=\"22000\">\n<\/div>\n\n<div>\n<label>TA \/ DA<\/label>\n<input type=\"number\" id=\"tada\" value=\"5000\">\n<\/div>\n\n<div>\n<label>Working Days<\/label>\n<input type=\"number\" id=\"workingDays\" value=\"26\">\n<\/div>\n\n<div>\n<label>Piad Leave<\/label>\n<input type=\"number\" id=\"approvedLeave\" value=\"0\">\n<\/div>\n\n<div>\n<label>Month Total Days<\/label>\n<input type=\"number\" id=\"monthDays\" value=\"30\">\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"card\">\n<h2>Daily Incentive Entry<\/h2>\n\n<div class=\"grid\">\n<div>\n<label>\u20b925,000 – \u20b950,000 Bills<\/label>\n<input type=\"number\" id=\"slab1\" value=\"0\">\n<\/div>\n\n<div>\n<label>\u20b951,000 – \u20b91,00,000 Bills<\/label>\n<input type=\"number\" id=\"slab2\" value=\"0\">\n<\/div>\n\n<div>\n<label>\u20b91,00,000 – \u20b92,00,000 Bills<\/label>\n<input type=\"number\" id=\"slab3\" value=\"0\">\n<\/div>\n\n<div>\n<label>Above \u20b92,00,000 Bills<\/label>\n<input type=\"number\" id=\"slab4\" value=\"0\">\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"card\">\n<h2>Monthly Target Incentive<\/h2>\n\n<div class=\"grid\">\n<div>\n<label>Total Monthly Sale (\u20b9)<\/label>\n<input type=\"number\" id=\"monthlySale\" value=\"0\">\n<\/div>\n\n<div>\n<label>Billed Customers<\/label>\n<input type=\"number\" id=\"customers\" value=\"0\">\n<\/div>\n<\/div>\n\n<br>\n\n<div class=\"grid\">\n<button class=\"btn-primary\" onclick=\"calculateSalary()\">Calculate Salary<\/button>\n<button class=\"btn-success\" onclick=\"saveRecord()\">Save Record<\/button>\n<button class=\"btn-success\" onclick=\"downloadSlip()\">Download Salary Slip<\/button>\n<button class=\"btn-print\" onclick=\"window.print()\">Print Salary Slip<\/button>\n<\/div>\n\n<div class=\"result-box\">\n<div class=\"result\">\n<h3>Total Incentive<\/h3>\n<p id=\"incentive\">\u20b90<\/p>\n<\/div>\n\n<div class=\"result\">\n<h3>Total Salary<\/h3>\n<p id=\"salary\">\u20b90<\/p>\n<\/div>\n\n<div class=\"result\">\n<h3>Total Sales<\/h3>\n<p id=\"sales\">\u20b90<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"card\">\n<h2>Employee Records<\/h2>\n\n<div class=\"table-wrap\">\n<table id=\"recordsTable\">\n<thead>\n<tr>\n<th>Name<\/th>\n<th>Employee ID<\/th>\n<th>City<\/th>\n<th>Total Sales<\/th>\n<th>Total Salary<\/th>\n<\/tr>\n<\/thead>\n<tbody><\/tbody>\n<\/table>\n<\/div>\n<\/div>\n\n<div class=\"slip print-keep\" id=\"salarySlip\">\n<div class=\"slip-header\">\n<h1>Salary Slip<\/h1>\n<p>VIDITVA INDUSTRIES PVT LTD<\/p>\n<\/div>\n\n<table class=\"slip-table\" style=\"width:100%;border-collapse:collapse;font-size:18px\">\n<tr>\n<td><strong>Employee Name:<\/strong><\/td>\n<td id=\"slipName\">–<\/td>\n<td><strong>Employee ID:<\/strong><\/td>\n<td id=\"slipId\">–<\/td>\n<\/tr>\n\n<tr>\n<td><strong>Basic Salary:<\/strong><\/td>\n<td id=\"slipBasicTop\">\u20b90<\/td>\n<td><strong>Working Days:<\/strong><\/td>\n<td id=\"slipWorking\">26 Days<\/td>\n<\/tr>\n\n<tr>\n<td><strong>TA\/DA:<\/strong><\/td>\n<td id=\"slipTadaTop\">\u20b90<\/td>\n<td><strong>Paid Leave:<\/strong><\/td>\n<td id=\"slipLeave\">0<\/td>\n<\/tr>\n\n<tr>\n<td><strong>City:<\/strong><\/td>\n<td id=\"slipCity\">–<\/td>\n<td><strong>Joining Date:<\/strong><\/td>\n<td id=\"slipJoin\">–<\/td>\n<\/tr>\n\n<tr>\n<td><strong>Month Total Days:<\/strong><\/td>\n<td id=\"slipMonthDays\">30 Days<\/td>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<\/table>\n\n<br>\n\n<table style=\"width:100%;border-collapse:collapse\">\n<tr>\n<th>Particular<\/th>\n<th>Amount<\/th>\n<\/tr>\n\n<tr>\n<td>Basic Salary<\/td>\n<td id=\"slipBasic\">\u20b90<\/td>\n<\/tr>\n\n<tr>\n<td>TA \/ DA<\/td>\n<td id=\"slipTada\">\u20b90<\/td>\n<\/tr>\n\n<tr>\n<td>Daily Incentive<\/td>\n<td id=\"slipDaily\">\u20b90<\/td>\n<\/tr>\n\n<tr>\n<td>Monthly Incentive<\/td>\n<td id=\"slipMonthly\">\u20b90<\/td>\n<\/tr>\n\n<tr>\n<td>Working Days<\/td>\n<td id=\"slipWorking\">26<\/td>\n<\/tr>\n\n<tr class=\"highlight\">\n<td>Total Salary<\/td>\n<td id=\"slipTotal\">\u20b90<\/td>\n<\/tr>\n<\/table>\n\n<div class=\"footer\">\nGenerated By VIDITVA HR ERP ULTRA\n<\/div>\n<\/div>\n\n<\/div>\n\n<script>\n\nconst records = JSON.parse(localStorage.getItem('salaryRecords') || '[]')\n\nfunction showDate(){\nconst d = new Date()\ndocument.getElementById('todayDate').innerHTML = d.toLocaleDateString()\n}\n\nshowDate()\n\nfunction formatMoney(x){\nreturn '\u20b9' + Number(x).toLocaleString('en-IN')\n}\n\nfunction calculateSalary(){\n\nlet basic = Number(document.getElementById('basic').value)\nlet tada = Number(document.getElementById('tada').value)\n\nlet slab1 = Number(document.getElementById('slab1').value)\nlet slab2 = Number(document.getElementById('slab2').value)\nlet slab3 = Number(document.getElementById('slab3').value)\nlet slab4 = Number(document.getElementById('slab4').value)\n\nlet monthlySale = Number(document.getElementById('monthlySale').value)\nlet customers = Number(document.getElementById('customers').value)\n\nlet dailyIncentive =\n(slab1 * 50) + \n(slab2 * 110) +\n(slab3 * 250) +\n(slab4 * 400)\n\nlet monthlyIncentive = 0\n\nif(monthlySale >= 15000000 && customers >= 150){\nmonthlyIncentive = 50000\n}\nelse if(monthlySale >= 10000000 && customers >= 150){\nmonthlyIncentive = 25000\n}\nelse if(monthlySale >= 7000000 && customers >= 150){\nmonthlyIncentive = 12500\n}\nelse if(monthlySale >= 5000000 && customers >= 120){\nmonthlyIncentive = 6250\n}\nelse if(monthlySale >= 3500000 && customers >= 100){\nmonthlyIncentive = 3100\n}\n\nlet workingDays = Number(document.getElementById('workingDays').value || 26)\nlet approvedLeave = Number(document.getElementById('approvedLeave').value || 0)\nlet monthDays = Number(document.getElementById('monthDays').value || 30)\n\nlet payableDays = workingDays + approvedLeave\n\nlet finalBasic = (basic \/ monthDays) * payableDays\nlet finalTada = (tada \/ monthDays) * payableDays\nlet finalDailyIncentive = (dailyIncentive)\nlet finalMonthlyIncentive = (monthlyIncentive)\n\nlet totalSalary = finalBasic + finalTada + finalDailyIncentive + finalMonthlyIncentive\n\n\ndocument.getElementById('incentive').innerHTML = formatMoney(finalDailyIncentive + finalMonthlyIncentive)\ndocument.getElementById('salary').innerHTML = formatMoney(totalSalary)\ndocument.getElementById('sales').innerHTML = formatMoney(monthlySale)\n\n\/\/ Salary Slip\n\ndocument.getElementById('slipName').innerHTML = document.getElementById('name').value\ndocument.getElementById('slipId').innerHTML = document.getElementById('empid').value\ndocument.getElementById('slipCity').innerHTML = document.getElementById('city').value\ndocument.getElementById('slipJoin').innerHTML = document.getElementById('joining').value\n\ndocument.getElementById('slipBasic').innerHTML = formatMoney(finalBasic)\ndocument.getElementById('slipBasicTop').innerHTML = formatMoney(basic)\ndocument.getElementById('slipTada').innerHTML = formatMoney(finalTada)\ndocument.getElementById('slipTadaTop').innerHTML = formatMoney(tada)\ndocument.getElementById('slipDaily').innerHTML = formatMoney(finalDailyIncentive)\ndocument.getElementById('slipMonthly').innerHTML = formatMoney(finalMonthlyIncentive)\ndocument.getElementById('slipTotal').innerHTML = formatMoney(totalSalary)\ndocument.getElementById('slipWorking').innerHTML = workingDays + ' Days'\ndocument.getElementById('slipLeave').innerHTML = approvedLeave + ' Days'\ndocument.getElementById('slipMonthDays').innerHTML = monthDays + ' Days'\n\nwindow.currentRecord = {\nname: document.getElementById('name').value,\nid: document.getElementById('empid').value,\ncity: document.getElementById('city').value,\nsales: monthlySale,\nsalary: totalSalary\n}\n}\n\nfunction saveRecord(){\n\nif(!window.currentRecord){\nalert('Please calculate salary first')\nreturn\n}\n\nrecords.push(window.currentRecord)\nlocalStorage.setItem('salaryRecords', JSON.stringify(records))\nloadTable()\nalert('Record Saved Successfully')\n}\n\nfunction loadTable(){\n\nlet tbody = document.querySelector('#recordsTable tbody')\n\ntbody.innerHTML = ''\n\nrecords.forEach(r => {\n\nlet row = `\n<tr>\n<td>${r.name}<\/td>\n<td>${r.id}<\/td>\n<td>${r.city}<\/td>\n<td>${formatMoney(r.sales)}<\/td>\n<td>${formatMoney(r.salary)}<\/td>\n<\/tr>`\n\ntbody.innerHTML += row\n\n})\n}\n\nloadTable()\n\nfunction downloadSlip(){\n\nlet slipContent = document.getElementById('salarySlip').innerHTML\n\nlet html = `\n<html>\n<head>\n<title>Salary Slip<\/title>\n<style>\nbody{font-family:Arial;padding:20px}\ntable{width:100%;border-collapse:collapse}\nth,td{border:1px solid #ccc;padding:10px}\nth{background:#0039a6;color:white}\n.highlight{background:#fff7cc;font-weight:bold}\n<\/style>\n<\/head>\n<body>${slipContent}<\/body>\n<\/html>`\n\nlet blob = new Blob([html], {type:'text\/html'})\nlet a = document.createElement('a')\n\nlet emp = document.getElementById('name').value || 'employee'\n\na.href = URL.createObjectURL(blob)\na.download = emp + '_salary_slip.html'\na.click()\n}\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>VIDITVA HR ERP ULTRA VIDITVA HR ERP ULTRA \ud83c\udfe0 Dashboard \ud83d\udc68 Employees \ud83d\udcb0 Salary Calculator \ud83d\udcc4 Salary Slip \ud83d\udcca Reports […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"mstoreapp_likes":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1122","page","type-page","status-publish","hentry","_wholesalex wsx-wholesalex-product"],"_links":{"self":[{"href":"https:\/\/ksmnoida.com\/index.php?rest_route=\/wp\/v2\/pages\/1122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ksmnoida.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ksmnoida.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ksmnoida.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ksmnoida.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1122"}],"version-history":[{"count":2,"href":"https:\/\/ksmnoida.com\/index.php?rest_route=\/wp\/v2\/pages\/1122\/revisions"}],"predecessor-version":[{"id":1124,"href":"https:\/\/ksmnoida.com\/index.php?rest_route=\/wp\/v2\/pages\/1122\/revisions\/1124"}],"wp:attachment":[{"href":"https:\/\/ksmnoida.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1122,"date":"2026-05-13T18:24:50","date_gmt":"2026-05-13T18:24:50","guid":{"rendered":"https:\/\/ksmnoida.com\/?page_id=1122"},"modified":"2026-05-13T18:27:56","modified_gmt":"2026-05-13T18:27:56","slug":"sales","status":"publish","type":"page","link":"https:\/\/ksmnoida.com\/?page_id=1122","title":{"rendered":"Sales"},"content":{"rendered":"\n\n\n\n\n\nVIDITVA HR ERP ULTRA<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n*{\nmargin:0;\npadding:0;\nbox-sizing:border-box;\nfont-family:'Poppins',sans-serif;\n}\n\nbody{\nbackground:#eef2f7;\ndisplay:flex;\nmin-height:100vh;\n}\n\n.sidebar{\nwidth:250px;\nbackground:linear-gradient(180deg,#0039a6,#001f5f);\ncolor:white;\npadding:20px;\nposition:fixed;\nheight:100%;\n}\n\n.logo{\ntext-align:center;\nmargin-bottom:30px;\n}\n\n.logo h2{\nfont-size:24px;\nmargin-top:10px;\n}\n\n.menu a{\ndisplay:block;\ncolor:white;\ntext-decoration:none;\npadding:14px;\nmargin:8px 0;\nborder-radius:10px;\ntransition:0.3s;\nfont-weight:500;\n}\n\n.menu a:hover{\nbackground:rgba(255,255,255,0.15);\n}\n\n.main{\nmargin-left:250px;\npadding:25px;\nwidth:100%;\n}\n\n.header{\nbackground:linear-gradient(90deg,#0046c0,#002d80);\ncolor:white;\npadding:20px;\nborder-radius:18px;\ndisplay:flex;\njustify-content:space-between;\nalign-items:center;\nbox-shadow:0 4px 15px rgba(0,0,0,0.15);\n}\n\n.header h1{\nfont-size:30px;\n}\n\n.card{\nbackground:white;\nborder-radius:18px;\npadding:20px;\nmargin-top:20px;\nbox-shadow:0 3px 10px rgba(0,0,0,0.08);\n}\n\n.card h2{\nmargin-bottom:15px;\ncolor:#0039a6;\nfont-size:22px;\n}\n\n.grid{\ndisplay:grid;\ngrid-template-columns:repeat(auto-fit,minmax(250px,1fr));\ngap:15px;\n}\n\nlabel{\nfont-weight:600;\nfont-size:14px;\nmargin-bottom:5px;\ndisplay:block;\n}\n\ninput{\nwidth:100%;\npadding:12px;\nborder:1px solid #cfd6e4;\nborder-radius:10px;\nfont-size:15px;\n}\n\ninput:focus{\noutline:none;\nborder-color:#0046c0;\n}\n\nbutton{\npadding:14px;\nborder:none;\nborder-radius:12px;\nfont-size:16px;\nfont-weight:600;\ncursor:pointer;\ntransition:0.3s;\n}\n\n.btn-primary{\nbackground:#0046c0;\ncolor:white;\n}\n\n.btn-primary:hover{\nbackground:#00339c;\n}\n\n.btn-success{\nbackground:#0f9d58;\ncolor:white;\n}\n\n.btn-success:hover{\nbackground:#0b7d45;\n}\n\n.btn-print{\nbackground:#ff9800;\ncolor:white;\n}\n\n.btn-print:hover{\nbackground:#e68900;\n}\n\n.result-box{\ndisplay:grid;\ngrid-template-columns:repeat(auto-fit,minmax(200px,1fr));\ngap:15px;\nmargin-top:20px;\n}\n\n.result{\nbackground:#f4f7ff;\npadding:20px;\nborder-radius:15px;\ntext-align:center;\nborder:2px solid #dce6ff;\n}\n\n.result h3{\ncolor:#0039a6;\nmargin-bottom:10px;\n}\n\n.result p{\nfont-size:28px;\nfont-weight:700;\ncolor:#0f9d58;\n}\n\n.table-wrap{\noverflow:auto;\n}\n\ntable{\nwidth:100%;\nborder-collapse:collapse;\nmargin-top:15px;\n}\n\nth{\nbackground:#0039a6;\ncolor:white;\npadding:12px;\n}\n\ntd{\npadding:12px;\ntext-align:center;\nborder-bottom:1px solid #ddd;\n}\n\n.slip{\nbackground:#fff;\npadding:30px;\nborder:2px dashed #0039a6;\nborder-radius:20px;\nmargin-top:20px;\n}\n\n.slip-header{\ntext-align:center;\nmargin-bottom:25px;\n}\n\n.slip-header h1{\ncolor:#0039a6;\nfont-size:32px;\n}\n\n.slip-header p{\ncolor:#555;\n}\n\n.slip-table td{\ntext-align:left;\n}\n\n.highlight{\nbackground:#fff7cc;\nfont-weight:700;\n}\n\n.footer{\nmargin-top:25px;\ntext-align:center;\ncolor:#666;\nfont-size:14px;\n}\n\n@media print{\n.sidebar,\n.header,\n.card:not(.print-keep),\n.btn-primary,\n.btn-success,\n.btn-print{\ndisplay:none !important;\n}\n\nbody{\nbackground:white;\n}\n\n.main{\nmargin:0;\npadding:0;\n}\n\n.slip{\nborder:none;\nbox-shadow:none;\nmargin:0;\nwidth:100%;\n}\n}\n\n@media(max-width:768px){\n.sidebar{\nwidth:100%;\nheight:auto;\nposition:relative;\n}\n\n.main{\nmargin-left:0;\n}\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"sidebar\">\n<div class=\"logo\">\n<h2>VIDITVA HR<\/h2>\n<p>ERP ULTRA<\/p>\n<\/div>\n\n<div class=\"menu\">\n<a href=\"#\">\ud83c\udfe0 Dashboard<\/a>\n<a href=\"#\">\ud83d\udc68 Employees<\/a>\n<a href=\"#\">\ud83d\udcb0 Salary Calculator<\/a>\n<a href=\"#\">\ud83d\udcc4 Salary Slip<\/a>\n<a href=\"#\">\ud83d\udcca Reports<\/a>\n<\/div>\n<\/div>\n\n<div class=\"main\">\n\n<div class=\"header\">\n<div>\n<h1>VIDITVA HR ERP ULTRA<\/h1>\n<p>VIDITVA INDUSTRIES PVT LTD<\/p>\n<\/div>\n<div>\n<h3 id=\"todayDate\"><\/h3>\n<\/div>\n<\/div>\n\n<div class=\"card\">\n<h2>Employee Details<\/h2>\n\n<div class=\"grid\">\n<div>\n<label>Employee Name<\/label>\n<input type=\"text\" id=\"name\" placeholder=\"Enter employee name\">\n<\/div>\n\n<div>\n<label>Employee ID<\/label>\n<input type=\"text\" id=\"empid\" placeholder=\"EMP001\">\n<\/div>\n\n<div>\n<label>City<\/label>\n<input type=\"text\" id=\"city\" placeholder=\"Ghaziabad\">\n<\/div>\n\n<div>\n<label>Joining Date<\/label>\n<input type=\"date\" id=\"joining\">\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"card\">\n<h2>Salary Structure<\/h2>\n\n<div class=\"grid\">\n<div>\n<label>Basic Salary<\/label>\n<input type=\"number\" id=\"basic\" value=\"22000\">\n<\/div>\n\n<div>\n<label>TA \/ DA<\/label>\n<input type=\"number\" id=\"tada\" value=\"5000\">\n<\/div>\n\n<div>\n<label>Working Days<\/label>\n<input type=\"number\" id=\"workingDays\" value=\"26\">\n<\/div>\n\n<div>\n<label>Piad Leave<\/label>\n<input type=\"number\" id=\"approvedLeave\" value=\"0\">\n<\/div>\n\n<div>\n<label>Month Total Days<\/label>\n<input type=\"number\" id=\"monthDays\" value=\"30\">\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"card\">\n<h2>Daily Incentive Entry<\/h2>\n\n<div class=\"grid\">\n<div>\n<label>\u20b925,000 – \u20b950,000 Bills<\/label>\n<input type=\"number\" id=\"slab1\" value=\"0\">\n<\/div>\n\n<div>\n<label>\u20b951,000 – \u20b91,00,000 Bills<\/label>\n<input type=\"number\" id=\"slab2\" value=\"0\">\n<\/div>\n\n<div>\n<label>\u20b91,00,000 – \u20b92,00,000 Bills<\/label>\n<input type=\"number\" id=\"slab3\" value=\"0\">\n<\/div>\n\n<div>\n<label>Above \u20b92,00,000 Bills<\/label>\n<input type=\"number\" id=\"slab4\" value=\"0\">\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"card\">\n<h2>Monthly Target Incentive<\/h2>\n\n<div class=\"grid\">\n<div>\n<label>Total Monthly Sale (\u20b9)<\/label>\n<input type=\"number\" id=\"monthlySale\" value=\"0\">\n<\/div>\n\n<div>\n<label>Billed Customers<\/label>\n<input type=\"number\" id=\"customers\" value=\"0\">\n<\/div>\n<\/div>\n\n<br>\n\n<div class=\"grid\">\n<button class=\"btn-primary\" onclick=\"calculateSalary()\">Calculate Salary<\/button>\n<button class=\"btn-success\" onclick=\"saveRecord()\">Save Record<\/button>\n<button class=\"btn-success\" onclick=\"downloadSlip()\">Download Salary Slip<\/button>\n<button class=\"btn-print\" onclick=\"window.print()\">Print Salary Slip<\/button>\n<\/div>\n\n<div class=\"result-box\">\n<div class=\"result\">\n<h3>Total Incentive<\/h3>\n<p id=\"incentive\">\u20b90<\/p>\n<\/div>\n\n<div class=\"result\">\n<h3>Total Salary<\/h3>\n<p id=\"salary\">\u20b90<\/p>\n<\/div>\n\n<div class=\"result\">\n<h3>Total Sales<\/h3>\n<p id=\"sales\">\u20b90<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"card\">\n<h2>Employee Records<\/h2>\n\n<div class=\"table-wrap\">\n<table id=\"recordsTable\">\n<thead>\n<tr>\n<th>Name<\/th>\n<th>Employee ID<\/th>\n<th>City<\/th>\n<th>Total Sales<\/th>\n<th>Total Salary<\/th>\n<\/tr>\n<\/thead>\n<tbody><\/tbody>\n<\/table>\n<\/div>\n<\/div>\n\n<div class=\"slip print-keep\" id=\"salarySlip\">\n<div class=\"slip-header\">\n<h1>Salary Slip<\/h1>\n<p>VIDITVA INDUSTRIES PVT LTD<\/p>\n<\/div>\n\n<table class=\"slip-table\" style=\"width:100%;border-collapse:collapse;font-size:18px\">\n<tr>\n<td><strong>Employee Name:<\/strong><\/td>\n<td id=\"slipName\">–<\/td>\n<td><strong>Employee ID:<\/strong><\/td>\n<td id=\"slipId\">–<\/td>\n<\/tr>\n\n<tr>\n<td><strong>Basic Salary:<\/strong><\/td>\n<td id=\"slipBasicTop\">\u20b90<\/td>\n<td><strong>Working Days:<\/strong><\/td>\n<td id=\"slipWorking\">26 Days<\/td>\n<\/tr>\n\n<tr>\n<td><strong>TA\/DA:<\/strong><\/td>\n<td id=\"slipTadaTop\">\u20b90<\/td>\n<td><strong>Paid Leave:<\/strong><\/td>\n<td id=\"slipLeave\">0<\/td>\n<\/tr>\n\n<tr>\n<td><strong>City:<\/strong><\/td>\n<td id=\"slipCity\">–<\/td>\n<td><strong>Joining Date:<\/strong><\/td>\n<td id=\"slipJoin\">–<\/td>\n<\/tr>\n\n<tr>\n<td><strong>Month Total Days:<\/strong><\/td>\n<td id=\"slipMonthDays\">30 Days<\/td>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<\/table>\n\n<br>\n\n<table style=\"width:100%;border-collapse:collapse\">\n<tr>\n<th>Particular<\/th>\n<th>Amount<\/th>\n<\/tr>\n\n<tr>\n<td>Basic Salary<\/td>\n<td id=\"slipBasic\">\u20b90<\/td>\n<\/tr>\n\n<tr>\n<td>TA \/ DA<\/td>\n<td id=\"slipTada\">\u20b90<\/td>\n<\/tr>\n\n<tr>\n<td>Daily Incentive<\/td>\n<td id=\"slipDaily\">\u20b90<\/td>\n<\/tr>\n\n<tr>\n<td>Monthly Incentive<\/td>\n<td id=\"slipMonthly\">\u20b90<\/td>\n<\/tr>\n\n<tr>\n<td>Working Days<\/td>\n<td id=\"slipWorking\">26<\/td>\n<\/tr>\n\n<tr class=\"highlight\">\n<td>Total Salary<\/td>\n<td id=\"slipTotal\">\u20b90<\/td>\n<\/tr>\n<\/table>\n\n<div class=\"footer\">\nGenerated By VIDITVA HR ERP ULTRA\n<\/div>\n<\/div>\n\n<\/div>\n\n<script>\n\nconst records = JSON.parse(localStorage.getItem('salaryRecords') || '[]')\n\nfunction showDate(){\nconst d = new Date()\ndocument.getElementById('todayDate').innerHTML = d.toLocaleDateString()\n}\n\nshowDate()\n\nfunction formatMoney(x){\nreturn '\u20b9' + Number(x).toLocaleString('en-IN')\n}\n\nfunction calculateSalary(){\n\nlet basic = Number(document.getElementById('basic').value)\nlet tada = Number(document.getElementById('tada').value)\n\nlet slab1 = Number(document.getElementById('slab1').value)\nlet slab2 = Number(document.getElementById('slab2').value)\nlet slab3 = Number(document.getElementById('slab3').value)\nlet slab4 = Number(document.getElementById('slab4').value)\n\nlet monthlySale = Number(document.getElementById('monthlySale').value)\nlet customers = Number(document.getElementById('customers').value)\n\nlet dailyIncentive =\n(slab1 * 50) + \n(slab2 * 110) +\n(slab3 * 250) +\n(slab4 * 400)\n\nlet monthlyIncentive = 0\n\nif(monthlySale >= 15000000 && customers >= 150){\nmonthlyIncentive = 50000\n}\nelse if(monthlySale >= 10000000 && customers >= 150){\nmonthlyIncentive = 25000\n}\nelse if(monthlySale >= 7000000 && customers >= 150){\nmonthlyIncentive = 12500\n}\nelse if(monthlySale >= 5000000 && customers >= 120){\nmonthlyIncentive = 6250\n}\nelse if(monthlySale >= 3500000 && customers >= 100){\nmonthlyIncentive = 3100\n}\n\nlet workingDays = Number(document.getElementById('workingDays').value || 26)\nlet approvedLeave = Number(document.getElementById('approvedLeave').value || 0)\nlet monthDays = Number(document.getElementById('monthDays').value || 30)\n\nlet payableDays = workingDays + approvedLeave\n\nlet finalBasic = (basic \/ monthDays) * payableDays\nlet finalTada = (tada \/ monthDays) * payableDays\nlet finalDailyIncentive = (dailyIncentive)\nlet finalMonthlyIncentive = (monthlyIncentive)\n\nlet totalSalary = finalBasic + finalTada + finalDailyIncentive + finalMonthlyIncentive\n\n\ndocument.getElementById('incentive').innerHTML = formatMoney(finalDailyIncentive + finalMonthlyIncentive)\ndocument.getElementById('salary').innerHTML = formatMoney(totalSalary)\ndocument.getElementById('sales').innerHTML = formatMoney(monthlySale)\n\n\/\/ Salary Slip\n\ndocument.getElementById('slipName').innerHTML = document.getElementById('name').value\ndocument.getElementById('slipId').innerHTML = document.getElementById('empid').value\ndocument.getElementById('slipCity').innerHTML = document.getElementById('city').value\ndocument.getElementById('slipJoin').innerHTML = document.getElementById('joining').value\n\ndocument.getElementById('slipBasic').innerHTML = formatMoney(finalBasic)\ndocument.getElementById('slipBasicTop').innerHTML = formatMoney(basic)\ndocument.getElementById('slipTada').innerHTML = formatMoney(finalTada)\ndocument.getElementById('slipTadaTop').innerHTML = formatMoney(tada)\ndocument.getElementById('slipDaily').innerHTML = formatMoney(finalDailyIncentive)\ndocument.getElementById('slipMonthly').innerHTML = formatMoney(finalMonthlyIncentive)\ndocument.getElementById('slipTotal').innerHTML = formatMoney(totalSalary)\ndocument.getElementById('slipWorking').innerHTML = workingDays + ' Days'\ndocument.getElementById('slipLeave').innerHTML = approvedLeave + ' Days'\ndocument.getElementById('slipMonthDays').innerHTML = monthDays + ' Days'\n\nwindow.currentRecord = {\nname: document.getElementById('name').value,\nid: document.getElementById('empid').value,\ncity: document.getElementById('city').value,\nsales: monthlySale,\nsalary: totalSalary\n}\n}\n\nfunction saveRecord(){\n\nif(!window.currentRecord){\nalert('Please calculate salary first')\nreturn\n}\n\nrecords.push(window.currentRecord)\nlocalStorage.setItem('salaryRecords', JSON.stringify(records))\nloadTable()\nalert('Record Saved Successfully')\n}\n\nfunction loadTable(){\n\nlet tbody = document.querySelector('#recordsTable tbody')\n\ntbody.innerHTML = ''\n\nrecords.forEach(r => {\n\nlet row = `\n<tr>\n<td>${r.name}<\/td>\n<td>${r.id}<\/td>\n<td>${r.city}<\/td>\n<td>${formatMoney(r.sales)}<\/td>\n<td>${formatMoney(r.salary)}<\/td>\n<\/tr>`\n\ntbody.innerHTML += row\n\n})\n}\n\nloadTable()\n\nfunction downloadSlip(){\n\nlet slipContent = document.getElementById('salarySlip').innerHTML\n\nlet html = `\n<html>\n<head>\n<title>Salary Slip<\/title>\n<style>\nbody{font-family:Arial;padding:20px}\ntable{width:100%;border-collapse:collapse}\nth,td{border:1px solid #ccc;padding:10px}\nth{background:#0039a6;color:white}\n.highlight{background:#fff7cc;font-weight:bold}\n<\/style>\n<\/head>\n<body>${slipContent}<\/body>\n<\/html>`\n\nlet blob = new Blob([html], {type:'text\/html'})\nlet a = document.createElement('a')\n\nlet emp = document.getElementById('name').value || 'employee'\n\na.href = URL.createObjectURL(blob)\na.download = emp + '_salary_slip.html'\na.click()\n}\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>VIDITVA HR ERP ULTRA VIDITVA HR ERP ULTRA \ud83c\udfe0 Dashboard \ud83d\udc68 Employees \ud83d\udcb0 Salary Calculator \ud83d\udcc4 Salary Slip \ud83d\udcca Reports […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"mstoreapp_likes":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1122","page","type-page","status-publish","hentry","_wholesalex wsx-wholesalex-product"],"_links":{"self":[{"href":"https:\/\/ksmnoida.com\/index.php?rest_route=\/wp\/v2\/pages\/1122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ksmnoida.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ksmnoida.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ksmnoida.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ksmnoida.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1122"}],"version-history":[{"count":2,"href":"https:\/\/ksmnoida.com\/index.php?rest_route=\/wp\/v2\/pages\/1122\/revisions"}],"predecessor-version":[{"id":1124,"href":"https:\/\/ksmnoida.com\/index.php?rest_route=\/wp\/v2\/pages\/1122\/revisions\/1124"}],"wp:attachment":[{"href":"https:\/\/ksmnoida.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}