RomainMarecat/slate

<!--<div class="card blue left-align" *ngIf="booking && events && events.length > 0; else noBookingEvents">-->
<!--  <div class="card-content white-text">-->
<!--    <h4 i18n="your booking title">Your booking</h4>-->
<!--    <div id="booking-infos" class="row">-->
<!--      <div class="col s12 m6">-->
<!--        <div class="card black-text">-->
<!--          <div class="card-content">-->
<!--            <span class="card-title" i18n="attendees card title">Attendees</span>-->
<!--            <span i18n="level">Level</span>: {{bookingLevel(events)}}-->
<!--            <br>-->
<!--            <span i18n="level">Age</span>: {{bookingAge(events)}}-->
<!--            <br>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="col s12 m6">-->
<!--        <div class="card black-text">-->
<!--          <div class="card-content">-->
<!--            <span class="card-title">{{getBookingCustomerTitle(booking)}}</span>-->
<!--            <span>{{booking.customer?.email}}</span>-->
<!--            <br>-->
<!--            <span>{{booking.customer?.phone}}</span>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->
<!--    <div id="events-summary" class="row">-->
<!--      <div class="col s12">-->
<!--        <ul class="collection with-header black-text">-->
<!--          <li class="collection-header">-->
<!--            <h5 i18n="sessions collection title">Sessions</h5></li>-->
<!--          <li class="collection-item avatar" *ngFor="let event of events">-->
<!--            <i class="material-icons circle blue">add_shopping_cart</i>-->
<!--            <div class="title">-->
<!--              <span>{{sessionDurationDisplay(event)}}</span>-->
<!--              <span i18n="of sport">of</span>-->
<!--              <span>{{sessionSport(event)}}</span> - -->
<!--              <span>{{sessionCity(event)}}</span>-->
<!--            </div>-->
<!--            <div>-->
<!--              <strong>-->
<!--              <span>{{sessionStartDisplay(event)}}</span>-->
<!--              <span i18n="at time">at</span>-->
<!--              <span>{{event.start_time}}</span>-->
<!--            </strong>-->
<!--              <br>-->
<!--              <span>{{event.details?.nb_persons}}</span>-->
<!--              <span i18n="people">people</span>-->
<!--            </div>-->
<!--          </li>-->
<!--        </ul>-->
<!--      </div>-->
<!--    </div>-->
<!--    <div id="price-summary" class="row">-->
<!--      <h5 class="right-align">-->
<!--            <strong i18n="total price">Total price:</strong> {{booking.price}}€-->
<!--          </h5>-->
<!--    </div>-->
<!--  </div>-->
<!--</div>-->
<!--<ng-template #noBookingEvents>-->
<!--  <div class="card-panel blue">-->
<!--    <h5 i18n>No booking found</h5>-->
<!--  </div>-->
<!--</ng-template>-->