<?php 
include 'includes/header.php'; 

// Check if a price is passed from the car details page
$pre_filled_price = isset($_GET['price']) ? htmlspecialchars($_GET['price']) : '';
?>

<main class="container my-5 pt-5">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="glass-card p-4 p-md-5">
                <h2 class="text-center mb-4">حاسبة القسط الشهرية</h2>
                <p class="text-center text-muted mb-4">أدخل بيانات السيارة المطلوبة لحساب قيمة القسط الشهري المتوقعة.</p>
                
                <form id="calculator-form">
                    <div class="mb-3">
                        <label for="total_price" class="form-label">إجمالي سعر السيارة (بالجنيه)</label>
                        <input type="number" class="form-control form-control-lg" id="total_price" value="<?= $pre_filled_price ?>" required>
                    </div>

                    <div class="mb-3">
                        <label for="down_payment" class="form-label">المقدم المدفوع</label>
                        <input type="number" class="form-control form-control-lg" id="down_payment" required>
                    </div>

                    <div class="mb-3">
                        <label for="loan_period" class="form-label">فترة السداد (بالسنوات)</label>
                        <select class="form-select form-select-lg" id="loan_period">
                            <option value="1">سنة واحدة</option>
                            <option value="2">سنتان</option>
                            <option value="3">3 سنوات</option>
                            <option value="4">4 سنوات</option>
                            <option value="5" selected>5 سنوات</option>
                            <option value="6">6 سنوات</option>
                            <option value="7">7 سنوات</option>
                        </select>
                    </div>

                     <div class="mb-4">
                        <label for="interest_rate" class="form-label">نسبة الفائدة السنوية (%)</label>
                        <input type="number" class="form-control form-control-lg" id="interest_rate" value="10" required>
                    </div>

                    <div class="d-grid">
                        <button type="submit" class="btn btn-danger btn-lg">احسب القسط</button>
                    </div>
                </form>

                <!-- Results -->
                <div id="results" class="mt-5 text-center" style="display: none;">
                    <hr>
                    <h3 class="mb-4">النتائج</h3>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="p-3 bg-dark rounded">
                                <h4>القسط الشهري</h4>
                                <p id="monthly-payment" class="fs-3 text-danger fw-bold mb-0"></p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="p-3 bg-dark rounded">
                                <h4>مبلغ التمويل</h4>
                                <p id="loan-amount" class="fs-3 fw-bold mb-0"></p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="p-3 bg-dark rounded">
                                <h4>إجمالي المبلغ المدفوع</h4>
                                <p id="total-paid" class="fs-3 fw-bold mb-0"></p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</main>

<?php include 'includes/footer.php'; ?>

<script>
document.getElementById('calculator-form').addEventListener('submit', function(e) {
    e.preventDefault();

    // Get values
    const totalPrice = parseFloat(document.getElementById('total_price').value);
    const downPayment = parseFloat(document.getElementById('down_payment').value);
    const loanPeriodYears = parseInt(document.getElementById('loan_period').value);
    const annualInterestRate = parseFloat(document.getElementById('interest_rate').value) / 100;

    // Validate inputs
    if (isNaN(totalPrice) || isNaN(downPayment) || totalPrice <= downPayment) {
        Swal.fire({
            title: 'خطأ في الإدخال',
            text: 'الرجاء التأكد من أن سعر السيارة أكبر من المقدم المدفوع.',
            icon: 'error',
            confirmButtonText: 'حسناً',
            background: '#333',
            color: '#fff'
        });
        return;
    }

    // Calculations
    const loanAmount = totalPrice - downPayment;
    const numberOfMonths = loanPeriodYears * 12;
    const monthlyInterestRate = annualInterestRate / 12;

    let monthlyPayment;
    if (monthlyInterestRate === 0) {
        monthlyPayment = loanAmount / numberOfMonths;
    } else {
        monthlyPayment = loanAmount * (monthlyInterestRate * Math.pow(1 + monthlyInterestRate, numberOfMonths)) / (Math.pow(1 + monthlyInterestRate, numberOfMonths) - 1);
    }
    
    const totalPaid = (monthlyPayment * numberOfMonths) + downPayment;

    // Display results
    document.getElementById('results').style.display = 'block';
    document.getElementById('monthly-payment').textContent = Math.round(monthlyPayment).toLocaleString() + ' جنيه';
    document.getElementById('loan-amount').textContent = loanAmount.toLocaleString() + ' جنيه';
    document.getElementById('total-paid').textContent = Math.round(totalPaid).toLocaleString() + ' جنيه';
});
</script>