<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>محاسبه‌گر اقساط</title>
    <link href="bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            direction: rtl;
        }

        .table th, .table td {
            text-align: center;
        }
    </style>
</head>
<body class="bg-light">
    <div class="container mt-5" style="
    background: white;
    padding: 25px;
    line-height: 30px;
    border-radius: 10px;
">
        <a href="/..">بازگشت</a>

        <h2 class="text-center mb-4">محاسبه‌گر اقساط </h2>


        <div class="row mb-3">
            <div class="col-md-4">
                <div class="mb-3">
                    <label for="inputPrice" class="form-label">مبلغ فاکتور(تومان):</label>
                    <input type="text" class="form-control number-input" id="inputPrice" placeholder="مبلغ فاکتور را وارد کنید" oninput="this.value = this.value.replace(/[^0-9,]/g, '')">
                </div>
            </div>
            <div class="col-md-4">
                <div class="mb-3">
                    <label for="inputPrepayment" class="form-label">مبلغ پیش پرداخت(تومان):</label>
                    <input type="text" class="form-control number-input" id="inputPrepayment" placeholder="مبلغ پیش پرداخت را وارد کنید" oninput="this.value = this.value.replace(/[^0-9,]/g, '')">
                </div>
            </div>
            <div class="col-md-4">
                <div class="mb-3">
                    <label for="inputBalance" class="form-label">مانده حساب(تومان):</label>
                    <input type="text" class="form-control" id="inputBalance" readonly disabled>
                </div>
            </div>
            <div class="col-md-12">
                کارمزد عملیاتی 4% و حداقل به مبلغ 500.000 تومان است که به مبلغ فاکتور اضافه می شود
            </div>
        </div>

        <button id="calculateBtn" class="btn btn-primary mb-3">محاسبه</button>

        <div class="table-responsive">
            <table id="resultTable" class="table table-bordered table-striped">
                <thead class="thead-dark">
                    <tr>
                        <th>تعداد ماه</th>
                        <th>درصد کارمزد</th>
                        <th>مبلغ کل کارمزد</th>
                        <th>مبلغ کل چک ها</th>
                        <th>چک هر قسط</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- محتوای جدول در اینجا قرار می‌گیرد -->
                </tbody>
            </table>
        </div>
        <div class="row ">
            <div class="col-md-12" style="
    font-size: 24px;
    font-weight: bold;
    padding: 10px;
">
                توضیحات:
            </div>
            <div class="col-md-12">
                ۱.مبلغ هر قسط حداکثر ۱۰میلیون تومان میتواند باشد.
                <br>
                ۲.چک صیادی قابل ثبت و انتقال باید باشد.
                <br>
                ۳.چک ضمانت باید به مبلغ کل چک ها و به تاریخ اولین قسط باشد.
                <br>

                <div style="background: #94bcf8;font-size: 20px;font-weight: bold;padding: 20px;line-height: 35px;border-radius: 20px;">
                    راه های ارتباطی:
                    <br>
                    ۰۹۲۱۴۸۳۲۷۵۵
                    <br>
                    SMS/Whatsapp/telegram/eitaa
                </div>

            </div>
        </div>

    </div>

    <script src="jquery-3.6.0.min.js"></script>
    <script src="bootstrap.bundle.min.js"></script>

    <script>
        let operating_fee = 4;//کارمزد عملیاتی
        let min_price_operating_fee = 500000;//حداقل مبلغ کارمزد عملیاتی
        let commission = 4.5; // مبلغ کارمزد از 4 شروع می‌شود
        let max_commision = 4.49; // حداکثر کارمزذ

    </script>
    <script>
        // تابع جداسازی اعداد با ویرگول
        function numberWithCommas(x) {
            return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        }

        // حذف ویرگول‌ها از اعداد
        function removeCommas(x) {
            return x.replace(/,/g, '');
        }

        // به‌روزرسانی مانده حساب و قالب‌بندی عدد
        $('.number-input').on('input', function () {
            let price = parseFloat(removeCommas($('#inputPrice').val())) || 0;
            let prepayment = parseFloat(removeCommas($('#inputPrepayment').val())) || 0;

            let price_operating_fee = price * operating_fee / 100;
            if (price_operating_fee < min_price_operating_fee)
                price_operating_fee = min_price_operating_fee;

            price += price_operating_fee;
            let balance = price - prepayment;

            $('#inputBalance').val(numberWithCommas(balance));

            $(this).val(numberWithCommas(removeCommas($(this).val()))); // اعمال جداسازی ویرگول
        });

        // محاسبه جدول پس از کلیک روی دکمه
        $('#calculateBtn').on('click', function () {
            const balance = parseFloat(removeCommas($('#inputBalance').val())) || 0;
            const tableBody = $('#resultTable tbody');
            tableBody.empty(); // پاک کردن محتوای جدول قبلی

            for (let i = 1; i <= 12; i++) {
                const row = $('<tr></tr>');

                // ستون اول: شماره ردیف
                const cell1 = $('<td></td>').text(i);

                // ستون دوم: مبلغ کارمزد
                const cell2 = $('<td></td>').text(numberWithCommas(commission.toFixed(1)));

                // ستون سوم: مبلغ کارمزد * شماره ردیف * مانده حساب
                const commissionAmount = commission * i * balance / 100;
                const cell3 = $('<td></td>').text(numberWithCommas(commissionAmount.toFixed(0)));

                // ستون چهارم: مجموع کارمزد + مانده حساب
                const totalWithCommission = commissionAmount + balance;
                const cell4 = $('<td></td>').text(numberWithCommas(totalWithCommission.toFixed(0)));

                // ستون پنجم: مبلغ هر قسط (مجموع کارمزد + مانده حساب) / شماره ردیف
                const installment = totalWithCommission / i;
                const cell5 = $('<td></td>').text(numberWithCommas(installment.toFixed(0)));

                row.append(cell1, cell2, cell3, cell4, cell5);
                tableBody.append(row);

                // افزایش کارمزد به اندازه 0.1 برای ردیف بعدی
                if (commission < max_commision)
                    commission += 0.1;
            }
        });
    </script>
</body>
</html>
