<table class="table table-responsive">
    <tbody>
    <tr>
        <td style="padding: 5px;">
            <div align="left"><img src="catalog/view/theme/default/image/logo_mbway.png" alt="mbway"></div>
        </td>
    </tr>
    <tr>
        <td style="padding: 5px 10px;">
            <div class="form-group">
                <label>Nº de telemóvel associado ao MBWAY:</label>
                <input type="text" name="telemovel" id="input-telemovel" class="form-control">
            </div>
            <div id="error-number" style="display: none;color:red;">Número de telemóvel inválido!</div>
        </td>
    </tr>
    <tr>
        <td style="color: #666;font-size: 11px;padding: 5px 10px;">
            <div align="left">
                <p>
                    <strong>
                        Após a confirmar a sua compra via MBWay tem, no máximo, 5 minutos para fazer o seu pagamento na sua App MBWay.<br>
                        Se ultrapassar o tempo disponível, entre em contacto com o nosso apoio ao cliente e ser-lhe-á emitido um novo pagamento.
                    </strong>
                    <br>
                    Se não tem a aplicação MBWAY no seu smartphone ou ainda não aderiu ao serviço, pode aderir em <a target="_blank" href="https://www.mbway.pt/#como-aderir">mbway.pt</a>.</p>
            </div>
        </td>
    </tr>
    </tbody>
</table>

<div class="buttons">
    <div class="pull-right">
        <input type="button" value="{{ button_confirm }}" id="button-confirm" data-loading-text="{{ text_loading }}"
               class="btn btn-primary"/>
    </div>
</div>
<script type="text/javascript"><!--
    $('#button-confirm').on('click', function () {
        $("#error-number").hide();
        var re = /^((91|96|92|93)[0-9]{7})$/g;

        if (!re.test($("#input-telemovel").val())) {
            $("#error-number").show();
            $("#input-telemovel").focus();
            return false;
        }

        $.ajax({
            url: 'index.php?route=extension/payment/ifthenpaymbway/confirm&telemovel=' + $("#input-telemovel").val(),
            dataType: 'json',
            type: 'get',
            success: function (json) {
                if (json['redirect']) {
                    location = json['redirect'];
                }
            },
            beforeSend: function () {
                $('#button-confirm').button('loading');
                $("#button-confirm").prop('disabled', true);
            },

            error: function (xhr, ajaxOptions, thrownError) {
                alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
        });
    });
    //--></script>

