eumi_v4/equipment/templates/equipment/pdf_handover.html

<!DOCTYPE html>
<html lang="ro">
<head>
    <meta charset="UTF-8">
    <style>
        @font-face {
            font-family: 'LiberationSerif';
            src: url('{{ font_regular }}');
        }
        @font-face {
            font-family: 'LiberationSerif';
            src: url('{{ font_bold }}');
            font-weight: bold;
        }

        @page {
            size: A4 portrait;
            margin: 1.5cm;
            margin-bottom: 2.5cm; /* Lăsăm loc pentru footer */
            
            /* Așa forțăm xhtml2pdf să lipească footer-ul de marginea de jos pe fiecare pagină */
            @frame footer_frame {
                -pdf-frame-content: footer_content;
                left: 1.5cm; 
                right: 1.5cm; 
                bottom: 1cm; 
                height: 1.5cm;
            }
        }

        body {
            font-family: 'LiberationSerif', serif;
            font-size: 14px;
            color: #333;
            line-height: 1.3;
        }

        .title { text-align: center; font-size: 16px; font-weight: bold; margin-top: 15px; margin-bottom: 20px; }

        ul { margin-top: 5px; margin-bottom: 10px; }
        li { margin-bottom: 4px; text-align: justify; }
        p { margin-bottom: 8px; }
    </style>
</head>
<body>

    <!-- 1. FOOTER-UL (Capturat de rama "footer_frame" setată în CSS) -->
    <div id="footer_content">
        <table style="width: 100%; border-top: 1px dashed #ccc; padding-top: 5px; font-size: 10px; color: #555;">
            <tr>
                <td style="text-align: left; width: 70%; border: none;">
                    Generat de E.U.M.I. v.4.0.0 &bull; Aplicație dezvoltată de Tololoi Cătălin (catalin@x3c.ro)
                </td>
                <td style="text-align: right; width: 30%; border: none;">
                    pag. <pdf:pagenumber> din <pdf:pagecount>
                </td>
            </tr>
        </table>
    </div>

    <!-- 2. ANTETUL -->
    <table style="width: 100%; border: none;">
        <tr>
            <td style="width: 15%; text-align: left; vertical-align: middle; border: none;">
                {% if logo_path %}
                    <img src="{{ logo_path }}" width="50">
                {% endif %}
            </td>
            <td style="width: 85%; text-align: right; vertical-align: middle; border: none;">
                <strong>U.A.T. Municipiul Roman</strong><br>
                Compartiment administrare infrastructură I.T. și baze de date
            </td>
        </tr>
    </table>
    <!-- Linia de departajare -->
    <hr style="border: 0; border-top: 1px solid #000; margin-top: 5px; margin-bottom: 15px;">

    <!-- 3. TITLUL -->
    <div class="title">
        PROCES VERBAL DE PREDARE &ndash; PRIMIRE<br>
        Nr. {{ protocol.document_number }}
    </div>

    <!-- 4. CONȚINUTUL -->
    <p>Încheiat astăzi: <strong>{{ protocol.date|date:"d F Y"|lower }}</strong>, între:</p>

    <!-- ATENȚIE: Înlocuiește "job_title" și "department" cu variabilele corecte din modelul tău Employee -->
    <p>
        <strong>{{ protocol.previous_holder.name|default:"Magazie (Neasignat)" }}</strong>, având funcția de 
        {{ protocol.previous_holder.job_title|default:"-" }} de la {{ protocol.previous_holder.department|default:"-" }}, 
        în calitate de <strong>PREDĂTOR</strong>
    </p>
    <p style="text-align: center;">și</p>
    <p>
        <strong>{{ protocol.new_holder.name|default:"Magazie (Neasignat)" }}</strong>, având funcția de 
        {{ protocol.new_holder.job_title|default:"-" }} de la {{ protocol.new_holder.department|default:"-" }}, 
        în calitate de <strong>PRIMITOR</strong>
    </p>

    <p>Primitorul a preluat de la predător următoarele:</p>

    <ul>
        {% for pc in protocol.computers.all %}
        <li>
            unitate centrală, nr. inventar {{ pc.equipment_code }}, caracteristici: 
            {{ pc.cpu|default:"-" }} | {{ pc.motherboard|default:"-" }} | 
            {{ pc.ram|default:"-" }} | {{ pc.storage|default:"-" }} | 
            {{ pc.mac_address|default:"-" }};
        </li>
        {% endfor %}
        
        {% for mon in protocol.monitors.all %}
        <li>
            monitor, nr. inventar {{ mon.equipment_code }}, {{ mon.name|default:"-" }}, 
            s/n {{ mon.serial_number|default:"-" }};
        </li>
        {% endfor %}
        
        {% for per in protocol.peripherals.all %}
        <li>
            periferic ({{ per.get_peripheral_type_display }}), nr. inventar {{ per.equipment_code }}, 
            {{ per.name|default:"-" }}, s/n {{ per.serial_number|default:"-" }};
        </li>
        {% endfor %}
    </ul>

    <p><strong>Observații:</strong> {{ protocol.notes|default:"Fără observații." }}</p>

    <!-- 5. SEMNĂTURILE -->
    <table style="width: 100%; border: none; margin-top: 30px; text-align: center;">
        <tr>
            <td style="width: 33%; border: none; vertical-align: top;">
                <strong>Am predat,</strong><br><br><br><br>
                ...................................
            </td>
            <td style="width: 34%; border: none; vertical-align: top;">
                <strong>Avizat I.T.,</strong><br>
                {{ generated_by }}<br><br><br>
                ...................................
            </td>
            <td style="width: 33%; border: none; vertical-align: top;">
                <strong>Am primit,</strong><br><br><br><br>
                ...................................
            </td>
        </tr>
    </table>

</body>
</html>