{{-- <div style="display: flex; align-items: center; font-size: 14px;">
    <!-- Logo -->
    <div style="flex: 0 0 auto; margin-right: 20px;">
        <img src="data:image/png;base64,{{ base64_encode(file_get_contents('http://place-hold.it/50x50?text=Logo+4.0')) }}" alt="Logo 4.0" style="width: 50px; height: 50px;">
    </div>

    <!-- Relatório de Dados -->
    <div style="flex: 1; text-align: left;">
        <p style="margin: 0;"><strong>Tag:</strong> {{ $tag ?? 'N/A' }}</p>
        <p style="margin: 0;"><strong>Número Panini:</strong> {{ $numeroPanini ?? 'N/A' }}</p>
        <p style="margin: 0;"><strong>N. Obra:</strong> {{ $nObra ?? 'N/A' }}</p>
        <p style="margin: 0;"><strong>Âmbito:</strong> {{ $ambito ?? 'N/A' }}</p>
    </div>
</div> --}}


{{-- <div class="container">
    <!-- Logo -->
    <div class="row" style="background-color: blue;">
        <!-- Imagem no extremo esquerdo -->
        <div class="col-sm d-flex justify-content-start">
            <img src="data:image/png;base64,{{ base64_encode(file_get_contents('http://place-hold.it/50x50?text=Logo+4.0')) }}"
                alt="Logo 4.0" class="img-fluid">
        </div>

        <!-- Imagem no extremo direito -->
        <div class="col-sm d-flex justify-content-end">
            <img src="data:image/png;base64,{{ base64_encode(file_get_contents('http://place-hold.it/50x50?text=Logo+4.0')) }}"
                alt="Logo 4.0" class="img-fluid">
        </div>
    </div>


    <!-- Relatório de Dados -->
    <div style="border-style: groove;">

        <div class="row">
            <div class="col-sm">
                <p class="mb-0" style="border-style: double;"><strong>Tag:</strong> {{ $tag ?? 'N/A' }}</p>
            </div>
            <div class="col-sm">
                <p class="mb-0" style="border-style: double;"><strong>Número Panini:</strong> {{ $numeroPanini ?? 'N/A' }}</p>
            </div>
        </div>

        <div class="row">
            <div class="col-sm">
                <p class="mb-0" style="border-style: double;"><strong>N. Obra:</strong> {{ $nObra ?? 'N/A' }}</p>
            </div>
            <div class="col-sm">
                <p class="mb-0" style="border-style: double;"><strong>Âmbito:</strong> {{ $ambito ?? 'N/A' }}</p>
            </div>
        </div>
    </div>

</div> --}}

<div class="container">
    <!-- Logo -->
    <div class="row" style="height: 70px;margin-bottom : 15px;">
        <!-- Imagem no extremo esquerdo -->
        <div class="col d-flex justify-content-start align-items-center" style="height: 100%;">
            <img src="data:image/png;base64,{{ base64_encode(file_get_contents('http://place-hold.it/50x50?text=Logo+4.0')) }}"
                alt="Logo 4.0" class="img-fluid">
        </div>

        <!-- Imagem no extremo direito -->
        <div class="col d-flex justify-content-end align-items-center" style="height: 100%;">
            <img src="data:image/png;base64,{{ base64_encode(file_get_contents('http://place-hold.it/50x50?text=Logo+4.0')) }}"
                alt="Logo 4.0" class="img-fluid">
        </div>
    </div>

    <!-- Relatório de Dados -->
    <div class="row"  style="margin-left: 2px;" >

        <div class="row">
            <!-- Defina uma altura fixa para a linha do relatório -->

            <div class="col-sm">
                <p class="mb-0" style="border-style: double;"><strong>Tag:</strong> {{ $tag ?? 'N/A' }}</p>
            </div>
            <div class="col-sm">
                <p class="mb-0" style="border-style: double;"><strong>Número Panini:</strong>
                    {{ $numeroPanini ?? 'N/A' }}
                </p>
            </div>
        </div>

        <div class="row">
            <div class="col-sm">
                <p class="mb-0" style="border-style: double;"><strong>N. Obra:</strong> {{ $nObra ?? 'N/A' }}</p>
            </div>
            <div class="col-sm" ">
                <p class="mb-0" style="border-style: double;"><strong>Âmbito:</strong> {{ $ambito ?? 'N/A' }}</p>
            </div>
        </div>

    </div>

</div>