{% extends "base.html" %}
{% load static %}
{% load widget_tweaks %}

{% block inicio %}
<div class="form-group form-group-md col-md-7">
    <h4>PAGOS TPV Virtual</h4>
</div>
<div class="form-group form-group-md col-md-2">
    <button id="btn_web" type="button" class="btn_web btn btn-danger" data-toggle="modal" data-target="#ModalWeb">
        INICIO
    </button>
</div>
{% endblock inicio %}


{% block contenido %}

<!-- ##################################################################################################### -->
<!-- ################################  PAGO  MATRÍCULA  ################################################## -->
<!-- ##################################################################################################### -->

<div id="pago">
    <fieldset>
        <legend class="titulos">PAGO</legend>
        <br>      

    <div class="container">
        <div class="texto_cabecera_2" style="font-size: .9em; text-align: center; border-bottom: 1px solid #9d001d;; border-top: 1px solid #9d001d; margin-bottom: 4px;">REF.: {{ pago.referencia }}</div>
        <div class="row">                
            <label for="nombre" class="col-md-2 col-form-label">Alumno:</label>
            <div class="col-md-8">
                <span  class="lbl_resumen">{{ pago.nombre |default_if_none:"" }}</span>
            </div>
        </div>
        <div class="row">
            <label class="col-md-2 col-form-label">Concepto: </label>
            <div class="col-md-8">
                <span  class="lbl_resumen">{{pago.txt_concepto |default_if_none:"" }}</span>                
            </div>
        </div>         
        <div class="row">
            <label class="col-md-2 col-form-label">IMPORTE a PAGAR: </label>
            <div class="col-md-8">
                <span  class="lbl_resumen">{{pago.importe |default_if_none:"" }} €</span>                
            </div>
        </div>

        <div class="btn_res_pasos">
            {{ form }}                
        </div>
    </div>
    </fieldset>
</div>

{% endblock contenido %}