<!-- Rating Modal to be Called -->
<div {{bind-attr class=":modal :fade :modal-rate rated:rated" id=modalId}}>
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <img src="/theme/assets/img/modal_rate_head.png" class="modal-header-prerate">
        <img src="/theme/assets/img/modal_rate_rated.png" class="modal-header-rated">
      </div>
      <div class="modal-body">
        <h1>{{t 'rating.body.title'}}</h1>
        <div class="rate-input-container">
          {{view "starRating" maxRating=5}}
        </div>
        <h2 class="terms-subtitle">{{t 'rating.body.terms.title'}}</h2>
        <div class="rate-more">
        {{#each proxiedTerms}}
          <label>
            {{input type='checkbox' checked=checked}}
            <span data-toggle="tooltip" data-placement="top" {{bind-attr title=description}}>{{text}}</span>
          </label>
        {{/each}}
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" {{bind-attr class=":btn :btn-primary isValid::disabled saving:disabled"}}{{action 'rate'}}>
          {{#if saving}}
            {{t 'saving'}}
          {{else}}
            {{t 'rating.send.button'}}
          {{/if}}
        </button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->