@extends('layouts.app')

@section('title', 'Платежи клиентов')

@section('content')
<style>
.payment-checkbox {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.mass-actions {
    display: none;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #e8f5e9;
    border-radius: 5px;
    align-items: center;
    gap: 15px;
}
.mass-actions.show {
    display: flex;
}
.select-all-checkbox {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.filter-form {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}
</style>

<div class="container-fluid px-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1>Платежи клиентов</h1>
        <div>
            <a href="{{ route('payments.create') }}" class="btn btn-primary">+ Добавить платеж</a>
            <a href="{{ route('payments.import') }}" class="btn btn-secondary">Импорт из Excel</a>
        </div>
    </div>
    
    {{-- Фильтры --}}
    <div class="filter-form">
        <form method="GET" action="" class="row g-3">
            <div class="col-md-4">
                <label for="search" class="form-label">Поиск (счет или ФИО)</label>
                <input type="text" class="form-control" id="search" name="search" 
                       value="{{ request('search') }}" placeholder="Введите номер счета или ФИО...">
            </div>
            <div class="col-md-3">
                <label for="distributed_filter" class="form-label">Статус распределения</label>
                <select class="form-control" id="distributed_filter" name="distributed_filter">
                    <option value="">Все платежи</option>
                    <option value="not_distributed" {{ request('distributed_filter') == 'not_distributed' ? 'selected' : '' }}>Не распределенные</option>
                    <option value="distributed" {{ request('distributed_filter') == 'distributed' ? 'selected' : '' }}>Распределенные</option>
                </select>
            </div>
            <div class="col-md-2 d-flex align-items-end">
                <button type="submit" class="btn btn-primary w-100">Применить</button>
            </div>
            <div class="col-md-3 d-flex align-items-end">
                <a href="{{ route('payments.index') }}" class="btn btn-secondary w-100">Сбросить фильтры</a>
            </div>
        </form>
    </div>
    
    {{-- Массовые действия --}}
    <div id="massActions" class="mass-actions">
        <input type="checkbox" id="selectAll" class="select-all-checkbox">
        <label for="selectAll" class="mb-0">Выбрать все</label>
        <button id="autoDistributeSelected" class="btn btn-success btn-sm">
            <i class="fas fa-magic"></i> Автораспределить выбранные
        </button>
        <span id="selectedCount" class="text-muted">Выбрано: 0</span>
    </div>
    
    {{-- Таблица платежей --}}
    <div class="table-responsive">
        <table class="table table-bordered table-striped">
            <thead class="table-light">
                <tr>
                    <th width="30">
                        <input type="checkbox" id="headerSelectAll" class="select-all-checkbox">
                    </th>
                    <th>ID</th>
                    <th>Дата</th>
                    <th>№ счета</th>
                    <th>Клиент</th>
                    <th>Сумма</th>
                    <th>Тип</th>
                    <th>Статус</th>
                    <th>Распределен</th>
                    <th>Действия</th>
                </tr>
            </thead>
            <tbody>
                @forelse($payments as $payment)
                <tr>
                    <td>
                        @if(!$payment->distributed)
                            <input type="checkbox" class="payment-checkbox" data-payment-id="{{ $payment->id }}" data-payment-amount="{{ $payment->amount }}" data-account-number="{{ $payment->account_number }}">
                        @endif
                    </td>
                    <td>{{ $payment->id }}</td>
                    <td>{{ $payment->payment_date ? date('d.m.Y', strtotime($payment->payment_date)) : '-' }}</td>
                    <td>{{ $payment->account_number }}</td>
                    <td>
                        @if($payment->consumer)
                            <a href="{{ route('clients.show', $payment->consumer->id) }}">
                                {{ $payment->consumer->full_name }}
                            </a>
                        @else
                            {{ $payment->account_number }}
                        @endif
                    </td>
                    <td class="text-end"><strong>{{ number_format($payment->amount, 2, '.', ' ') }} ₽</strong></td>
                    <td>
                        @php
                            $types = ['cash' => '💰 Наличные', 'bank' => '🏦 Банк', 'card' => '💳 Карта', 'online' => '🌐 Онлайн'];
                        @endphp
                        {{ $types[$payment->payment_type] ?? $payment->payment_type }}
                    </td>
                    <td>
                        @if($payment->status == 'completed')
                            <span class="badge bg-success">Завершен</span>
                        @elseif($payment->status == 'pending')
                            <span class="badge bg-warning text-dark">Ожидает</span>
                        @else
                            <span class="badge bg-secondary">{{ $payment->status }}</span>
                        @endif
                    </td>
                    <td>
                        @if($payment->distributed)
                            <span class="badge bg-success">✓ Распределен</span>
                        @else
                            <span class="badge bg-warning text-dark">⚠ Не распределен</span>
                        @endif
                    </td>
                    <td>
                        <a href="{{ route('payments.show', $payment->id) }}" class="btn btn-sm btn-info">Просмотр</a>
                        @if(!$payment->distributed)
                            <a href="{{ route('payments.distribute.form', $payment->id) }}" class="btn btn-sm btn-warning">Разнести</a>
                        @endif
                        <form action="{{ route('payments.destroy', $payment->id) }}" method="POST" class="d-inline">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Удалить платеж?')">Удалить</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="10" class="text-center">Нет данных</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    
    {{ $payments->links() }}
</div>

<script>
// Массовое автораспределение
document.getElementById('autoDistributeSelected')?.addEventListener('click', async function() {
    const selectedPayments = [];
    document.querySelectorAll('.payment-checkbox:checked').forEach(cb => {
        selectedPayments.push({
            id: cb.dataset.paymentId,
            amount: parseFloat(cb.dataset.paymentAmount),
            account_number: cb.dataset.accountNumber
        });
    });
    
    if (selectedPayments.length === 0) {
        alert('Выберите хотя бы один платеж');
        return;
    }
    
    if (!confirm(`Выбрано ${selectedPayments.length} платежей. Произвести автоматическое распределение?`)) {
        return;
    }
    
    showStatus('Распределение платежей...', 'info');
    
    let successCount = 0;
    let errorCount = 0;
    const errors = [];
    
    for (const payment of selectedPayments) {
        try {
            // Получаем активные долги клиента
            const debtsResponse = await fetch(`/api/client/${payment.account_number}/active-debts`);
            const debts = await debtsResponse.json();
            
            if (!debts || debts.length === 0) {
                errors.push(`Платеж #${payment.id}: нет активных долгов`);
                errorCount++;
                continue;
            }
            
            // Формируем распределение по приоритету (издержки → пени → основной долг)
            let remaining = payment.amount;
            const distributions = [];
            
            // Сначала издержки
            for (const debt of debts) {
                if (remaining <= 0) break;
                if (debt.remaining_costs > 0) {
                    const toPay = Math.min(debt.remaining_costs, remaining);
                    distributions.push({
                        document_id: debt.id,
                        amount: toPay,
                        type: 'costs'
                    });
                    remaining -= toPay;
                }
            }
            
            // Затем пени
            for (const debt of debts) {
                if (remaining <= 0) break;
                if (debt.remaining_penalties > 0) {
                    const toPay = Math.min(debt.remaining_penalties, remaining);
                    distributions.push({
                        document_id: debt.id,
                        amount: toPay,
                        type: 'penalty'
                    });
                    remaining -= toPay;
                }
            }
            
            // Затем основной долг
            for (const debt of debts) {
                if (remaining <= 0) break;
                if (debt.remaining_principal > 0) {
                    const toPay = Math.min(debt.remaining_principal, remaining);
                    distributions.push({
                        document_id: debt.id,
                        amount: toPay,
                        type: 'principal'
                    });
                    remaining -= toPay;
                }
            }
            
            if (distributions.length === 0) {
                errors.push(`Платеж #${payment.id}: нет доступных долгов для распределения`);
                errorCount++;
                continue;
            }
            
            // Отправляем распределение
            const formData = new FormData();
            formData.append('distributions', JSON.stringify(distributions));
            
            const response = await fetch(`/payments/${payment.id}/distribute`, {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                },
                body: formData
            });
            
            if (response.ok) {
                successCount++;
                // Обновляем статус в таблице
                const row = document.querySelector(`input[data-payment-id="${payment.id}"]`)?.closest('tr');
                if (row) {
                    const statusCell = row.querySelector('td:nth-child(9)');
                    if (statusCell) statusCell.innerHTML = '<span class="badge bg-success">✓ Распределен</span>';
                    const checkbox = row.querySelector('.payment-checkbox');
                    if (checkbox) checkbox.remove();
                }
            } else {
                errors.push(`Платеж #${payment.id}: ошибка при распределении`);
                errorCount++;
            }
        } catch (error) {
            errors.push(`Платеж #${payment.id}: ${error.message}`);
            errorCount++;
        }
    }
    
    let message = `Распределено успешно: ${successCount}`;
    if (errorCount > 0) {
        message += `, ошибок: ${errorCount}`;
        alert(message + '\n\n' + errors.slice(0, 5).join('\n'));
    } else {
        alert(message);
    }
    
    // Обновляем счетчик выбранных
    updateSelectedCount();
    location.reload();
});

// Выделение всех чекбоксов
function setupSelectAll() {
    const selectAllCheckboxes = document.querySelectorAll('#selectAll, #headerSelectAll');
    const paymentCheckboxes = document.querySelectorAll('.payment-checkbox');
    
    selectAllCheckboxes.forEach(selectAll => {
        selectAll.addEventListener('change', function() {
            paymentCheckboxes.forEach(cb => {
                cb.checked = this.checked;
            });
            updateSelectedCount();
        });
    });
    
    paymentCheckboxes.forEach(cb => {
        cb.addEventListener('change', updateSelectedCount);
    });
}

// Обновление счетчика выбранных и отображение панели массовых действий
function updateSelectedCount() {
    const selected = document.querySelectorAll('.payment-checkbox:checked');
    const count = selected.length;
    const massActions = document.getElementById('massActions');
    const selectedCountSpan = document.getElementById('selectedCount');
    
    if (count > 0) {
        massActions.classList.add('show');
        if (selectedCountSpan) selectedCountSpan.textContent = `Выбрано: ${count}`;
    } else {
        massActions.classList.remove('show');
    }
    
    // Обновляем состояние "Выбрать все"
    const allCheckboxes = document.querySelectorAll('.payment-checkbox');
    const selectAllCheckboxes = document.querySelectorAll('#selectAll, #headerSelectAll');
    const allChecked = allCheckboxes.length > 0 && Array.from(allCheckboxes).every(cb => cb.checked);
    
    selectAllCheckboxes.forEach(selectAll => {
        selectAll.checked = allChecked;
        selectAll.indeterminate = !allChecked && Array.from(allCheckboxes).some(cb => cb.checked);
    });
}

function showStatus(message, type) {
    const statusDiv = document.getElementById('statusMessage');
    if (statusDiv) {
        statusDiv.textContent = message;
        statusDiv.className = 'status-message status-' + type;
        statusDiv.classList.remove('hidden');
        setTimeout(() => statusDiv.classList.add('hidden'), 3000);
    }
}
    
    // Массовое автораспределение
    document.getElementById('autoDistributeSelected')?.addEventListener('click', async function() {
        const selectedPayments = [];
        document.querySelectorAll('.payment-checkbox:checked').forEach(cb => {
            selectedPayments.push({
                id: cb.dataset.paymentId,
                amount: parseFloat(cb.dataset.paymentAmount),
                account_number: cb.dataset.accountNumber
            });
        });
        
        if (selectedPayments.length === 0) {
            alert('Выберите хотя бы один платеж');
            return;
        }
        
        if (!confirm(`Выбрано ${selectedPayments.length} платежей. Произвести автоматическое распределение?`)) {
            return;
        }
        
        showStatus('Распределение платежей...', 'info');
        
        let successCount = 0;
        let errorCount = 0;
        const errors = [];
        
        for (const payment of selectedPayments) {
            try {
                console.log('Обработка платежа:', payment.id, 'Счет:', payment.account_number);
                
                // Получаем активные долги клиента
                const debtsResponse = await fetch(`/api/client/${payment.account_number}/active-debts`);
                
                if (!debtsResponse.ok) {
                    throw new Error(`HTTP ${debtsResponse.status}`);
                }
                
                const debts = await debtsResponse.json();
                console.log('Получены долги:', debts);
                
                if (!debts || debts.length === 0) {
                    errors.push(`Платеж #${payment.id}: нет активных долгов`);
                    errorCount++;
                    continue;
                }
                
                // Формируем распределение по приоритету (издержки → пени → основной долг)
                let remaining = payment.amount;
                const distributions = [];
                
                // Сначала издержки
                for (const debt of debts) {
                    if (remaining <= 0.01) break;
                    if (debt.remaining_costs > 0) {
                        const toPay = Math.min(debt.remaining_costs, remaining);
                        distributions.push({
                            document_id: debt.id,
                            amount: toPay,
                            type: 'costs'
                        });
                        remaining -= toPay;
                        remaining = Math.round(remaining * 100) / 100;
                    }
                }
                
                // Затем пени
                for (const debt of debts) {
                    if (remaining <= 0.01) break;
                    if (debt.remaining_penalties > 0) {
                        const toPay = Math.min(debt.remaining_penalties, remaining);
                        distributions.push({
                            document_id: debt.id,
                            amount: toPay,
                            type: 'penalty'
                        });
                        remaining -= toPay;
                        remaining = Math.round(remaining * 100) / 100;
                    }
                }
                
                // Затем основной долг
                for (const debt of debts) {
                    if (remaining <= 0.01) break;
                    if (debt.remaining_principal > 0) {
                        const toPay = Math.min(debt.remaining_principal, remaining);
                        distributions.push({
                            document_id: debt.id,
                            amount: toPay,
                            type: 'principal'
                        });
                        remaining -= toPay;
                        remaining = Math.round(remaining * 100) / 100;
                    }
                }
                
                if (distributions.length === 0) {
                    errors.push(`Платеж #${payment.id}: нет доступных долгов для распределения`);
                    errorCount++;
                    continue;
                }
                
                console.log('Распределение для платежа', payment.id, ':', distributions);
                
                // Отправляем распределение
                const formData = new FormData();
                formData.append('distributions', JSON.stringify(distributions));
                formData.append('_token', document.querySelector('meta[name="csrf-token"]').getAttribute('content'));
                
                const response = await fetch(`/payments/${payment.id}/distribute`, {
                    method: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                    },
                    body: formData
                });
                
                const result = await response.json();
                
                if (result.success) {
                    successCount++;
                    // Обновляем статус в таблице
                    const row = document.querySelector(`input[data-payment-id="${payment.id}"]`)?.closest('tr');
                    if (row) {
                        const statusCell = row.querySelector('td:nth-child(9)');
                        if (statusCell) statusCell.innerHTML = '<span class="badge bg-success">✓ Распределен</span>';
                        const checkbox = row.querySelector('.payment-checkbox');
                        if (checkbox) checkbox.remove();
                    }
                } else {
                    errors.push(`Платеж #${payment.id}: ${result.message || 'ошибка'}`);
                    errorCount++;
                }
            } catch (error) {
                console.error('Ошибка при распределении платежа', payment.id, ':', error);
                errors.push(`Платеж #${payment.id}: ${error.message}`);
                errorCount++;
            }
        }
        
        let message = `Распределено успешно: ${successCount}`;
        if (errorCount > 0) {
            message += `, ошибок: ${errorCount}`;
            if (errors.length > 0) {
                message += '\n\n' + errors.slice(0, 10).join('\n');
            }
            alert(message);
        } else {
            alert(message);
        }
        
        // Обновляем счетчик выбранных и перезагружаем страницу
        setTimeout(() => location.reload(), 1500);
    });
// Инициализация
document.addEventListener('DOMContentLoaded', function() {
    setupSelectAll();
    updateSelectedCount();
});
</script>
@endsection