<div class="col-md-12">
    <div
        id="order-cancel"
        ng-if="isOrderOngoing(ordersInfo.status)"
        class="btn btn-danger"
        ng-click="showHideCancelDialog()">
        {{'orders.buttons.CANCEL_ORDER' | translate}}
    </div>

    <div id="dialog-confirm"
         dialog
         ng-if="isCancelDialogVisible"
         on-confirmation="cancelOrder"
         on-close="showHideCancelDialog"
         is-modal="true"
         has-buttons="true"
         parameters="ordersInfo.id"
         title="{{'orders.headers.CANCEL_ORDER' | translate}}">
      <p><span class="glyphicon glyphicon-warning-sign"></span>{{'orders.messages.ORDER_CANCEL_CONFIRMATION' | translate}} {{ordersInfo.id}}?</p>
    </div>
</div>
