fab-manager/app/frontend/templates/shared/valid_reservation_modal.html

<div class="modal-header">
  <img ng-src="{{logoBlack.custom_asset_file_attributes.attachment_url}}" alt="{{logo.custom_asset_file_attributes.attachment}}" class="modal-logo"/>
  <h1 translate ng-show="reservation.slots_attributes.length > 0">{{ 'app.shared.valid_reservation_modal.booking_confirmation' }}</h1>
  <h1 translate ng-show="reservation.slots_attributes.length === 0 && reservation.plan_id">{{ 'app.shared.valid_reservation_modal.subscription_confirmation' }}</h1>
</div>
<div class="modal-body">
  <uib-alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</uib-alert>
  <ng-include src="'/shared/_wallet_amount_info.html'"></ng-include>

  <div ng-if="reservation.slots_attributes.length > 0">
    <p translate>{{ 'app.shared.valid_reservation_modal.here_is_the_summary_of_the_slots_to_book_for_the_current_user' }}</p>
    <ul ng-repeat="slot in reservation.slots_attributes">
      <li><strong>{{slot.start_at | amDateFormat: 'LL'}} : {{slot.start_at | amDateFormat:'LT'}} - {{slot.end_at | amDateFormat:'LT'}}</strong></li>
    </ul>
  </div>
  <div ng-if="reservation.plan_id">
    <p translate>{{ 'app.shared.valid_reservation_modal.here_is_the_subscription_summary' }}</p>
    <p>{{ plan | humanReadablePlanName }}</p>
  </div>
  <div ng-if="schedule">
    <payment-schedule-summary schedule="schedule"></payment-schedule-summary>
    <label for="method" translate>{{ 'app.shared.valid_reservation_modal.payment_method' }}</label>
    <select id="method"
            class="form-control m-b"
            ng-model="payment_method">
      <option value="stripe" translate>{{ 'app.shared.valid_reservation_modal.method_stripe' }}</option>
      <option value="check" translate>{{ 'app.shared.valid_reservation_modal.method_check' }}</option>
      <!-- TODO, pay 1st deadline with wallet -->
      <!-- TODO, notify about unable to pay with the wallet -->
      <!-- TODO, compute 1st deadline with wallet -->
    </select>
    <p ng-show="payment_method == 'stripe'" translate>{{ 'app.shared.valid_reservation_modal.stripe_collection_info' }}</p>
    <p ng-show="payment_method == 'check'" translate translate-values="{DEADLINES: schedule.items.length}">{{ 'app.shared.valid_reservation_modal.check_collection_info' }}</p>
  </div>
</div>
<div class="modal-footer">
  <button class="btn btn-info" ng-click="ok()" ng-disabled="attempting" ng-bind-html="validButtonName"></button>
  <button class="btn btn-default" ng-click="cancel()" translate>{{ 'app.shared.buttons.cancel' }}</button>
</div>