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

    <head>
        <meta charset="utf-8">
        <title>Lista de Dados de Pacientes com Fibromialgia</title>
        <style>
            /* Margens da página no PDF */
            @page {
                margin: 20mm 20mm 30mm 20mm; /* bottom maior por causa do footer */
            } /* GERAL */
            body {
                font-family: Arial, sans-serif;
                font-size: 11pt;
                color: #000;
                margin: 0;
                padding: 0;
            } /* CABEÇALHO */
            .pdf-header table {
                width: 100%;
            }
            .pdf-header table, .pdf-header td, .pdf-header th {
                border: none !important;
            }
            .pdf-header img {
                width: 80px;
                height: auto;
            } /* TÍTULOS */
            h1 {
                font-size: 16pt;
                margin: 0;
                color: #1245A8;
            }
            h3 {
                font-size: 13pt;
                margin: 2px 0;
                color: #FF0000;
            } /* TABELA PRINCIPAL */
            table {
                width: 100%;
                border-collapse: collapse;
                margin-top: 8px;
            }
            th, td {
                border: 1px solid #bbb;
                padding: 6px;
                text-align: left;
                font-size: 10pt;
            }
            th {
                background: #f2f2f2;
                font-weight: bold;
            }
            tr {
                page-break-inside: avoid; /* não quebra linha ao meio */
            } /* CONTEÚDO precisa reservar espaço para o footer */
            .content {
                margin-bottom: 60px; /* espaço EXATO para o footer */
            } /* FOOTER */
            .footer-wrapper {
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 40px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 5px 10px;
                font-size: 12px;
                background: #fff;
            }
            .footer-wrapper .left {
                flex: 1;
                text-align: left;
            }
            .footer-wrapper .right {
                flex: 1;
                text-align: right;
            } /* DOMPDF – numeração de página */
            .page:after {
                content: counter(page);
            }
        </style> 
    </head>

    <body>


        <!-- Cabeçalho --> 
        <div class="pdf-header"> 
            <table> 
                <tr> 
                    <td style="width: 90px; vertical-align: top;"> 
                        <img src="{{ public_path('pmar/assets/img/icons/prefeitura-angra-dos-reis.jpg') }}"> 
                    </td> 
                    <td style="vertical-align: middle;"> 
                        <h1>SECRETARIA DE SAÚDE DE ANGRA DOS REIS</h1> 
                        <h3>SECRETARIA EXECUTIVA DE ATENÇÃO PRIMÁRIA</h3> 
                        <p style="margin: 4px 0; font-size: 13px;"> 
                            <strong>Dados de Pacientes com Fibromialgia</strong> 
                        </p> 
                    </td> 
                </tr> 
            </table> 
        </div> 
        <!-- Conteúdo com espaço reservado para o footer --> 
        <div class="content"> 

            <table>

                <thead>
                    <tr>
                        @foreach ($campos as $key => $value)
                        <th>{{  mb_strtoupper($value, 'UTF-8'); }}</th>
                        @endforeach
                    </tr>
                </thead>
                <tbody>
                    @foreach ($pacientes as $paciente)
                    <tr>
                        @if (array_key_exists('nomeCompleto', $campos))
                        <td>{{ $paciente->user->name }}</td>
                        @endif
                        @if (array_key_exists('nomeMae', $campos))
                        <td>{{ $paciente->user->pessoa?->nomeMae }}</td>
                        @endif
                        @if (array_key_exists('nomePai', $campos))
                        <td>{{ $paciente->user->pessoa?->nomePai }}</td>
                        @endif
                        @if (array_key_exists('dtaNascimento', $campos))
                        <td style="white-space: nowrap;">{{ date("d/m/Y", strtotime($paciente->user->pessoa?->dtaNascimento)) }}</td>
                        @endif
                        @if (array_key_exists('numeroCI', $campos))
                        <td style="white-space: nowrap;">{{ $paciente->user->pessoa?->numeroCI }}</td>
                        @endif
                        @if (array_key_exists('cpf', $campos))
                        <td style="white-space: nowrap;">{{ $paciente->user->cpf }}</td>
                        @endif
                        @if (array_key_exists('numeroSUS', $campos))
                        <td style="white-space: nowrap;">{{ $paciente->user->pessoa?->numeroSUS }}</td>
                        @endif
                        @if (array_key_exists('esfReferencia', $campos))
                        <td>{{ $paciente->user->pessoa?->esfReferencia }}</td>
                        @endif
                        @if (array_key_exists('dtaDiagnostico', $campos))
                        <td>{{ $paciente->user->pessoa?->dtaDiagnostico }}</td>
                        @endif
                    </tr>
                    @endforeach
                </tbody>

            </table>

        </div>

        <!-- RODAPÉ --> 
        <div class="footer-wrapper"> 
            <div class="left"> Gerado em: {{ \Carbon\Carbon::now()->format('d/m/Y H:i') }} </div> 
            <div class="right page"></div> 
        </div> 

    </body>

</html>
