<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="محاسبه خسارت تاخیر تادیه">
	<meta http-equiv="Cache-Control" content="max-age=200">
	<link rel="icon" type="image/x-icon" href="../5.ico">
	 
	<link rel="stylesheet" href="../css/q4r6w1t9.css">
	<link rel="stylesheet" href="../css/b7x4p8q9.css">

	
	 <style>
       
		#resultContainerPrint {
    position: absolute; /* برای جابجایی ضروری است */
    z-index: 1000; /* اطمینان از نمایش بالاتر از عناصر دیگر */
    background-color: white; /* برای شفافیت بیشتر */
    border: 1px solid #ccc; /* حاشیه برای تشخیص بهتر */
    padding: 10px;
}

    </style>
	
	
</head>

 
<body> 

	
	
	
	<div class="top-bar1">
	  <button  class="but1" onclick="window.location.href='../index.html';"> صفحه اولیه</button> 
	    <button  class="but1 ">آموزش در ایتا</button>
		<button  class="but1 ">آموزش در سروش</button>
		
			<h1 style="font-family: B Zar; font-size: 14px; font-weight: bold; text-align: center; margin: 0 auto;">محاسبه کردن دستمزد کارشناسان در رشته های مختلف</h1>
	
	 
	</div> 
	
<div class="container">
	
	<div  style="background:White;  border: none; box-shadow: none;" class="box" ></div>
	
<div class="box" style="text-align: center;">																										  
        <!-- رادیو باتن‌ها برای انتخاب گذربند -->
 
		<a style="background-color: yellow; font-family: B Zar; font-size: 20px; font-weight: bold; text-align: center; display: block; padding: 5px;"   id="linessssss">ماده 20 تعرفه دستمزد کارشناسان</a>
        
           

        <!-- جدول اول برای "اگر گذربندی مشخص باشد" -->
        <div id="table011" class="table-container">
            <h1 style="background-color:red; font-family: B Zar; font-size: 14px; font-weight: bold; text-align: center;">تعیین حریم کانال ها و انهار با عرض بستر</h1>
            <table style="margin: 0 auto;">
                <!-- محتوای جدول 1 -->
				
				
				 <tr colspan="2">
                    <td >عرض بستر به متر:</td>
                    <td><input type="text" id="num2000" name="num2000" inputmode="numeric" class="in1 input-hover input-field" oninput="addCommas(this)" style="display: block; margin: 10px auto;"  placeholder="عرض را به متر وارد نماید"></td>
                </tr>
				
				
				
				
                <tr>
                    <td>طول به کیلومتر:</td>
                    <td><input type="text" id="num2011" name="num2011" inputmode="numeric" class="in1 input-hover input-field" oninput="addCommas(this)" style="display: block; margin: 10px auto;"  placeholder="مساحت را به کیلومتر وارد نماید"></td>
                </tr>
				
				<tr>
                    <td>دستمزد محاسبه:</td>
                    <td><input type="text" id="num2012" name="num2012" class="in1 input-hover input-field" style="display: block; margin: 10px auto;" readonly></td>
                </tr>
                
		<tr> <td><hr> </td> <td><hr> </td></tr>		
		
		
	<tr><td colspan="2"><label><input type="checkbox" id="toggleCheckbox1" onclick="toggleRowsGroup1('toggleCheckbox1')">هزینه های جانبی </td></label></tr>
	
		   <tr  class="hiddenrow" id="additionalRow24">
	
                <td  >
                    <select class="comboBox1" name="options1" id="options1">
                       <option value="" disabled selected>هزینه‌های جانبی</option>
                        <option value="option2">ماموریت داخل استان</option>
                        <option value="option3">ماموریت خارج استان</option>
                        <option value="option4">ماموریت خارج از کشور</option>
                        <option value="option5">هزینه ایاب و ذهاب</option>
                        <option value="option6">هزینه اقامت</option>
                        <option value="option7">هزینه غذا</option>
                    </select>
                </td>
                <td colspan="2">
                     <input type="text" id="number2011" name="number2011" inputmode="numeric" class="in1 input-hover input-field"  placeholder="مبلغ را به ریال وارد نمائید"  oninput="addCommas(this)"  onkeypress="moveToNextInput(event)">
                </td>
            </tr>
    
    <!-- ردیف هفت نفره -->
    <tr  class="hiddenrow" id="additionalRow25">
       <td  >
                    <select class="comboBox1" name="options2" id="options2">
                       <option value="" disabled selected>هزینه‌های جانبی</option>
                        <option value="option2">ماموریت داخل استان</option>
                        <option value="option3">ماموریت خارج استان</option>
                        <option value="option4">ماموریت خارج از کشور</option>
                        <option value="option5">هزینه ایاب و ذهاب</option>
                        <option value="option6">هزینه اقامت</option>
                        <option value="option7">هزینه غذا</option>
                    </select>
                </td>
   
    
      <td>
         <input type="text" id="number2012" name="number2012" inputmode="numeric" class="in1 input-hover input-field"  placeholder="مبلغ را به ریال وارد نمائید"  oninput="addCommas(this)"  onkeypress="moveToNextInput(event)">
      </td>
    </tr>
    
    <!-- ردیف نه نفره -->
    <tr  class="hiddenrow" id="additionalRow26">
       <td  >
                    <select class="comboBox1" name="options3" id="options3">
                       <option value="" disabled selected>هزینه‌های جانبی</option>
                        <option value="option2">ماموریت داخل استان</option>
                        <option value="option3">ماموریت خارج استان</option>
                        <option value="option4">ماموریت خارج از کشور</option>
                        <option value="option5">هزینه ایاب و ذهاب</option>
                        <option value="option6">هزینه اقامت</option>
                        <option value="option7">هزینه غذا</option>
                    </select>
                </td>
    
   
      <td>
          <input type="text" id="number2013" name="number2013" inputmode="numeric" class="in1 input-hover input-field"  placeholder="مبلغ را به ریال وارد نمائید"  oninput="addCommas(this)"  onkeypress="moveToNextInput(event)">
      </td>
    </tr>
   		<tr> <td><hr> </td> <td><hr> </td></tr>		
				
				
				 <tr  class="hiddenrow" id="additionalRow260">
                    <td>جمع دستمزد با هزینه های جانبی:</td>
                    <td><input type="text" id="num2013" name="num2013" class="in1 input-hover input-field" style="display: block; margin: 10px auto;" readonly></td>
                </tr>
				
				
	
	
				
            </table>
			<tr>
            <td><button class="but1" onclick="khesarat20()" >محاسبه</button></td>
            <td><button class="but1" onclick="clearInputs1()">پاکسازی </button></td>
            <td><button class="but1" onclick="printResultk20()">چاپ</button></td>
             
        </tr>
        </div>


			
