<div class="box-inner">
  <div class="rate show">
    {{#each heart in heartFill}}
      <div class="item">
        <div {{bind-attr class=":rating :even heart.even:active"}}></div>
        <div {{bind-attr class=":rating :odd heart.odd:active"}}></div>
      </div>
    {{/each}}
    <div class="total_rates">
      {{#if rate.rating.total}}
        {{rate.rating.total}}&nbsp;{{text}}
      {{else}}
        0&nbsp;Avaliações
      {{/if}}
    </div>
  </div>
  <div class="rate-progresses">
    {{#if rate.terms}}
      {{#each term in terms}}
        <div class="progress-label" data-toggle="tooltip" data-placement="top" {{bind-attr title=term.description}}>{{term.text}} <span>{{term.total}}%</span></div>
        <div class="progress">
          <div {{bind-attr style=term.style class=':progress-bar term.class'}}></div>
        </div>
      {{/each}}
    {{else}}
      <h3>Esse relato ainda não tem avaliações</h3>
    {{/if}}
  </div>
  {{#we-rating ratingManager=ratingManager modelName=modelName modelId=modelId modal="we-relato-rating-modal" classNames="btn btn-success" delegate=this isRated=isRated allowRateAlias=allowRate}}
    {{#if rated}}
      <i class="icon icon16 icon-00-24"></i>
    {{else}}
      <span class="heart-css-icon"></span>
    {{/if}}
  {{/we-rating}}
  {{#if allowRate}}
    {{#if isRated}}
      <b class="pull-right avalie-label">Você já avaliou</b>
    {{else}}
      <b class="pull-right avalie-label"><a href="https://ajuda.atencaobasica.org.br/central-de-ajuda/como-eu-faco-a-avaliacao-de-um-relato/" target="_blank">Saiba Como</a></b>
    {{/if}}
  {{/if}}
</div>