<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="backPrevLocation($event)"><i class="fas fa-long-arrow-alt-left "></i></a>
      </section>
    </div>
    <div class="col-xs-10 col-sm-10 col-md-11 b-l b-r-md">
      <section class="heading-title">
        <h1 translate>{{ 'app.public.machines_list.the_fablab_s_machines' }}</h1>
      </section>
    </div>
  </div>
</section>

<section class="machines"
         ui-tour="machines"
         ui-tour-backdrop="true"
         ui-tour-template-url="'/shared/tour-step-template.html'"
         ui-tour-use-hotkeys="true"
         ui-tour-scroll-parent-id="content-main"
         post-render="setupMachinesTour">

  <machines-editorial-block on-error="onError"></machines-editorial-block>

  <machines-list user="currentUser"
                 on-error="onError"
                 on-success="onSuccess"
                 on-show-machine="showMachine"
                 on-reserve-machine="reserveMachine"
                 on-login-requested="onLoginRequest"
                 on-enroll-requested="onEnrollRequest"
                 can-propose-packs="canProposePacks()">
  </machines-list>

</section>