Booking Voucher: Code Applied

<div class="movu-booking-voucher movu-box-shadow e-2 {{ custom_class }}">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="movu-booking-voucher-header">
                            {% if voucherCodeApplied %}
                            <h3 class="voucher-title">{{ voucherTitle }} <span
                                    class="discount-percentage">{{ discountPercentage }}</span></h3>
                            <span class="material-icons show-more">expand_more</span>
                            <span class="material-icons code-applied-icon">done</span>
                            {% else %}
                            <h3 class="voucher-title">{{ voucherTitle }} <span class="small optional-text">(optional)</span></h3>
                            <span class="material-icons show-more">expand_more</span>
                            {% endif %}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <div class="movu-booking-voucher-body" style="display: none;">
                            {% if type === 'discount-code-not-applied' %}
                            {% if voucherCodeAdded %}
                            <div class="col-xs-12 no-padding-left no-padding-right">
                                {% render '@text-input', { placeholder: 'Voucher code', value: '0123456789012' } %}
                            </div>
                            <div class="col-xs-12 no-padding-left no-padding-right">
                                <movu-button secondary text="apply" custom_class="pull-right"></movu-button>
                            </div>
                            {% else %}
                            <div class="col-xs-12 no-padding-left no-padding-right">
                                {% render '@text-input', { placeholder: 'Voucher code' }, true %}
                            </div>
                            <div class="col-xs-12 no-padding-left no-padding-right">
                                <movu-button secondary text="apply" disabled custom_class="pull-right"></movu-button>
                            </div>
                            {% endif %}
                            {% else %}
                            <div class="voucher-code-applied-content">
                                <a href="#" class="remove-discount-link">
                                    <span class="material-icons remove-discount">close</span>
                                </a>
                                <span class="discount-code-value">0123456789012</span>
                                <h3 class="total-price-with-discount-code">-549 CHF.–</h3>
                            </div>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>