<div class="modal-header">
    <button ng-click="close()" type="button" aria-label="Close" class="close closebtn">&times;</button>
    <h1 class="modal-title">{{'Print' | translate}}</h1>
</div>
<div class="modal-body">
    <div class="form-group">
        <label class="control-label">{{'Print template' | translate}}</label>
        <wizdom365-template-picker template-url="vm.template" directory-path="CanteenMenu/Templates/ViewTemplates/Print"></wizdom365-template-picker>
    </div>
    <hr />
    <div id="printAbleDiv">
        <!--<div class="wizdom-bootstrap-wrapper-system wizdom-bootstrap-wrapper"></div>-->
        <div class="bootstrap-wrapper wt-webpart-canteenMenu">
            <div wizdom-include='vm.template'></div>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-default" ng-click="close();">{{'Close' | translate}}</button>
    <button class="btn btn-success" ng-click="printDiv('printAbleDiv');">{{'Print' | translate}}</button>
    
</div>