{{-- resources/views/cases/partials/allocate-payment-modal.blade.php --}}
<div id="allocatePaymentModal" class="modal-overlay" style="display: none;">
    <div class="modal-content" style="max-width: 600px;">
        <div class="modal-header">
            <h5><i class="bi bi-pie-chart"></i> Распределить платеж</h5>
            <button type="button" class="btn btn-outline btn-sm" onclick="closeModal('allocatePaymentModal')">
                <i class="bi bi-x"></i>
            </button>
        </div>
        <div class="modal-body" style="font-size: 13px;">
            <form id="allocatePaymentForm" method="POST">
                @csrf
                <input type="hidden" name="payment_id" id="allocatePaymentId">
                
                <div style="background: #f9fafb; padding: 15px; border-radius: 6px; margin-bottom: 20px;">
                    <div style="font-size: 12px; color: var(--gray); margin-bottom: 10px;">
                        СУММА ПЛАТЕЖА: <strong id="allocatePaymentAmount" style="color: var(--success);">0 ₽</strong>
                    </div>
                    <div style="font-size: 12px; color: var(--gray); margin-bottom: 10px;">
                        ТЕКУЩИЕ ОСТАТКИ:
                    </div>
                    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; font-size: 12px;">
                        <div>
                            <small>Основной долг:</small>
                            <strong style="color: var(--danger); display: block;">{{ number_format($remainingPrincipal, 0, ',', ' ') }} ₽</strong>
                        </div>
                        <div>
                            <small>Пени:</small>
                            <strong style="color: var(--warning); display: block;">{{ number_format($remainingPenalty, 0, ',', ' ') }} ₽</strong>
                        </div>
                        <div>
                            <small>Суд. расходы:</small>
                            <strong style="color: var(--info); display: block;">{{ number_format($remainingCourtCosts, 0, ',', ' ') }} ₽</strong>
                        </div>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">В счет основного долга</label>
                        <input type="number" step="0.01" class="form-control" 
                               name="principal_portion" id="allocPrincipal" value="0"
                               onchange="checkAllocationTotal()">
                    </div>
                    <div class="form-group">
                        <label class="form-label">В счет пени</label>
                        <input type="number" step="0.01" class="form-control" 
                               name="penalty_portion" id="allocPenalty" value="0"
                               onchange="checkAllocationTotal()">
                    </div>
                    <div class="form-group">
                        <label class="form-label">В счет суд. расходов</label>
                        <input type="number" step="0.01" class="form-control" 
                               name="court_cost_portion" id="allocCourtCosts" value="0"
                               onchange="checkAllocationTotal()">
                    </div>
                </div>
                <div style="font-size: 12px; color: var(--gray); margin-top: 5px;" id="allocInfo">
                    Осталось распределить: 0.00 ₽
                </div>
            </form>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-outline" onclick="closeModal('allocatePaymentModal')">Отмена</button>
            <button type="button" class="btn btn-success" onclick="submitAllocation()">
                <i class="bi bi-check-circle"></i> Сохранить распределение
            </button>
        </div>
    </div>
</div>

<script>
var currentPaymentAmount = 0;

function openAllocateModal(paymentId, amount) {
    currentPaymentAmount = parseFloat(amount);
    document.getElementById('allocatePaymentId').value = paymentId;
    document.getElementById('allocatePaymentAmount').textContent = numberFormat(amount) + ' ₽';
    
    var totalRem = {{ $totalRemaining }};
    var remPrincipal = {{ $remainingPrincipal }};
    var remPenalty = {{ $remainingPenalty }};
    
    if (totalRem > 0 && currentPaymentAmount > 0) {
        var ratioP = remPrincipal / totalRem;
        var ratioPen = remPenalty / totalRem;
        
        document.getElementById('allocPrincipal').value = Math.round(currentPaymentAmount * ratioP * 100) / 100;
        document.getElementById('allocPenalty').value = Math.round(currentPaymentAmount * ratioPen * 100) / 100;
        document.getElementById('allocCourtCosts').value = Math.round((currentPaymentAmount - currentPaymentAmount * ratioP - currentPaymentAmount * ratioPen) * 100) / 100;
    } else {
        document.getElementById('allocPrincipal').value = currentPaymentAmount;
        document.getElementById('allocPenalty').value = 0;
        document.getElementById('allocCourtCosts').value = 0;
    }
    
    checkAllocationTotal();
    document.getElementById('allocatePaymentModal').style.display = 'flex';
}

function checkAllocationTotal() {
    var principal = parseFloat(document.getElementById('allocPrincipal').value) || 0;
    var penalty = parseFloat(document.getElementById('allocPenalty').value) || 0;
    var court = parseFloat(document.getElementById('allocCourtCosts').value) || 0;
    
    var allocated = principal + penalty + court;
    var remaining = currentPaymentAmount - allocated;
    
    var info = document.getElementById('allocInfo');
    if (Math.abs(remaining) < 0.01) {
        info.innerHTML = '<span style="color: var(--success);">✓ Сумма распределена полностью</span>';
    } else if (remaining > 0) {
        info.innerHTML = '<span style="color: var(--warning);">Осталось распределить: ' + remaining.toFixed(2) + ' ₽</span>';
    } else {
        info.innerHTML = '<span style="color: var(--danger);">Превышение на: ' + Math.abs(remaining).toFixed(2) + ' ₽</span>';
    }
}

function submitAllocation() {
    var paymentId = document.getElementById('allocatePaymentId').value;
    var form = document.getElementById('allocatePaymentForm');
    form.action = '/cases/{{ $case->id }}/payments/' + paymentId + '/allocate';
    form.submit();
}

function numberFormat(number) {
    return new Intl.NumberFormat('ru-RU', { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(number);
}
</script>