<?= printMessages('changeCreditCard') ?>

<form id="formChangeCreditCard" onsubmit="return submitData(this);" data-target="changeCreditCard" method="post" class="form-horizontal container">
    <div class="form-group has-feedback" id="groupCardHolder">
        <label class="col-sm-2 control-label" for="inputCardHolder" id="labelCardHolder">
            <?= $text['label']['cardHolder']; ?>
        </label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="cardHolder" value="" id="inputCardHolder" required>
            <span class="glyphicon form-control-feedback"></span>
            <span class="input-error text-danger" id="errorCardHolder"></span>
        </div>
    </div>
    <div class="form-group has-feedback" id="groupCardNumber">
        <label class="col-sm-2 control-label" for="inputCardNumber" id="labelCardNumber">
            <?= $text['label']['cardNumber']; ?>
        </label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="cardNumber" value="" maxlength="23" id="inputCardNumber" required>
            <span class="glyphicon form-control-feedback"></span>
            <span class="input-error text-danger" id="errorCardNumber"></span>
        </div>
    </div>
    <div class="form-group has-feedback" id="groupExpiryDate">
        <label class="col-sm-2 control-label" for="inputExpiryDate" id="labelExpiryDate">
            <?= $text['label']['expiryDate']; ?>
        </label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="expiryDate" value="" id="inputExpiryDate" required>
            <span class="glyphicon form-control-feedback"></span>
            <span class="input-error text-danger" id="errorExpiryDate"></span>
        </div>
    </div>
    <div class="form-group has-feedback" id="groupCvcNumber">
        <label class="col-sm-2 control-label" for="inputCvcNumber" id="labelCvcNumber">
            <?= $text['label']['cvcNumber']; ?>
        </label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="cvcNumber" value="" maxlength="4" id="inputCvcNumber" required>
            <span class="glyphicon form-control-feedback"></span>
            <span class="input-error text-danger" id="errorCvcNumber"></span>
        </div>
    </div>

    <input type="submit" class="pull-right btn btn-success" id="submitChangeCreditCard" name="submitChangeCreditCard" value="<?= $text['submit']; ?>">
</form>