<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>