{% extends 'ecom.html.twig' %}

{% block content %}
<div class="ecom__homepage-top-text">
    <div style="max-width: 600px; margin: 0 auto; padding: 40px 20px;">
        <h1 class="page__title page__title--h1 mb-4">{{ 'Avbeställ' | trans }}</h1>

        {% for message in app.flashes('error') %}
            <div class="alert alert-danger mb-4">{{ message }}</div>
        {% endfor %}

        <p class="mb-4">{{ 'Ange ditt ordernummer och e-postadress för att hitta din beställning.' | trans }}</p>

        <form method="POST" action="{{ path('ecom_cancel_search', {'channelEcomId': app.request.get('channelEcomId')}) }}">
            <div class="mb-3">
                <label for="orderNr" class="form-label">{{ 'Ordernummer' | trans }}</label>
                <input type="text" class="form-control" id="orderNr" name="orderNr" required>
            </div>
            <div class="mb-3">
                <label for="email" class="form-label">{{ 'E-postadress' | trans }}</label>
                <input type="email" class="form-control" id="email" name="email" required>
            </div>
            <button type="submit" class="btn btn-primary">{{ 'Sök' | trans }}</button>
        </form>
    </div>
</div>
{% endblock %}