<div> <section class="heading b-b"> <div class="row no-gutter"> <div class="col-xs-2 col-sm-2 col-md-1"> <section class="heading-btn"> <a ng-click="cancel($event)"><i class="fas fa-long-arrow-alt-left "></i></a> </section> </div> <div class="col-xs-10 col-sm-10 col-md-7 b-l b-r-md"> <section class="heading-title"> <h1>{{ training.name }}</h1> </section> </div> <div class="col-xs-12 col-sm-12 col-md-4 b-t hide-b-md"> <section class="heading-actions wrapper"> <a ng-click="reserveTraining(training, $event)" class="fab-button is-secondary m-t-xs" ng-if="!isAuthorized('admin')" translate>{{ 'app.public.training_show.book_this_training' }}</a> <a ui-sref="app.admin.trainings_edit({id: training.id})" ng-if="isAuthorized('admin')" class="fab-button is-secondary m-t-xs"><i class="fa fa-edit"></i> {{ 'app.shared.buttons.edit' | translate }}</a> <a ng-click="delete(training)" ng-if="isAuthorized('admin')" class="fab-button is-alert m-t-xs"><i class="fa fa-trash-o"></i></a> </section> </div> </div> </section> <div class="row no-gutter"> <div class="col-sm-12 col-md-12 col-lg-8 b-r-lg"> <div class="article wrapper-lg" > <div class="article-thumbnail" ng-if="training.training_image_attributes"> <img ng-src="{{training.training_image_attributes.attachment_url}}" alt="{{training.name}}" class="img-responsive"> </div> <p class="intro" ng-bind-html="training.description | toTrusted"></p> </div> </div> </div> </div>