<div class="modal-header">
    <h3 class="modal-title m-l" translate>{{ 'app.admin.members_edit.new_subscription' }}</h3>
</div>
<div class="modal-body m-lg">
    <div class="alert alert-danger">
      <p translate translate-values="{NAME: user.name}">
        {{ 'app.admin.members_edit.you_are_about_to_purchase_a_subscription_to_NAME' }}
      </p>
    </div>
    <form role="form" name="subscriptionForm" class="form-horizontal" novalidate>
      <div class="form-group">
        <select ng-model="subscription.plan_id" ng-options="plan.id as humanReadablePlanName(plan) for plan in plans" class="form-control" required>
        </select>
      </div>
      <div class="form-group" ng-show="allowMonthlySchedule()">
        <label for="schedule" class="control-label m-r-md">{{ 'app.admin.members_edit.with_schedule' | translate }}</label>
        <switch id="schedule" checked="subscription.payment_schedule" on-change="toggleSchedule"></switch>
      </div>
    </form>
</div>
<div class="modal-footer">
    <button class="btn btn-warning" ng-click="ok()" ng-disabled="subscriptionForm.$invalid" translate>{{ 'app.shared.buttons.confirm' }}</button>
    <button class="btn btn-primary" ng-click="cancel()" translate>{{ 'app.shared.buttons.cancel' }}</button>
</div>
