<table class="table-form">
  <thead>
    <tr>
      <th>Tipo de Curso</th>
      <th>Nome do Curso</th>
      <th>Instituição</th>
      <th colspan="2">Ano de Conclusão</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
      <div {{bind-attr class="typeErr:has-error"}}> 
        {{view "select" content=courseTypes prompt=promptText value=type classNames="form-control"}}
      </div>
      </td>
      <td>
        <div {{bind-attr class="nameErr:has-error"}}> 
        {{input type="text" value=name classNames="form-control"}}
        </div>
      </td>
      <td>
        <div {{bind-attr class="schoolErr:has-error"}}> 
        {{input type="text" value=school classNames="form-control"}}</td>
        </div>
      <td>
        <div {{bind-attr class="endyearErr:has-error"}}> 
        {{input type="text" value=endyear classNames="form-control"}}
        </div>
      </td>
      <td><button class="btn btn-success" {{bind-attr disabled=invalidCourse}}{{action 'addCourse'}}>Adicionar</button></td>
    </tr>    
    {{#each course in courses}}
    <tr class="we-courses-table text-center">
      <td>{{course.type}}</td>
      <td>{{course.name}}</td>
      <td>{{course.school}}</td>
      <td>{{course.endyear}}</td>
      <td><button class="btn btn-danger" {{action 'showModal' course.id}}>Remover</button></td>
    </tr>      
    {{/each}}
  </tbody>
</table>
{{we-small-modal delegate=controller ok='removeCourse'}}