<style>
.cancel-request {
width: 70%;
margin: 0 auto;
text-align: center;
}
.modal .modal-footer button {
margin-left: 0;
}
</style>
<div id="cancelDeletionRequestModal" class="modal fade" tabindex="-1" role="dialog">
<div class="crud-album-section">
<form class="form-horizontal overflow-hidden " id="crud-album-frm{token}">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="deletion-request-area{token}" id="type{token}">
<div class="form-group error">
<div class="padding-none alert-panel" role="alert" id="error-panel">
<ul class="alert alert-danger">
</ul>
</div>
</div>
<div class="form-group success">
<div class="padding-none alert-panel" role="alert" id="error-panel">
<ul class="alert alert-success">
<li>
{% trans with {'%tag%': '<span class="text-success"></span>'} %}
cancelled request successfully
{% endtrans %}
</li>
</ul>
</div>
</div>
</div>
<div class="col-list-packages cancel-request">
<h3>{{ 'cancel request content'|trans }}</h3>
</div>
<a type="submit" class="btn btn-success btn-sm deletion-request-btn{token} pull-right hidden"
submit-url="{{ path('social_account_cancel_deletion_request') }}">
{% trans %}Save{% endtrans %} <i class="fa fa-check-circle"></i>
</a>
<a type="button" class="btn btn-danger btn-sm cancel-deletion-request-btn{token} pull-right hidden">
{% trans %}Cancel{% endtrans %} <i class="fa fa-times"></i>
</a>
</div>
</div>
</form>
</div>
</div>