{% extends 'base.html.twig' %}
{% block bodyclass %}text-center
{% endblock %}
{% block body %}
{% if cabecera.estado == 'EDICION' %}
<div class="alert alert-warning mb-0" role="alert">
<strong>MODO EDICIÓN!</strong>
Es importante terminar el proceso completo.
</div>
{% endif %}
<main class="form-signin my-a container">
<div class="mt-4">
<h1 class="h3 mb-3 fw-normal text-success">
<i class="bi bi-bag text-success mb-5"></i>
CONFIRMAR PEDIDO</h1>
</div>
<div class="row mb-3" {{ stimulus_controller('propina') }}>
<div class="col">
<div class="my-a mb-2">
{{ include('callcenter/_cabecera.html.twig', { cabecera: cabecera}) }}
</div>
</div>
<div class="col-3">
<div class="my-a">
<div class="card border-secondary mb-3">
<div class="card-body p-3">
<h4 class="card-text mb-1">$
<span data-propina-target="totalsinpropina">{{ cabecera.total }}</span>
</h4>
{# <p class="card-text mb-1">Total Sin Proprina</p> #}
</div>
</div>
<div class="card text-bg-success border-secondary">
<div class="card-body alert-success p-3">
<h1 class="card-text mb-1">$
<span data-propina-target="granTotal">{{ cabecera.total }}</span>
</h1>
<p class="card-text mb-1">Total</p>
</div>
</div>
</div>
</div>
<div class="col">
<div class="my-a">
<div class="card border-secondary">
<div class="card-body text-secondary">
<div>
{{ include('callcenter/_confirmacion.html.twig', { cabecera: cabecera, form: form}) }}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mb-3">
<div class="col">
<div class="my-a">
<div class="card border-secondary">
<div class="card-body text-secondary">
{{ include('callcenter/_lineasfinal.html.twig', { cabecera: cabecera }) }}
</div>
</div>
</div>
</div>
</div>
{{ include('callcenter/_copy_footer.html.twig') }}
</main>
{% endblock %}