@extends('layouts.app')

@section('title', 'Asignación de Cuentas Contables')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h4 class="mb-0">
                        <i class="fas fa-calculator"></i> Asignación de Cuentas Contables
                    </h4>
                </div>
                <div class="card-body">
                    <!-- Filtros -->
                    <div class="row mb-4">
                        <div class="col-md-3">
                            <label for="filter_type" class="form-label">Tipo de Transacción</label>
                            <select name="filter_type" id="filter_type" class="form-select" onchange="applyFilters()">
                                <option value="">Todos los tipos</option>
                                <option value="sales_invoice" {{ $filterType === 'sales_invoice' ? 'selected' : '' }}>Facturas de Venta</option>
                                <option value="purchase_invoice" {{ $filterType === 'purchase_invoice' ? 'selected' : '' }}>Facturas de Compra</option>
                                <option value="expense" {{ $filterType === 'expense' ? 'selected' : '' }}>Gastos</option>
                                <option value="bank_transaction" {{ $filterType === 'bank_transaction' ? 'selected' : '' }}>Transacciones Bancarias</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label for="filter_date_from" class="form-label">Fecha Desde</label>
                            <input type="date" name="filter_date_from" id="filter_date_from" class="form-control" value="{{ $filterDateFrom }}" onchange="applyFilters()">
                        </div>
                        <div class="col-md-3">
                            <label for="filter_date_to" class="form-label">Fecha Hasta</label>
                            <input type="date" name="filter_date_to" id="filter_date_to" class="form-control" value="{{ $filterDateTo }}" onchange="applyFilters()">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">&nbsp;</label>
                            <div>
                                <a href="{{ route('admin.accounting.assign-accounts.index') }}" class="btn btn-secondary">
                                    <i class="fas fa-redo"></i> Limpiar Filtros
                                </a>
                            </div>
                        </div>
                    </div>

                    @if(session('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ session('success') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                    @endif

                    @if(session('error'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ session('error') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                    @endif

                    @if(session('errors') && is_array(session('errors')) && count(session('errors')) > 0)
                        <div class="alert alert-warning alert-dismissible fade show" role="alert">
                            <strong>Advertencias:</strong>
                            <ul class="mb-0">
                                @foreach(session('errors') as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                    @endif

                    <!-- Formulario de asignación -->
                    <form action="{{ route('admin.accounting.assign-accounts.store') }}" method="POST" id="assignAccountsForm">
                        @csrf
                        
                        @if($pendingTransactions->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped table-hover">
                                    <thead class="table-dark">
                                        <tr>
                                            <th width="50">
                                                <input type="checkbox" id="selectAll" onchange="toggleAll(this)">
                                            </th>
                                            <th>Tipo</th>
                                            <th>Número</th>
                                            <th>Fecha</th>
                                            <th>Descripción</th>
                                            <th>Monto</th>
                                            <th>Moneda</th>
                                            <th>Acciones</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($pendingTransactions as $transaction)
                                            <tr>
                                                <td>
                                                    <input type="checkbox" name="transactions[{{ $loop->index }}][id]" value="{{ $transaction['id'] }}" class="transaction-checkbox">
                                                    <input type="hidden" name="transactions[{{ $loop->index }}][type]" value="{{ $transaction['type'] }}">
                                                </td>
                                                <td>
                                                    <span class="badge bg-info">{{ $transaction['type_label'] }}</span>
                                                </td>
                                                <td><strong>{{ $transaction['number'] }}</strong></td>
                                                <td>{{ \Carbon\Carbon::parse($transaction['date'])->format('d/m/Y') }}</td>
                                                <td>{{ Str::limit($transaction['description'], 50) }}</td>
                                                <td class="text-end">
                                                    <strong>${{ number_format($transaction['amount'], 2) }}</strong>
                                                    @if($transaction['currency'] !== 'USD')
                                                        <br><small class="text-muted">USD: ${{ number_format($transaction['amount_usd'], 2) }}</small>
                                                    @endif
                                                </td>
                                                <td>{{ $transaction['currency'] }}</td>
                                                <td>
                                                    <button type="button" class="btn btn-sm btn-primary" onclick="processSingle('{{ $transaction['type'] }}', {{ $transaction['id'] }})">
                                                        <i class="fas fa-check"></i> Procesar
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                            <!-- Paginación -->
                            <div class="d-flex justify-content-between align-items-center mt-3">
                                <div>
                                    <p class="mb-0">
                                        Mostrando {{ $pendingTransactions->firstItem() }} a {{ $pendingTransactions->lastItem() }} de {{ $pendingTransactions->total() }} transacciones
                                    </p>
                                </div>
                                <div>
                                    {{ $pendingTransactions->links() }}
                                </div>
                            </div>

                            <!-- Botones de acción -->
                            <div class="mt-4">
                                <button type="submit" class="btn btn-success btn-lg" id="processSelectedBtn" disabled>
                                    <i class="fas fa-check-double"></i> Procesar Seleccionadas
                                </button>
                                <button type="button" class="btn btn-warning btn-lg" onclick="processAll()">
                                    <i class="fas fa-check-circle"></i> Procesar Todas
                                </button>
                                <a href="{{ route('admin.accounting.dashboard') }}" class="btn btn-secondary btn-lg">
                                    <i class="fas fa-arrow-left"></i> Volver al Dashboard
                                </a>
                            </div>
                        @else
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle"></i> No hay transacciones pendientes de contabilización.
                            </div>
                            <a href="{{ route('admin.accounting.dashboard') }}" class="btn btn-secondary">
                                <i class="fas fa-arrow-left"></i> Volver al Dashboard
                            </a>
                        @endif
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function toggleAll(checkbox) {
    const checkboxes = document.querySelectorAll('.transaction-checkbox');
    checkboxes.forEach(cb => cb.checked = checkbox.checked);
    updateProcessButton();
}

function updateProcessButton() {
    const checked = document.querySelectorAll('.transaction-checkbox:checked').length;
    const btn = document.getElementById('processSelectedBtn');
    btn.disabled = checked === 0;
    if (checked > 0) {
        btn.textContent = `Procesar Seleccionadas (${checked})`;
    } else {
        btn.textContent = 'Procesar Seleccionadas';
    }
}

document.querySelectorAll('.transaction-checkbox').forEach(cb => {
    cb.addEventListener('change', updateProcessButton);
});

function applyFilters() {
    const type = document.getElementById('filter_type').value;
    const dateFrom = document.getElementById('filter_date_from').value;
    const dateTo = document.getElementById('filter_date_to').value;
    
    const url = new URL(window.location.href);
    url.searchParams.set('type', type);
    url.searchParams.set('date_from', dateFrom);
    url.searchParams.set('date_to', dateTo);
    url.searchParams.set('page', '1');
    
    window.location.href = url.toString();
}

function processSingle(type, id) {
    if (confirm('¿Está seguro de que desea procesar esta transacción?')) {
        const form = document.createElement('form');
        form.method = 'POST';
        form.action = '{{ route("admin.accounting.assign-accounts.store") }}';
        
        const csrf = document.createElement('input');
        csrf.type = 'hidden';
        csrf.name = '_token';
        csrf.value = '{{ csrf_token() }}';
        form.appendChild(csrf);
        
        const transactionId = document.createElement('input');
        transactionId.type = 'hidden';
        transactionId.name = 'transactions[0][id]';
        transactionId.value = id;
        form.appendChild(transactionId);
        
        const transactionType = document.createElement('input');
        transactionType.type = 'hidden';
        transactionType.name = 'transactions[0][type]';
        transactionType.value = type;
        form.appendChild(transactionType);
        
        document.body.appendChild(form);
        form.submit();
    }
}

function processAll() {
    if (confirm('¿Está seguro de que desea procesar TODAS las transacciones pendientes?')) {
        document.querySelectorAll('.transaction-checkbox').forEach(cb => cb.checked = true);
        updateProcessButton();
        document.getElementById('assignAccountsForm').submit();
    }
}
</script>
@endsection