@extends('layouts.dashboard')
@section('pg-body')

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"/>
<style>
    .info-card {
        background: #f8f9fa;
        border-radius: 4px;
        padding: 15px;
        text-align: center;
        margin-bottom: 15px;
        border: 1px solid #ddd;
    }
    .info-card h4 {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        color: #333;
    }
    .info-card p {
        margin: 5px 0 0;
        color: #666;
        font-size: 13px;
    }
    .info-card.black { border-left: 4px solid #000000; }
    .info-card.blue { border-left: 4px solid #3498db; }
    .info-card.green { border-left: 4px solid #27ae60; }
    .info-card.purple { border-left: 4px solid #9b59b6; }
    .info-card.orange { border-left: 4px solid #e67e22; }
    
    .badge-status {
        padding: 4px 10px;
        border-radius: 3px;
        font-size: 11px;
        font-weight: bold;
    }
    .badge-ativo { background: #d4edda; color: #155724; }
    .badge-pendente { background: #fff3cd; color: #856404; }
    .badge-cancelado { background: #f8d7da; color: #721c24; }
    
    .empenho-panel {
        border: 1px solid #ddd;
        margin-bottom: 15px;
        border-radius: 4px;
    }
    .empenho-panel-header {
        background: #f5f5f5;
        padding: 12px 15px;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
    }
    .empenho-panel-header:hover {
        background: #eee;
    }
    .empenho-panel-body {
        padding: 15px;
        display: none;
    }
    .empenho-panel-body.show {
        display: block;
    }
    .sub-section-title {
        font-weight: bold;
        margin: 15px 0 10px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #3498db;
    }
    .sub-section-title.liquidacao {
        border-left-color: #27ae60;
    }
    .sub-section-title.pagamento {
        border-left-color: #9b59b6;
    }
    .pagamento-detail-row {
        background: #f9f9f9;
    }
    .pagamento-details-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .pag-detail-item {
        flex: 1;
        min-width: 150px;
        padding: 8px;
        background: #fff;
        border: 1px solid #eee;
        border-radius: 3px;
    }
    .pag-label {
        display: block;
        font-size: 10px;
        text-transform: uppercase;
        color: #888;
    }
    .pag-value {
        display: block;
        font-size: 13px;
        color: #333;
        font-weight: 600; 
    }
    .width20p{
        width: 20%!important;
    }
</style>
<section class="wf100 subheader">
    <div class="container">
       <h2>EMENDA PARLAMENTAR</h2>
       <ul>
            <li> <a href="{{url('home')}}">Home</a> </li>
            <li> <a href="{{url('portal-transparencia')}}">Transparência</a> </li>
            <li> <a href="{{url('emendas-parlamentares')}}">Emendas Parlamentares</a> </li>
            <li>Emenda</li>
        </ul>
    </div>
</section>

<div class="main-content">
    <div class="container p60">
        <div class="row">
            <div class="col-md-12">
                <!-- Cards de Resumo -->
                <div class="row">
                    <div class="col-md-3 width20p">
                        <div class="info-card black">
                            <h4>R$ {{ number_format($emenda->valor_previsto, 2, ',', '.') }}</h4>
                            <p>Valor Previsto</p>
                        </div>
                    </div>
                    <div class="col-md-3 width20p">
                        <div class="info-card blue">
                            <h4>R$ {{ number_format($emenda->getTotalEmpenhado(), 2, ',', '.') }}</h4>
                            <p>Valor Empenhado</p>
                        </div>
                    </div>
                    <div class="col-md-3 width20p">
                        <div class="info-card green">
                            <h4>R$ {{ number_format($emenda->getTotalLiquidado(), 2, ',', '.') }}</h4>
                            <p>Valor Liquidado</p>
                        </div>
                    </div>
                    <div class="col-md-3 width20p">
                        <div class="info-card purple">
                            <h4>R$ {{ number_format($emenda->getTotalPago(), 2, ',', '.') }}</h4>
                            <p>Valor Pago</p>
                        </div>
                    </div>
                    <div class="col-md-3 width20p">
                        <div class="info-card orange">
                            <h4>{{ number_format($emenda->calcularExecucaoFinanceira(), 1, ',', '.') }}%</h4>
                            <p>Execução Financeira</p>
                        </div>
                    </div>
                </div>

                <!-- Dados da Emenda -->
                <div class="well" style="display: table; width: 100%;">
                    <h5>DADOS DA EMENDA PARLAMENTAR</h5><br>
                    <div class="spacer"></div>
                    <div class="col-md-6 mb-3">
                        <label>Parlamentar Autor da Emenda</label>
                        <input type="text" readonly class="form-control" value="{{ $emenda->nome }}">
                    </div>
                    <div class="col-md-2 mb-3">
                        <label>Nº/Ano</label>
                        <input type="text" readonly class="form-control" value="{{ $emenda->numero }}/{{ $emenda->ano }}">
                    </div>
                    <div class="col-md-2 mb-3">
                        <label>Data</label>
                        <input type="text" readonly class="form-control" value="{{ dataBrasileira($emenda->data) }}">
                    </div>
                    <div class="col-md-2 mb-3">
                        <label>Tipo</label>
                        <input type="text" readonly class="form-control" value="{{ $emenda->tipo }}">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label>Origem</label>
                        <input type="text" readonly class="form-control" value="{{ $emenda->origem }}">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label>Forma de Repasse</label>
                        <input type="text" readonly class="form-control" value="{{ $emenda->forma_repasse }}">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label>Função de Governo</label>
                        <input type="text" readonly class="form-control" value="{{ $emenda->funcao_governo }}">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label>Localidade</label>
                        <input type="text" readonly class="form-control" value="{{ $emenda->localidade }}">
                    </div>
                    <div class="col-md-2 mb-3">
                        <label>Valor Previsto</label>
                        <input type="text" readonly class="form-control" value="R$ {{ number_format($emenda->valor_previsto, 2, ',', '.') }}">
                    </div>
                    <div class="col-md-2 mb-3">
                        <label>Valor Realizado</label>
                        <input type="text" readonly class="form-control" value="R$ {{ number_format($emenda->valor_realizado, 2, ',', '.') }}">
                    </div>
                    <div class="col-md-2 mb-3">
                        <label>Valor Pago</label>
                        <input type="text" readonly class="form-control" value="R$ {{ number_format($emenda->valor_pago, 2, ',', '.') }}">
                    </div>
                    <div class="col-md-2 mb-3">
                        <label>Banco</label>
                        <input type="text" readonly class="form-control" value="{{ $emenda->banco }}">
                    </div>
                    <div class="col-md-2 mb-3">
                        <label>Agência</label>
                        <input type="text" readonly class="form-control" value="{{ $emenda->agencia }}">
                    </div>
                    <div class="col-md-2 mb-3">
                        <label>Conta</label>
                        <input type="text" readonly class="form-control" value="{{ $emenda->conta }}">
                    </div>
                    
                    <div class="col-md-12 mb-3">
                        <label>Objeto</label>
                        <textarea readonly class="form-control" style="height: 100px;">{{ strip_tags($emenda->objeto) }}</textarea>
                    </div>
                </div>

                <!-- Arquivos da Emenda -->
                @if($emenda->arquivo != '' || count($emenda->arquivos) > 0)
                <div class="department-details">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <h5>ARQUIVOS DA EMENDA</h5><br>
                                <div class="table-responsive">
                                    <table class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th>Nome</th>
                                                <th>Data</th>
                                                <th style="text-align: center;">Arquivo</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if($emenda->arquivo != '')
                                            <tr>
                                                <td>Emenda</td>
                                                <td>-</td>
                                                <td style="text-align: center;">
                                                    <a href="{{ asset('upload/emendas_parlamentares/'.$emenda->arquivo) }}" target="_blank"><i class="fa fa-file-pdf-o"></i> Baixar Arquivo</a>
                                                </td>
                                            </tr>
                                            @endif
                                            @foreach($emenda->arquivos as $arquivo)
                                            <tr>
                                                <td>{{ $arquivo->nome }}</td>
                                                <td>{{ $arquivo->data ? dataBrasileira($arquivo->data) : '-' }}</td>
                                                <td style="text-align: center;">
                                                    @if($arquivo->arquivo)
                                                    <a href="{{ asset('upload/emendas_parlamentares_arquivos/'.$arquivo->arquivo) }}" target="_blank"><i class="fa fa-file-pdf-o"></i> Baixar Arquivo</a>
                                                    @endif
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                <!-- Empenhos -->
                @if(count($emenda->empenhos) > 0)
                <div class="department-details">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <h5>EMPENHOS, LIQUIDAÇÕES E PAGAMENTOS</h5><br>
                                
                                @foreach($emenda->empenhos as $index => $empenho)
                                <div class="empenho-panel">
                                    <div class="empenho-panel-header" onclick="toggleEmpenho({{ $index }})">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <strong><i class="fa fa-file-text-o"></i> Empenho: {{ $empenho->numero_empenho }}</strong>
                                            </div>
                                            <div class="col-md-3">
                                                <span>Data: {{ $empenho->data ? dataBrasileira($empenho->data) : '-' }}</span>
                                            </div>
                                            <div class="col-md-3">
                                                <span>Valor: <strong>R$ {{ number_format($empenho->valor_empenhado, 2, ',', '.') }}</strong></span>
                                            </div>
                                            <div class="col-md-2">
                                                @if($empenho->arquivo)
                                                    <strong><a href="{{ asset('upload/empenhos/'.$empenho->arquivo) }}" target="_blank" class="btn btn-sm btn-info"><i class="fa fa-download"></i> Baixar</a></strong>
                                                @endif
                                            </div>
                                            <div class="col-md-1 text-right">
                                                <i class="fa fa-chevron-up" id="icon-empenho-{{ $index }}"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="empenho-panel-body show" id="empenho-body-{{ $index }}">
                                        <!-- Dados do Favorecido -->
                                        <div class="row">
                                            <div class="col-md-8 mb-3">
                                                <label>Favorecido</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->favorecido ?: '-' }}">
                                            </div>
                                            <div class="col-md-4 mb-3">
                                                <label>CPF/CNPJ</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->cpf_cnpj ?: '-' }}">
                                            </div>

                                            <!-- Descrição -->
                                            @if($empenho->descricao)                                            
                                                <div class="col-md-12 mb-3">
                                                    <label>Descrição</label>
                                                    <textarea readonly class="form-control" style="height: 60px;">{{ strip_tags($empenho->descricao) }}</textarea>
                                                </div>
                                            @endif
                                        </div>
                                        
                                        <!-- Classificação da Despesa -->
                                        <div style="border-top: 2px solid #3498db; margin: 15px 0; padding-top: 10px;">
                                            <h6 style="color: #3498db; margin-bottom: 15px;"><i class="fa fa-list-alt"></i> Classificação da Despesa</h6>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3 mb-3">
                                                <label>Natureza da Despesa</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->natureza_despesa ?: '-' }}">
                                            </div>
                                            <div class="col-md-3 mb-3">
                                                <label>Categoria da Despesa</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->categoria_despesa ?: '-' }}">
                                            </div>
                                            <div class="col-md-3 mb-3">
                                                <label>Função</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->funcao ?: '-' }}">
                                            </div>
                                            <div class="col-md-3 mb-3">
                                                <label>Subfunção</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->subacao ?: '-' }}">
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3 mb-3">
                                                <label>Programa</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->programa ?: '-' }}">
                                            </div>
                                            <div class="col-md-3 mb-3">
                                                <label>Ação</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->acao ?: '-' }}">
                                            </div>
                                            <div class="col-md-3 mb-3">
                                                <label>Fonte</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->fonte ?: '-' }}">
                                            </div>
                                            <div class="col-md-3 mb-3">
                                                <label>Saldo</label>
                                                <input type="text" readonly class="form-control" value="R$ {{ number_format($empenho->saldo, 2, ',', '.') }}">
                                            </div>
                                        </div>
                                        @if($emenda->forma_repasse == 'Municipal')
                                        <!-- Dados da Licitação -->
                                        <div style="border-top: 2px solid #e67e22; margin: 15px 0; padding-top: 10px;">
                                            <h6 style="color: #e67e22; margin-bottom: 15px;"><i class="fa fa-gavel"></i> Dados da Licitação</h6>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 mb-3">
                                                <label>Modalidade</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->modalidade ?: '-' }}">
                                            </div>
                                            <div class="col-md-2 mb-3">
                                                <label>Nº Licitação</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->numero_licitacao ?: '-' }}">
                                            </div>
                                            <div class="col-md-2 mb-3">
                                                <label>Ano Licitação</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->ano_licitacao ?: '-' }}">
                                            </div>
                                            <div class="col-md-2 mb-3">
                                                <label>Nº Contrato</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->numero_contrato ?: '-' }}">
                                            </div>
                                            <div class="col-md-2 mb-3">
                                                <label>Ano Contrato</label>
                                                <input type="text" readonly class="form-control" value="{{ $empenho->ano_contrato ?: '-' }}">
                                            </div>
                                        </div>
                                        @endif
                                        
                                        
                                    </div>
                                </div>
                                
                                <!-- Liquidações - Fora do Collapsed -->
                                @if(count($empenho->liquidacoes) > 0)
                                <div style="margin-bottom: 15px;">
                                    <div class="sub-section-title liquidacao">
                                        <i class="fa fa-check-circle"></i> Liquidações do Empenho {{ $empenho->numero_empenho }} ({{ count($empenho->liquidacoes) }})
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-bordered table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Nº Nota Fiscal</th>
                                                    <th>Data</th>
                                                    <th style="text-align: right;">Valor Liquidado</th>
                                                    <th style="text-align: center;">Anexo</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($empenho->liquidacoes as $liquidacao)
                                                <tr>
                                                    <td>{{ $liquidacao->numero_nota_fiscal }}</td>
                                                    <td>{{ $liquidacao->data ? dataBrasileira($liquidacao->data) : '-' }}</td>
                                                    <td style="text-align: right;">R$ {{ number_format($liquidacao->valor_liquidado, 2, ',', '.') }}</td>
                                                    <td style="text-align: center;">
                                                        @if($liquidacao->arquivo)
                                                        <a href="{{ asset('upload/liquidacoes/'.$liquidacao->arquivo) }}" target="_blank"><i class="fa fa-download"></i></a>
                                                        @else
                                                        -
                                                        @endif
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    
                                    <!-- Pagamentos - Fora do Collapsed -->
                                    @php
                                        $pagamentosEmpenho = [];
                                        foreach($empenho->liquidacoes as $liq) {
                                            foreach($liq->pagamentos as $pag) {
                                                $pagamentosEmpenho[] = $pag;
                                            }
                                        }
                                    @endphp
                                    @if(count($pagamentosEmpenho) > 0)
                                    <div class="sub-section-title pagamento">
                                        <i class="fa fa-credit-card"></i> Pagamentos do Empenho {{ $empenho->numero_empenho }} ({{ count($pagamentosEmpenho) }})
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-bordered table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Nº OB</th>
                                                    <th>Data</th>
                                                    <th>Favorecido</th>
                                                    <th style="text-align: right;">Valor Pago</th>
                                                    <th>Situação</th>
                                                    <th style="text-align: center;">Ações</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php $pagIndex = 0; @endphp
                                                @foreach($empenho->liquidacoes as $liquidacao)
                                                    @foreach($liquidacao->pagamentos as $pagamento)
                                                    <tr>
                                                        <td>{{ $pagamento->numero_ob }}</td>
                                                        <td>{{ $pagamento->data_pagamento ? dataBrasileira($pagamento->data_pagamento) : '-' }}</td>
                                                        <td>{{ $pagamento->favorecido }}</td>
                                                        <td style="text-align: right;">R$ {{ number_format($pagamento->valor_pago, 2, ',', '.') }}</td>
                                                        <td>
                                                            @if($pagamento->situacao == 'Pago')
                                                                <span class="badge-status badge-ativo">{{ $pagamento->situacao }}</span>
                                                            @elseif($pagamento->situacao == 'Pendente')
                                                                <span class="badge-status badge-pendente">{{ $pagamento->situacao }}</span>
                                                            @elseif($pagamento->situacao == 'Cancelado')
                                                                <span class="badge-status badge-cancelado">{{ $pagamento->situacao }}</span>
                                                            @else
                                                                {{ $pagamento->situacao }}
                                                            @endif
                                                        </td>
                                                        <td style="text-align: center;">
                                                            @if($pagamento->arquivo)
                                                            <a href="{{ asset('upload/pagamentos_empenho/'.$pagamento->arquivo) }}" target="_blank" title="Baixar Anexo"><i class="fa fa-download"></i></a>
                                                            @endif
                                                            <a href="javascript:void(0);" onclick="togglePagamento('{{ $index }}_{{ $pagIndex }}')" title="Ver Detalhes"><i class="fa fa-eye"></i></a>
                                                        </td>
                                                    </tr>
                                                    <tr id="pagamento-detail-{{ $index }}_{{ $pagIndex }}" class="pagamento-detail-row" style="display: none;">
                                                        <td colspan="6" style="background: #f9f9f9; padding: 15px;">
                                                            <div class="pagamento-details-grid">
                                                                <div class="pag-detail-item">
                                                                    <span class="pag-label">Nº OB</span>
                                                                    <span class="pag-value">{{ $pagamento->numero_ob ?: '-' }}</span>
                                                                </div>
                                                                <div class="pag-detail-item">
                                                                    <span class="pag-label">Data OB</span>
                                                                    <span class="pag-value">{{ $pagamento->data_ob ? dataBrasileira($pagamento->data_ob) : '-' }}</span>
                                                                </div>
                                                                <div class="pag-detail-item">
                                                                    <span class="pag-label">Data Pagamento</span>
                                                                    <span class="pag-value">{{ $pagamento->data_pagamento ? dataBrasileira($pagamento->data_pagamento) : '-' }}</span>
                                                                </div>
                                                                <div class="pag-detail-item">
                                                                    <span class="pag-label">Valor Pago</span>
                                                                    <span class="pag-value">R$ {{ number_format($pagamento->valor_pago, 2, ',', '.') }}</span>
                                                                </div>
                                                                <div class="pag-detail-item">
                                                                    <span class="pag-label">Favorecido</span>
                                                                    <span class="pag-value">{{ $pagamento->favorecido ?: '-' }}</span>
                                                                </div>
                                                                <div class="pag-detail-item">
                                                                    <span class="pag-label">CPF/CNPJ</span>
                                                                    <span class="pag-value">{{ $pagamento->cpf_cnpj ?: '-' }}</span>
                                                                </div>
                                                                <div class="pag-detail-item">
                                                                    <span class="pag-label">Banco</span>
                                                                    <span class="pag-value">{{ $pagamento->banco ?: '-' }}</span>
                                                                </div>
                                                                <div class="pag-detail-item">
                                                                    <span class="pag-label">Agência</span>
                                                                    <span class="pag-value">{{ $pagamento->agencia ?: '-' }}</span>
                                                                </div>
                                                                <div class="pag-detail-item">
                                                                    <span class="pag-label">Conta</span>
                                                                    <span class="pag-value">{{ $pagamento->conta ?: '-' }}</span>
                                                                </div>
                                                                <div class="pag-detail-item">
                                                                    <span class="pag-label">Forma de Pagamento</span>
                                                                    <span class="pag-value">{{ $pagamento->forma_pagamento ?: '-' }}</span>
                                                                </div>
                                                                <div class="pag-detail-item">
                                                                    <span class="pag-label">Tipo OB</span>
                                                                    <span class="pag-value">{{ $pagamento->tipo_ob ?: '-' }}</span>
                                                                </div>
                                                                <div class="pag-detail-item">
                                                                    <span class="pag-label">Situação</span>
                                                                    <span class="pag-value">{{ $pagamento->situacao ?: '-' }}</span>
                                                                </div>
                                                            </div>
                                                            @if($pagamento->observacao)
                                                            <div style="margin-top: 10px;">
                                                                <label>Observação</label>
                                                                <p style="margin: 0; padding: 8px; background: #fff; border: 1px solid #eee; border-radius: 3px;">{{ strip_tags($pagamento->observacao) }}</p>
                                                            </div>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                    @php $pagIndex++; @endphp
                                                    @endforeach
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    @endif
                                </div>
                                @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                <div style="margin-top: 20px;">
                    <a href="{{ url('emendas-parlamentares') }}" class="btn btn-default"><i class="fa fa-arrow-left"></i> Voltar</a>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.js"></script>

<script>
function toggleEmpenho(index) {
    var body = document.getElementById('empenho-body-' + index);
    var icon = document.getElementById('icon-empenho-' + index);
    
    if (body.classList.contains('show')) {
        body.classList.remove('show');
        icon.classList.remove('fa-chevron-up');
        icon.classList.add('fa-chevron-down');
    } else {
        body.classList.add('show');
        icon.classList.remove('fa-chevron-down');
        icon.classList.add('fa-chevron-up');
    }
}

function togglePagamento(id) {
    var detailRow = document.getElementById('pagamento-detail-' + id);
    
    if (detailRow.style.display === 'none') {
        detailRow.style.display = 'table-row';
    } else {
        detailRow.style.display = 'none';
    }
}
</script>

@endsection