@extends('layouts.app')

@section('title', 'Contrato para Impressão')

@section('content')
<div class="card">
    <div class="card-body">

        <div class="contrato-impressao-acoes d-print-none mb-3">
            <h2 class="inscricao-card-titulo mb-0">CONTRATO E TERMO DE AUTORIZAÇÃO</h2>
        </div>

        <div id="imprimir">

            {{-- Cabeçalho do contrato --}}
            <div class="contrato-impressao-cabecalho mb-3">
                <img src="{{ asset('img/cabecalho-contrato.png') }}" alt="Cabeçalho Contrato" class="img-fluid">
            </div>

            {{-- Cláusulas do contrato --}}
            @include('contrato.partials.clausulas')

            {{-- Termo de autorização com dados do responsável/aluno --}}
            @include('contrato.partials.termo-autorizacao')

            {{-- Rodapé --}}
            <div class="contrato-impressao-rodape mt-4">
                <img src="{{ asset('img/rodape-padrao.png') }}" alt="Rodapé" class="img-fluid">
            </div>

        </div>

    </div>
</div>

<style>
    .contrato-impressao-cabecalho img,
    .contrato-impressao-rodape img {
        width: 100%;
        height: auto;
    }

    #imprimir .section {
        margin-bottom: 0.75rem;
    }

    #imprimir p {
        text-align: justify;
        font-size: 0.8125rem;
        margin-bottom: 0.4rem;
    }

    #imprimir h4 {
        font-size: 0.9375rem;
    }

    #imprimir h5 {
        font-size: 0.875rem;
    }

    #imprimir h6 {
        font-size: 0.8125rem;
    }

    #imprimir .termo-assinaturas .col-5 {
        padding: 0 1rem;
    }

    #imprimir .termo-cabecalho img {
        width: 100%;
        height: auto;
    }

    /* ================================
       CSS de Impressão
       ================================ */

    /* @page: suprime cabeçalho/rodapé nativos do browser e exibe apenas número de página */
    @page {
        margin: 15mm 10mm 20mm 10mm;
        @bottom-center {
            content: counter(page);
            font-size: 9pt;
            color: #555;
            font-family: Arial, sans-serif;
        }
    }

    @media print {
        /* Ocultar tudo da interface */
        header,
        nav,
        footer,
        .sidebar,
        .inscricao-header,
        .stepper-container,
        .contrato-impressao-acoes,
        .d-print-none,
        .btn {
            display: none !important;
        }

        /* Mostrar apenas o documento */
        body {
            background: #fff !important;
            font-size: 10px !important;
        }

        .card,
        .card-body {
            border: none !important;
            padding: 0 !important;
            margin: 0 !important;
            box-shadow: none !important;
        }

        #imprimir {
            display: block !important;
        }

        .contrato-impressao-cabecalho img,
        .contrato-impressao-rodape img {
            width: 100% !important;
        }

        /* Forçar quebra de página antes do termo */
        .termo-cabecalho {
            page-break-before: always !important;
        }
    }
</style>
@endsection