HEX

File: /var/www/matriculas_api_dev/resources/views/pdfs/contract_pdf.blade.php
<!doctype html>
<html lang="es">

<head>
    <meta charset="utf-8">
    <title>{{ isset($title) ? $title . ' |' : '' }} {{ env('APP_NAME') }}</title>
    <style type="text/css">
        @page {
            size: 21.59cm 27.94cm;
            margin-top: 65px;
            margin-left: 40px;
            margin-right: 40px;
            margin-bottom: 0px;
        }

        /* div,
        table,
        span,
        p {
            page-break-inside: always;
        } */

        body {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .header {
            position: fixed;
            top: -45px;
            left: 0;
            right: 82%;
            height: 50px;
            text-align: right;
            line-height: 35px;
        }

        .footer {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            height: 30px;
            text-align: center;
            font-size: 12px;
        }

        .page-break {
            page-break-after: always;
        }

        .watermark {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(-45deg);
            font-size: 120px;

            @if ($form_data->status_contract_id == 4)
                color: rgba(240, 57, 57, 0.1);
            @else
                color: rgba(14, 11, 11, 0.1);
            @endif


        }

        .watermark_logo {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 280px;
            height: 350px;
            background-image: url('{{ public_path('assets/images/logo_bf.png') }}');
            background-size: 280px 350px;
            background-repeat: no-repeat;
            opacity: 0.2;
            filter: blur(3px);
        }
    </style>
</head>

<body>
    <!-- Header -->
    <div class="header">
        <img src="{{ public_path('assets/images/LogoBDF.png') }}" alt="Logo" width="120px">
    </div>
    <!-- Marca de agua (BORRADOR) -->
    <div class="watermark">{{ ($form_data->status_contract_id == 4 ? 'CANCELADA' : ($draft_mode ? 'BORRADOR' : '')) }}
    </div>
    <div class="watermark_logo"></div>

    <!-- Contenido -->
    <div class="container-lg" style="width: 680px;max-width: 680px; margin: 0 auto">
        <div class="">
            {!! !empty($form_data->contract_format_data)
                ? str_replace(
                    '#salto_pagina',
                    '<p class="page-break">
                                                                            <br><br>
                                                                            </p>',
                    $form_data->contract_format_data,
                )
                : '' !!}


        </div>
    </div>

    <!-- Pie de página con contador de páginas -->
    <div class="footer">
        <script type="text/php">
            @php
                if (isset($pdf)) {
                $pdf->page_text(270, 800, " {PAGE_NUM}", null, 8, array(0,0,0));
            }
            @endphp
        </script>
    </div>
</body>

</html>