</div>	
<div  style="background:White;  border: none; box-shadow: none;" class="box" ></div>
</div>	
	
	
	<div  class="box3" id="resultContainerPrint">
        <!-- This is where the results will be displayed -->
    </div>
	
		<div   style= " text-align: justify;"   id="tooltip" class="box4">
	<div   style="background-color: grey"   >راهنما</div>
	
        <button class="close-btn1" onclick="hideTooltip()">×</button>
        <p class="p-help">موضوع  محاسبه:</p>
		 
	 
		 <p >حالتی است که رای صارده اعسار دارد و وصولی ندارد و پیش قسط ندارد و درصد افزایش سالیانه ندارد و اقساط معوق ندارد.</p>
		
		
      
    </div>
 

<script>




function khesarat20() {
           var a1 = parseFloat(document.getElementById("num2000").value);
			var a2 = parseFloat(document.getElementById("num2011").value.replace(/,/g, '')) || 0;
			
			if (isNaN(a1) || a1 === 0 || isNaN(a2) || a2 === 0) {
				document.getElementById("num2012").value = "";
				return;
			}

			
			var a2011 = parseFloat(document.getElementById("number2011").value.replace(/,/g, '')) || 0;
			var a2012 = parseFloat(document.getElementById("number2012").value.replace(/,/g, '')) || 0;
			var a2013 = parseFloat(document.getElementById("number2013").value.replace(/,/g, '')) || 0;
			var a23 = a2011 + a2012 + a2013;
			
 
            var z1=a1;
             
			var z20;
			var z7;
			
			var r1;
			if (z1 <= 12) {
				r1 = a2 * 6000000;
				var z3 = (r1 > 60000000) ? 60000000 : r1;
			} else {
				r1 = a2 * 8000000;
				var z3 = (r1 > 100000000) ? 100000000 : r1;
			}
            document.getElementById("num2012").value = z3.toLocaleString('en');
            document.getElementById("num2013").value = (z3+a23).toLocaleString('en');
			 
        }
 


</script>



<script>


