{% extends "base.html" %}

{% block title %}Sign-off #{{ order.id }} | Customer Log & Sign Off{% endblock %}

{% block content %}
<section class="page-hero">
    <div>
        <h2>Sign-off #{{ order.id }}</h2>
        <p>{{ order.company_name }} · Created {{ order.created_at.replace('T', ' ') }}</p>
    </div>
    <div class="button-row no-print">
        <a href="{{ app_url('/orders') }}" class="secondary-btn link-btn">Back to Sign Off</a>
        <a href="{{ app_url('/orders/' ~ order.id ~ '/labels') }}" target="_blank" class="primary-btn link-btn">Open / print all serial labels</a>
        <button type="button" class="secondary-btn" onclick="window.print()">Print this page</button>
    </div>
</section>

<section class="card order-summary-card">
    <div class="order-meta-grid">
        <div>
            <div class="meta-label">Customer</div>
            <div class="meta-value">{{ order.company_name }}</div>
        </div>
        <div>
            <div class="meta-label">Created</div>
            <div class="meta-value">{{ order.created_at.replace('T', ' ') }}</div>
        </div>
        <div>
            <div class="meta-label">Machines / labels</div>
            <div class="meta-value">{{ order["items"]|length }}</div>
        </div>
        <div>
            <div class="meta-label">Delivery address</div>
            <div class="meta-value">{{ order.delivery_address or '-' }}</div>
        </div>
    </div>
</section>

<section class="detail-grid">
    {% for item in order["items"] %}
    <article class="card detail-card">
        <div class="detail-card-header">
            <div>
                <h3>{{ item.display_name }}</h3>
                <div class="serial-pill">{{ item.serial_no }}</div>
            </div>
            <a href="{{ app_url('/labels/' ~ item.id) }}" target="_blank" class="primary-btn no-print">Open / print serial label</a>
        </div>

        <div class="label-preview-card detail-label-preview">
            <div class="label-preview-title">Serial label preview</div>
            <div class="label-preview-frame">
                <div class="serial-label-mini-wrap">
                    <section class="serial-label-format">
                    <div class="serial-label-left">
                        <div class="label-product-title">{{ item.product_name }}</div>
                        <div class="label-line">Model: {{ item.product_model or '-' }}</div>
                        <div class="label-line">Serial No {{ item.serial_no }}</div>
                        {% if item.label_rating %}<div class="label-line">{{ item.label_rating }}</div>{% endif %}
                        <div class="label-spacer"></div>
                        <div class="label-line small">Manufactured by:</div>
                        <div class="label-line small">{{ item.manufacturer_name }}</div>
                        <div class="label-line small">{{ item.manufacturer_address }}</div>
                        <div class="label-date">Date: {{ item.label_date }}</div>
                    </div>
                    <div class="serial-label-right">
                        <img src="{{ app_url('/static/lancing-label-logo.png?v=15') }}" alt="Lancing" class="label-logo-image">
                        <img src="{{ app_url('/static/ce-mark.png?v=15') }}" alt="CE mark" class="ce-image">
                    </div>
                </section>
                </div>
            </div>
        </div>

        <div class="detail-table">
            <div><span>Model / reference</span><strong>{{ item.product_model or '-' }}</strong></div>
            <div><span>Electrical rating for label</span><strong>{{ item.label_rating or '-' }}</strong></div>
            <div><span>Supply voltage</span><strong>{{ item.supply_voltage if item.supply_voltage is not none else '-' }} V</strong></div>
            <div><span>Neutral to earth</span><strong>{{ item.neutral_to_earth if item.neutral_to_earth is not none else '-' }} V</strong></div>
            <div><span>Earth continuity</span><strong>{{ item.earth_continuity if item.earth_continuity is not none else '-' }} Ω</strong></div>
            <div><span>Insulation resistance</span><strong>{{ item.insulation_resistance if item.insulation_resistance is not none else '-' }} Ω</strong></div>
            <div><span>24V DC output</span><strong>{{ item.dc_output_24v if item.dc_output_24v is not none else '-' }} V</strong></div>
        </div>
        <div class="status-check-grid">
            <div class="check-tag {% if item.estop_active %}passed{% else %}pending{% endif %}">E-stop active: {{ 'Yes' if item.estop_active else 'No' }}</div>
            <div class="check-tag {% if item.estop_registered %}passed{% else %}pending{% endif %}">E-stop registered: {{ 'Yes' if item.estop_registered else 'No' }}</div>
            <div class="check-tag {% if item.guard_interlock %}passed{% else %}pending{% endif %}">Guard interlock: {{ 'Yes' if item.guard_interlock else 'No' }}</div>
        </div>
    </article>
    {% endfor %}
</section>
{% endblock %}