@extends('layouts.app')

@section('content')
<main class="main-content">
    <div class="page-header">
        <h1 class="page-title">Resultado Consolidado</h1>
        <p class="page-subtitle">Análise de receitas e despesas</p>
    </div>

    <div class="users-card mb-4">
        <div class="users-header">
            <h3 class="users-title"><i class="fas fa-filter"></i> Filtros</h3>
        </div>
        <form action="{{ route('relatorios.consolidado') }}" method="GET" class="mt-3">
            <div class="row">
                <div class="col-md-3 mb-2">
                    <label class="form-label small">Mês</label>
                    <select class="form-control" name="mes">
                        @foreach($meses as $key => $nome)
                            <option value="{{ $key }}" {{ $mes == $key ? 'selected' : '' }}>{{ $nome }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3 mb-2">
                    <label class="form-label small">Ano</label>
                    <select class="form-control" name="ano">
                        @foreach($anos as $a)
                            <option value="{{ $a }}" {{ $ano == $a ? 'selected' : '' }}>{{ $a }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6 mb-2 d-flex align-items-end gap-2">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-search"></i> Filtrar
                    </button>
                    <div class="dropdown">
                        <button class="btn btn-danger dropdown-toggle" type="button" id="dropdownPrint" data-bs-toggle="dropdown" aria-expanded="false" style="height: 47px;">
                            <i class="fas fa-file-pdf"></i> Imprimir
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownPrint">
                            <li>
                                <a class="dropdown-item" href="{{ route('relatorios.consolidado.pdf', ['mes' => $mes, 'ano' => $ano, 'expandido' => 0]) }}" target="_blank">
                                    <i class="fas fa-compress"></i> Apenas Categorias
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="{{ route('relatorios.consolidado.pdf', ['mes' => $mes, 'ano' => $ano, 'expandido' => 1]) }}" target="_blank">
                                    <i class="fas fa-expand"></i> Categorias + Tipos (Expandido)
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="users-card">
        <div class="users-header">
            <h3 class="users-title">
                <i class="fas fa-chart-line"></i> Resultado Consolidado
                <span class="badge bg-secondary ms-2">{{ $meses[$mes] }} {{ $ano }}</span>
            </h3>
        </div>

        <div class="table-responsive mt-3">
            <table class="table table-bordered">
                <tbody>
                    <tr class="table-light">
                        <td colspan="2"><strong><i class="fas fa-plus-circle text-success"></i> RECEITAS</strong></td>
                    </tr>
                    <tr>
                        <td style="padding-left: 30px;">+ Haveres (Dinheiro/PIX/Transferência)</td>
                        <td class="text-end" style="width: 200px;">R$ {{ number_format($haveresReceita, 2, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 30px;">+ Entradas Confirmadas</td>
                        <td class="text-end">R$ {{ number_format($entradasConfirmadas, 2, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 30px;">+ Parcelas Recebidas (Contas a Receber)</td>
                        <td class="text-end">R$ {{ number_format($parcelasRecebidas, 2, ',', '.') }}</td>
                    </tr>
                    <tr class="table-success">
                        <td><strong>= Receita Bruta</strong></td>
                        <td class="text-end"><strong>R$ {{ number_format($receitaBruta, 2, ',', '.') }}</strong></td>
                    </tr>

                    <tr><td colspan="2" style="height: 20px;"></td></tr>

                    <tr class="table-light">
                        <td colspan="2"><strong><i class="fas fa-minus-circle text-danger"></i> DESPESAS (por Categoria)</strong></td>
                    </tr>
                    @forelse($despesasPorCategoria as $index => $despesa)
                    <tr class="categoria-row" style="cursor: pointer;" onclick="toggleTipos({{ $index }})" title="Clique para expandir/recolher">
                        <td style="padding-left: 30px;">
                            <i class="fas fa-chevron-right" id="icon-{{ $index }}" style="font-size: 10px; margin-right: 8px;"></i>
                            <strong>{{ strtoupper($despesa['categoria']) }}</strong>
                        </td>
                        <td class="text-end"><strong>R$ {{ number_format($despesa['valor'], 2, ',', '.') }}</strong></td>
                    </tr>
                    @if(!empty($despesa['tipos']))
                        @foreach($despesa['tipos'] as $tipo)
                        <tr class="tipo-row tipo-{{ $index }}" style="display: none;">
                            <td style="padding-left: 60px;">→ {{ $tipo['nome'] }}</td>
                            <td class="text-end">R$ {{ number_format($tipo['valor'], 2, ',', '.') }}</td>
                        </tr>
                        @endforeach
                    @endif
                    @empty
                    <tr>
                        <td colspan="2" class="text-center text-muted">Nenhuma despesa no período</td>
                    </tr>
                    @endforelse
                    <tr class="table-danger">
                        <td><strong>= Total Despesas</strong></td>
                        <td class="text-end"><strong>R$ {{ number_format($totalDespesas, 2, ',', '.') }}</strong></td>
                    </tr>

                    <tr><td colspan="2" style="height: 20px;"></td></tr>

                    <tr class="{{ $lucroOperacional >= 0 ? 'table-primary' : 'table-warning' }}">
                        <td><strong><i class="fas fa-balance-scale"></i> = RESULTADO (Lucro/Prejuízo)</strong></td>
                        <td class="text-end">
                            <strong class="{{ $lucroOperacional >= 0 ? 'text-success' : 'text-danger' }}">
                                R$ {{ number_format($lucroOperacional, 2, ',', '.') }}
                            </strong>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</main>

@push('scripts')
<script>
function toggleTipos(index) {
    const tipos = document.querySelectorAll('.tipo-' + index);
    const icon = document.getElementById('icon-' + index);
    
    if (tipos.length === 0) return;
    
    const isHidden = tipos[0].style.display === 'none';
    
    tipos.forEach(tipo => {
        tipo.style.display = isHidden ? 'table-row' : 'none';
    });
    
    if (icon) {
        icon.className = isHidden ? 'fas fa-chevron-down' : 'fas fa-chevron-right';
    }
}
</script>
@endpush
@endsection