<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8">
    <title>Relatório de PPP</title>
    <style>
        @page {
            margin: 40px 50px;
        }

        body {
            font-family: 'Helvetica', 'Arial', sans-serif;
            font-size: 10pt;
            color: #333;
        }

        .header {
            border-bottom: 2px solid #003366;
            padding-bottom: 15px;
            margin-bottom: 30px;
            text-align: center;
        }

        .header img {
            max-height: 80px;
            margin-bottom: 10px;
        }

        .header h1 {
            font-size: 16pt;
            margin: 0;
            color: #003366;
            text-transform: uppercase;
        }

        .header h2 {
            font-size: 12pt;
            margin: 5px 0 0;
            color: #666;
            font-weight: normal;
        }

        .main-title {
            font-size: 18pt;
            color: #003366;
            text-align: center;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .sub-title {
            font-size: 11pt;
            color: #777;
            text-align: center;
            margin-top: 0;
            margin-bottom: 30px;
            text-transform: uppercase;
        }

        .section-header {
            background-color: #003366;
            color: #fff;
            padding: 6px 10px;
            font-weight: bold;
            font-size: 11pt;
            border-radius: 4px;
            margin-top: 25px;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

        /* Layout Grid */
        table.grid {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 10px;
        }

        table.grid td {
            vertical-align: top;
            padding: 6px 0;
        }

        .lbl {
            font-weight: bold;
            color: #666;
            text-transform: uppercase;
            font-size: 8pt;
            letter-spacing: 0.5px;
            margin-bottom: 3px;
        }

        .val {
            font-size: 11pt;
            color: #111;
            border-bottom: 1px solid #eee;
            padding-bottom: 8px;
            min-height: 15px;
        }

        /* Progress Bar */
        .progress-box {
            border: 1px solid #ddd;
            background-color: #f8f9fa;
            border-radius: 8px;
            height: 16px;
            width: 100%;
            margin-top: 5px;
            overflow: hidden;
        }

        .progress-fill {
            height: 100%;
            text-align: center;
            color: #fff;
            font-size: 9pt;
            line-height: 16px;
            font-weight: bold;
        }

        /* Bagdes */
        .badge {
            display: inline-block;
            padding: 4px 10px;
            border-radius: 4px;
            color: #fff;
            font-weight: bold;
            font-size: 9pt;
            text-transform: uppercase;
        }

        .bg-active {
            background-color: #0d6efd;
        }

        .bg-success {
            background-color: #198754;
        }

        .bg-warning {
            background-color: #ffc107;
            color: #000;
        }

        .bg-danger {
            background-color: #dc3545;
        }

        /* List tables */
        table.list {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
            border: 1px solid #ddd;
        }

        table.list th {
            background-color: #f1f4f9;
            color: #003366;
            border: 1px solid #ddd;
            padding: 10px 8px;
            text-align: left;
            font-size: 9pt;
            text-transform: uppercase;
        }

        table.list td {
            border: 1px solid #ddd;
            padding: 8px;
            font-size: 10pt;
            color: #444;
        }

        /* Footer */
        .footer {
            position: fixed;
            bottom: -20px;
            left: 0;
            right: 0;
            font-size: 8pt;
            color: #999;
            text-align: center;
            border-top: 1px solid #eee;
            padding-top: 5px;
        }
    </style>
</head>

<body>

    @php
        $porcentagem = (int) ($ppp->porcentagem_conclusao ?? 0);
        $progressColor = '#0d6efd';
        if ($porcentagem < 40)
            $progressColor = '#dc3545';
        elseif ($porcentagem >= 70)
            $progressColor = '#198754';

        $status = $ppp->status ?? 'Não Definido';
        $statusClass = 'bg-active';
        $lstatus = strtolower($status);
        if (str_contains($lstatus, 'conclu'))
            $statusClass = 'bg-success';
        elseif (str_contains($lstatus, 'paralis') || str_contains($lstatus, 'cancel') || str_contains($lstatus, 'suspenso'))
            $statusClass = 'bg-danger';
    @endphp

    <div class="header">
        <img src="{{ public_path('pmar/assets/fiveicon/brasao-angra-dos-reis.png') }}" alt="Brasão de Angra">
        <h1>Secretaria de Planejamento e Gestão</h1>
        <h2>Prefeitura Municipal de Angra dos Reis</h2>
    </div>

    <div class="main-title">{{ $ppp->projeto ?? 'Projeto Não Definido' }}</div>
    <div class="sub-title">Relatório Executivo de Parceria Público-Privada / Concessão</div>

    <table class="grid" style="margin-bottom: 25px;">
        <tr>
            <td style="width: 50%; padding-right: 15px;">
                <div class="lbl">Empresa Responsável</div>
                <div class="val" style="font-weight: bold; color: #003366; font-size: 13pt;">
                    {{ $ppp->empresa ?? 'A definir' }}</div>
            </td>
            <td style="width: 25%; padding-right: 15px;">
                <div class="lbl">Status Atual</div>
                <div class="val" style="border: none; padding-top: 2px;">
                    <span class="badge {{ $statusClass }}">{{ $status }}</span>
                </div>
            </td>
            <td style="width: 25%;">
                <div class="lbl">Andamento</div>
                <div class="val" style="font-weight: bold; color: #0d6efd;">{{ $ppp->andamento ?? '-' }}</div>
            </td>
        </tr>
    </table>

    <div class="section-header">Evolução do Projeto</div>
    <table class="grid" style="margin-bottom: 20px;">
        <tr>
            <td style="width: 100%;">
                <div class="lbl" style="margin-bottom: 5px;">Progresso Físico / Administrativo ({{ $porcentagem }}%)
                </div>
                <div class="progress-box">
                    @if($porcentagem > 0)
                        <div class="progress-fill"
                            style="width: {{ $porcentagem }}%; background-color: {{ $progressColor }};">
                            {{ $porcentagem }}%
                        </div>
                    @else
                        <div class="progress-fill"
                            style="width: 100%; background-color: transparent; color: #aaa; text-align: left; padding-left: 10px;">
                            0% - Não Iniciado
                        </div>
                    @endif
                </div>
            </td>
        </tr>
    </table>

    <div class="section-header">Planejamento e Execução</div>
    <table class="grid">
        <tr>
            <td style="width: 50%; padding-right: 15px;">
                <div class="lbl">Critério de Julgamento</div>
                <div class="val">{{ $ppp->criterio_julgamento ?? '-' }}</div>
            </td>
            <td style="width: 50%;">
                <div class="lbl">Secretaria Responsável</div>
                <div class="val">{{ $ppp->secretaria_responsavel ?? '-' }}</div>
            </td>
        </tr>
        <tr>
            <td style="width: 50%; padding-right: 15px;">
                <div class="lbl">Próxima Etapa do Processo</div>
                <div class="val" style="font-weight: bold;">{{ $ppp->proxima_etapa ?? '-' }}</div>
            </td>
            <td style="width: 50%;">
                <div class="lbl">Prazo de Implantação</div>
                <div class="val">{{ $ppp->prazo_implantacao ?? '-' }}</div>
            </td>
        </tr>
        <tr>
            <td style="width: 100%;" colspan="2">
                <div class="lbl">Prazo de Concessão</div>
                <div class="val">{{ $ppp->prazo_concessao ?? '-' }}</div>
            </td>
        </tr>
    </table>

    <div class="section-header">Dimensão Econômica e Orçamentária</div>
    <table class="grid">
        <tr>
            <td style="width: 50%; padding-right: 15px;">
                <div class="lbl">Valor Estimado do Contrato</div>
                <div class="val" style="color: #198754; font-weight: bold; font-size: 13pt;">
                    {{ $ppp->valor_estimado_contrato ?? '-' }}</div>
            </td>
            <td style="width: 50%;">
                <div class="lbl">Investimento Total Previsto</div>
                <div class="val" style="font-weight: bold; font-size: 12pt;">{{ $ppp->investimento_total ?? '-' }}</div>
            </td>
        </tr>
        <tr>
            <td style="width: 50%; padding-right: 15px;">
                <div class="lbl">Contraprestação Mensal Administrativa</div>
                <div class="val">{{ $ppp->contraprestacao_mensal ?? '-' }}</div>
            </td>
            <td style="width: 50%;">
                <div class="lbl">Aporte de Recursos do Município</div>
                <div class="val">{{ $ppp->aporte_municipio ?? '-' }}</div>
            </td>
        </tr>
        <tr>
            <td style="width: 50%; padding-right: 15px;">
                <div class="lbl">Outorga Fixa</div>
                <div class="val">{{ $ppp->outorga_fixa ?? '-' }}</div>
            </td>
            <td style="width: 50%;">
                <div class="lbl">Outorga Variável / Condicionada</div>
                <div class="val">{{ $ppp->outorga_variavel ?? '-' }}</div>
            </td>
        </tr>
        <tr>
            <td style="width: 50%; padding-right: 15px;">
                <div class="lbl">Despesas de Capital (CAPEX)</div>
                <div class="val">{{ $ppp->capex ?? '-' }}</div>
            </td>
            <td style="width: 50%;">
                <div class="lbl">Despesas Operacionais (OPEX)</div>
                <div class="val">{{ $ppp->opex ?? '-' }}</div>
            </td>
        </tr>
        <tr>
            <td style="width: 50%; padding-right: 15px;">
                <div class="lbl">Retorno do Investimento (Payback)</div>
                <div class="val">{{ $ppp->payback ?? '-' }}</div>
            </td>
            <td style="width: 50%;">
                <div class="lbl">Taxa Interna de Retorno (TIR)</div>
                <div class="val">{{ $ppp->tir ?? '-' }}</div>
            </td>
        </tr>
    </table>

    <div class="section-header">Deliberações Adicionais</div>
    <table class="grid">
        <tr>
            <td style="width: 100%;">
                <div class="lbl">Principais Obrigações do Concessionário</div>
                <div class="val">{{ $ppp->obrigacao ?? '-' }}</div>
            </td>
        </tr>
        <tr>
            <td style="width: 100%;">
                <div class="lbl">Observações Técnicas</div>
                <div class="val" style="border-bottom: none;">{{ $ppp->observacoes ?? '-' }}</div>
            </td>
        </tr>
    </table>

    @if($ppp->historicos && $ppp->historicos->count() > 0)
        <div style="page-break-before: always;"></div>

        <div class="header" style="margin-bottom: 20px; padding-bottom: 5px;">
            <h1 style="font-size: 14pt;">Acompanhamento e Auditoria</h1>
            <h2>Histórico de Tramitação - {{ $ppp->projeto ?? 'Projeto' }}</h2>
        </div>

        <table class="list">
            <thead>
                <tr>
                    <th style="width: 15%; text-align: center;">Data / Status</th>
                    <th style="width: 30%;">Órgão de Passagem</th>
                    <th style="width: 55%;">Detalhes do Interstício / Despacho</th>
                </tr>
            </thead>
            <tbody>
                @foreach($ppp->historicos as $historico)
                    <tr>
                        <td style="text-align: center; color: #003366;">
                            <strong
                                style="font-size: 11pt;">{{ $historico->data ? \Carbon\Carbon::parse($historico->data)->format('d/m/Y') : $historico->created_at->format('d/m/Y') }}</strong>
                        </td>
                        <td><strong>{{ $historico->orgao ?? '-' }}</strong></td>
                        <td style="font-size: 9pt;">{{ $historico->observacao ?? '-' }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endif

    <div class="footer">
        Documento Executivo de Concessões e Parcerias &copy; Prefeitura de Angra dos Reis - Emitido em
        {{ date('d/m/Y \à\s H:i') }}
    </div>

</body>

</html>