function printResultk20() {
    // ابتدا به دیو tooltip اسکرول می‌کنیم
    var target = document.getElementById('tooltip');
    target.scrollIntoView({ behavior: 'smooth' });
     
    // دریافت مقادیر از فیلدها
    var number2011 = document.getElementById('number2011').value;
    var number2012 = document.getElementById('number2012').value;
    var number2013 = document.getElementById('number2013').value;
    
    var num2011 = document.getElementById('num2011').value;
    var num2012 = document.getElementById('num2012').value;
    var num2013 = document.getElementById('num2013').value;
    var num2000 = document.getElementById('num2000').value;
     
    var selectElement1 = document.getElementById('options1');
    var selectedOption1 = selectElement1.options[selectElement1.selectedIndex].text;
    var selectElement2 = document.getElementById('options2');
    var selectedOption2 = selectElement2.options[selectElement2.selectedIndex].text;
    var selectElement3 = document.getElementById('options3');
    var selectedOption3 = selectElement3.options[selectElement3.selectedIndex].text;
	
    var resultContainer = document.getElementById('resultContainerPrint');

    // تنظیم محتوای پنجره نتیجه
    resultContainer.innerHTML = `
        <span class="close-btn" onclick="closeResult()">&times;</span>
		<p>ماده 20 تعرفه دستمزد کارشناسان</p>
        <p> عرض بستر: ${num2000} </p>
        <p> مساحت به کلیومتر: ${num2011} </p>
             
        <hr>
		 `;
		
		
		   // بررسی و اضافه کردن گزینه اول در صورت وجود مقدار
    if (number2011) {
        resultContainer.innerHTML += `
            <p>${selectedOption1} ${number2011}</p>
            <hr>
        `;
    }


  if (number2012) {
        resultContainer.innerHTML += `
             <p>${selectedOption2} ${number2012}</p>
            <hr>
        `;
    }
	
	
	  if (number2013) {
        resultContainer.innerHTML += `
         <p>${selectedOption3} ${number2013}</p>
            <hr>
        `;
    }


    // ادامه محتوای پنجره نتیجه
    resultContainer.innerHTML += `
	
       
        <hr>
        <p>دستمزد محاسبه: ${num2012}</p>
        
		<hr>
        <p>جمع دستمزد و هزینه های جانبی: ${num2013}</p>
         
         
        <button class="but1 button" onclick="printDiv('resultContainerPrint')">پرینت</button>
        <button class="but1 button" id="copyButton" onclick="copyToClipboard()">کپی</button>
    `;

    // نمایش پنجره نتیجه
    resultContainer.style.display = 'block';

    // ایجاد قابلیت جابجایی پنجره نتیجه
    makeElementDraggable(resultContainer);

    // اسکرول به پنجره نتیجه
    resultContainer.scrollIntoView({ behavior: 'smooth' });
}


</script>

<script>
//گزینه بستن پنجره		
function closeResult() {
     document.getElementById('resultContainerPrint').style.display = 'none';
}
</script>
<script>
if(!sessionStorage.getItem('hasReloaded')){const newUrl=window.location.href.split('?')[0]+'?t='+new Date().getTime();window.location.replace(newUrl);sessionStorage.setItem('hasReloaded','true');}else{sessionStorage.removeItem('hasReloaded');}



