<div class="add-capital-container">
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">نیا سرمایہ ڈالیں (Add New Capital / Investment)</h3>
        </div>
        <div class="card-body">
            <div class="alert alert-info">
                <i class="fas fa-info-circle"></i> 
                اس فارم کے ذریعے آپ کاروبار میں نیا سرمایہ (نقد یا بینک) شامل کر سکتے ہیں۔ سسٹم خود بخود اس کی اکاؤنٹنگ انٹری مکمل کر لے گا۔
            </div>

            <form id="addCapitalForm">
                <div class="form-grid-2">
                    <div class="form-group">
                        <label class="form-label">تاریخ (Date)</label>
                        <input type="date" id="acDate" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label class="form-label">رقم (Investment Amount RS)</label>
                        <input type="number" id="acAmount" class="form-control fw-bold fs-3 text-primary" placeholder="0.00" step="0.01" required>
                    </div>
                </div>

                <div class="form-group mt-3">
                    <label class="form-label">تفصیل / ریمارکس (Description / Remarks)</label>
                    <textarea id="acNarration" class="form-control" rows="3" placeholder="مثلاً: مالک کی طرف سے نئی سرمایہ کاری، یا بینک ٹرانسفر..."></textarea>
                </div>

                <div class="form-actions mt-4">
                    <button type="submit" class="btn btn-primary w-100 fs-4 py-2">
                        <i class="fas fa-plus-circle"></i> سرمایہ شامل کریں (Save Investment)
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
async function initOpeningVoucher() {
    // Note: We keep the function name initOpeningVoucher because the router maps #opening-voucher to it,
    // but the UI and logic are now for "Add Capital".
    
    const $form = $('#addCapitalForm');
    const $submitBtn = $form.find('button[type="submit"]');

    // 1. Set default date
    $('#acDate').val(Utils.getISODate());

    // 2. Form Submission
    $form.on('submit', async function(e) {
        e.preventDefault();

        const amount = parseFloat($('#acAmount').val());
        if (!amount || amount <= 0) {
            Toast.warning("براہ کرم درست رقم درج کریں۔");
            return;
        }

        const payload = {
            date: $('#acDate').val(),
            amount: amount,
            narration: $('#acNarration').val() || 'نیا سرمایہ (New Investment)'
        };

        $submitBtn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> محفوظ ہو رہا ہے...');

        try {
            const res = await API.post('/journals/add-capital', payload);
            if (res.success) {
                Toast.success("✅ سرمایہ کامیابی سے شامل کر دیا گیا ہے۔");
                $form[0].reset();
                $('#acDate').val(Utils.getISODate());
                
                // Show a sweet alert if available for extra "WOW" factor
                if (typeof Swal !== 'undefined') {
                    Swal.fire({
                        icon: 'success',
                        title: 'کامیابی!',
                        text: 'آپ کا نیا سرمایہ سسٹم میں شامل ہو چکا ہے۔',
                        confirmButtonText: 'ٹھیک ہے',
                        timer: 3000
                    });
                }
            }
        } catch (err) {
            // Error handled by API helper
        } finally {
            $submitBtn.prop('disabled', false).html('<i class="fas fa-plus-circle"></i> سرمایہ شامل کریں (Save Investment)');
        }
    });

    Utils.setupEnterNavigation('#addCapitalForm');
}
</script>
