<div class="alert alert-warning m-t">
  <p ng-bind-html="'app.admin.pricing.these_prices_match_space_hours_rates_html' | translate"></p>
  <p ng-bind-html="'app.admin.pricing.prices_calculated_on_hourly_rate_html' | translate:{ DURATION:slotDuration, RATE: examplePrice('hourly_rate'), PRICE: examplePrice('final_price') }"></p>
  <p translate>{{ 'app.admin.pricing.you_can_override' }}</p>
</div>
<table class="table">
  <thead>
  <tr>
    <th style="width:20%"  translate>{{ 'app.admin.pricing.spaces' }}</th>
    <th style="width:20%" ng-repeat="group in enabledGroups">
      <span class="text-u-c text-sm">{{group.name}}</span>
    </th>
  </tr>
  </thead>
  <tbody>
  <tr ng-repeat="space in enabledSpaces">
    <td>
      {{ space.name }}
    </td>
    <td ng-repeat="group in enabledGroups">
                  <span editable-number="findPriceBy(spacesPrices, space.id, group.id).amount"
                        e-step="any"
                        onbeforesave="updatePrice($data, findPriceBy(spacesPrices, space.id, group.id))">
                      {{ findPriceBy(spacesPrices, space.id, group.id).amount | currency}}
                  </span>
    </td>
  </tr>
  </tbody>
</table>