</script>

   
<script>
function printDiv(divId) {
    function updateDate() {
        var now = new Date();
        var options = { year: 'numeric', month: 'long', day: 'numeric' };
        return now.toLocaleDateString('fa-IR', options);
    }

    var divElement = document.getElementById(divId);
    
    if (!divElement) {
        console.error(`Element with ID ${divId} not found.`);
        return;
    }

    var divContent = divElement.innerHTML;

    var pages = divContent.split('<!--page-break-->');

    var pageTitle = document.title;

    function createPrintWindow(content, pageIndex, date) {
        var printWindow = window.open('', `PRINT${pageIndex}`, 'height=600,width=800');
        printWindow.document.open();
        printWindow.document.write(`
            <html>
            <head>
                <title>Print Page ${pageIndex + 1}</title>
                <style>
                    body {
                        text-align: center;
                        margin: 0;
                        padding: 20px;
                        direction: rtl;
                        font-family: Arial, sans-serif;
                    }
                    .page-title {
                        text-align: center;
                        font-size: 18px;
                        font-weight: bold;
                        margin-bottom: 20px;
                    }
                    .current-date, .page-number {
                        text-align: center;
                        font-size: 14px;
                        margin-bottom: 20px;
                    }
                    table {
                        border-collapse: collapse;
                        width: 100%;
                        margin: auto;
                    }
                    th, td {
                        border: 1px solid #d3d3d3;
                        padding: 8px;
                        text-align: center;
                    }
                    tr:nth-child(even) {
                        background-color: #e0e0e0;
                    }
                    @media print {
                        .page-title, .current-date, .page-number {
                            margin: 0;
                            padding: 0;
                        }
                        body {
                            margin: 0;
                            padding: 20px;
                        }
                        table {
                            width: 100%;
                            margin: auto;
                        }
                    }
                </style>
            </head>
            <body>
                <div class="page-title">${pageTitle}</div>
                <div class="current-date">تاریخ: ${date}</div>
                <div class="page-number">صفحه: ${pageIndex + 1}</div>
                ${content}
            </body>
            </html>
        `);
        printWindow.document.close();
        return printWindow;
    }

    function printPage(content, pageIndex, date) {
        if (content.trim() === '') return;
        
        var printWindow = createPrintWindow(content, pageIndex, date);
        printWindow.onload = () => {
            setTimeout(() => {
                printWindow.focus();
                printWindow.print();
                printWindow.close();
            }, 500);
        };
    }

    var currentDate = updateDate();

    pages.forEach((pageContent, index) => {
        if (pageContent.trim() !== '') {
            printPage(pageContent, index, currentDate);
        }
    });
}


</script>


<script>
function copyToClipboard() {
			var resultContainer = document.getElementById('resultContainerPrint');
			var range = document.createRange();
			range.selectNode(resultContainer);
			window.getSelection().removeAllRanges(); // Clear any existing selections
			window.getSelection().addRange(range); // Select the content of the result container
		
			try {
				var successful = document.execCommand('copy'); // Copy the selected content to the clipboard
				if (successful) {
					alert('نتیجه کپی شد!');
				} else {
					alert('کپی کردن ناموفق بود.');
				}
			} catch (err) {
				alert('کپی کردن پشتیبانی نمی‌شود.');
			}
		
			window.getSelection().removeAllRanges(); // Deselect the content
		}
</script>

  <script type="text/javascript" src="../js/k2j8h9fk.js"></script>
  
  
  
  
  <script>
 

 function makeElementDraggable(element) {
    var isDragging = false;
    var offsetX, offsetY;

    element.onmousedown = function (e) {
        isDragging = true;
        offsetX = e.clientX - element.offsetLeft;
        offsetY = e.clientY - element.offsetTop;
        element.style.position = "absolute"; // Ensure the element remains draggable
        document.onmousemove = function (e) {
            if (isDragging) {
                var newLeft = e.clientX - offsetX;
                var newTop = e.clientY - offsetY;

                // محدود کردن حرکت به داخل پنجره
                var minLeft = 0;
                var minTop = 0;
                var maxLeft = window.innerWidth - element.offsetWidth;
                var maxTop = window.innerHeight - element.offsetHeight;

                // اعمال محدودیت‌ها
                newLeft = Math.max(minLeft, Math.min(newLeft, maxLeft));
                newTop = Math.max(minTop, Math.min(newTop, maxTop));

                element.style.left = newLeft + "px";
                element.style.top = newTop + "px";
            }
        };
    };

    document.onmouseup = function () {
        isDragging = false;
        document.onmousemove = null; // Remove mousemove listener
    };
}

</script>

   
<script>
function addCommas(input) {
    // بررسی وجود input
    if (!input || !input.value) {
        alert('ورودی معتبر نیست.');
        return; // خروج از تابع در صورت عدم وجود ورودی
    }

    // حذف ویرگول‌های موجود در مقدار ورودی
    var value = input.value.replace(/,/g, ''); // استفاده از var به جای var برای سازگاری بیشتر

    // بررسی اینکه ورودی تنها شامل اعداد است
    if (/^\d*\.?\d*$/.test(value)) {
        // تبدیل مقدار ورودی به عدد
        var number = parseFloat(value);

        // اگر مقدار ورودی یک عدد معتبر است
        if (!isNaN(number)) {
            // تبدیل مقدار ورودی به رشته با ویرگول بین هر سه رقم
            var formattedNumber = number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');

            // تنظیم مقدار ورودی به شکل با ویرگول‌ها
            input.value = formattedNumber;
        }
    } else {
        // اخطار به کاربر در صورت ورود حروف
        alert('لطفاً فقط عدد وارد کنید.');
        input.value = ''; // پاک کردن ورودی
    }
}

</script>
</body>	
</html>

