{% extends "base.html" %}

{% block title %}Delete customer | Customer Log & Sign Off{% endblock %}

{% block content %}
<section class="page-hero danger-hero">
    <div>
        <h2>Delete customer</h2>
        <p>This action is password protected and cannot be undone.</p>
    </div>
    <a href="{{ app_url('/customers') }}" class="secondary-btn link-btn">Back to Customer Log</a>
</section>

<section class="card delete-card">
    <div class="section-heading compact">
        <h3>Confirm deletion</h3>
        <p>You are about to permanently delete this customer record.</p>
    </div>

    <div class="delete-summary-grid">
        <div class="delete-summary-main">
            <div class="meta-label">Customer</div>
            <strong>{{ customer.company_name }}</strong>
            {% if customer.address_summary %}<span>{{ customer.address_summary }}</span>{% endif %}
        </div>
        <div class="delete-summary-box">
            <span>Contacts</span>
            <strong>{{ customer.contacts|length }}</strong>
        </div>
        <div class="delete-summary-box">
            <span>Sign-off records</span>
            <strong>{{ order_summary.order_count }}</strong>
        </div>
        <div class="delete-summary-box">
            <span>Machines / labels</span>
            <strong>{{ order_summary.item_count }}</strong>
        </div>
    </div>

    <div class="form-panel delete-warning-panel">
        <div class="panel-title">Deletion warning</div>
        <p>
            Deleting this customer will also remove their contacts and any linked Sign Off records,
            including assigned machine serial label records.
        </p>
    </div>

    <form method="post" action="{{ app_url('/customers/' ~ customer.id ~ '/delete') }}" class="stacked-form delete-form">
        <div class="form-panel">
            <div class="field">
                <label for="delete_password">Delete password</label>
                <input id="delete_password" name="delete_password" type="password" autocomplete="current-password" required>
            </div>
            <label class="checkbox-row confirm-delete-row">
                <input type="checkbox" name="confirm_delete" value="yes" required>
                I understand this will permanently delete the customer and linked records.
            </label>
        </div>

        <div class="button-row">
            <button type="submit" class="danger-btn big-btn">Delete customer</button>
            <a href="{{ app_url('/customers') }}" class="secondary-btn link-btn">Cancel</a>
        </div>
    </form>
</section>
{% endblock %}