<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 href="#" ng-click="backPrevLocation($event)"><i class="fas fa-long-arrow-alt-left "></i></a> </section> </div> <div class="col-xs-10 col-sm-10 col-md-8 b-l"> <section class="heading-title"> <h1>{{ 'app.logged.machines_reserve.machine_planning' | translate }} : {{machine.name}}</h1> </section> </div> </div> </section> <div class="row no-gutter machine-reserve"> <div class="col-sm-12 col-md-12 col-lg-9"> <div ui-calendar="calendarConfig" ng-model="eventSources" calendar="calendar" class="wrapper-lg" ng-show="!plansAreShown"></div> <ng-include ng-if="$root.modules.plans" src="'/plans/_plan.html'"></ng-include> </div> <div class="col-sm-12 col-md-12 col-lg-3"> <div ng-if="isAuthorized(['admin', 'manager'])"> <select-member></select-member> </div> <packs-summary item="machine" item-type="'Machine'" customer="ctrl.member" operator="currentUser" on-error="onError" on-success="onSuccess" refresh="afterPaymentPromise"> </packs-summary> <cart slot="selectedEvent" slot-selection-time="selectionTime" events="events" user="ctrl.member" mode-plans="plansAreShown" plan="selectedPlan" plan-selection-time="planSelectionTime" settings="settings" plans="plans" groups="groups" on-slot-added-to-cart="markSlotAsAdded" on-slot-removed-from-cart="markSlotAsRemoved" on-slot-start-to-modify="markSlotAsModifying" on-slot-modify-success="modifyMachineSlot" on-slot-modify-cancel="cancelModifyMachineSlot" on-slot-modify-unselect="changeModifyMachineSlot" on-slot-cancel-success="slotCancelled" after-payment="afterPayment" reservable-id="{{machine.id}}" reservable-type="Machine" reservable-name="{{machine.name}}"></cart> <uib-alert type="warning m"> <p class="text-sm"> <i class="fa fa-lightbulb-o"></i> <span ng-bind-html="machineExplicationsAlert"></span> </p> </uib-alert> </div> </div> </div>