{#foreach $T.questions as question}
<div id="q_view_{$T.question$index}" tabindex="{$T.question$index}" class="question">
<h4>
{$T.question$index + 1}. {$T.question.question} (selecionar entre {$T.question.min} e {#if $T.question.max != null}{$T.question.max}{#else}ilimitado{#/if} resposta(s).)
{#if $T.admin_p}
{#if $T.question$index > 0} <a href="javascript:question_move_up({$T.question$index});"><i title="Mover questão para cima (reordenar)." class="glyphicon glyphicon-arrow-up"></i></a>&nbsp;{#/if}
 <a  onclick="return confirm('Tem certeza de que deseja remover a questão?');" href="javascript:question_remove({$T.question$index})"><i title="Remover Questão" class="glyphicon glyphicon-remove"></i></a> <a href="javascript:question_edit({$T.question$index})"><i title="Editar Questão" class="glyphicon glyphicon-edit"></i></a> {#/if}</h4>
<ul>
{#foreach $T.question.answers as answer}
<li> {$T.answer}
{#if $T.question.answer_urls[$T.answer$index]}
  [<a target="_new" href="{$T.question.answer_urls[$T.answer$index]}">mais</a>]
{#/if}
</li>
{#/for}
</ul>
</div>
<div class="row">
<div class="col-md-12">

<div id="q_edit_{$T.question$index}" style="display:none;" class="well">
<form class="form-horizontal" role="form" id="question_edit_{$T.question$index}_form" onsubmit="question_update({$T.question$index}, this); return false;" action="#">
  <div class="form-group">
      <div id="result_type" style="display:none;">
      <input type="hidden" name="choice_type" value="approval" />
      <select name="result_type">
          <option selected>absoluta</option>
          <option>relative</option>
      </select>
      </div>
  </div>

<div class="table-responsive">

<table class="table table-striped form-group" id="answer_table_{$T.question$index}">
  <tbody>
    <tr><th colspan="2">Questão:</th><td><input type="text" name="question" size="70" /></td></tr>
    <tr><th colspan="2"></th>
    <td>
      O eleitor deve selecionar no mínimo
      <select name="min">
          <option selected>0</option>
      {#for option_index = 1 to 20}
          <option>{$T.option_index}</option>
      {#/for}
      </select>
      e
      <select name="max">
          <option>0</option>
          <option selected>1</option>
      {#for option_index = 2 to 50}
          <option>{$T.option_index}</option>
      {#/for}
          <option value="">- (ilimitado)</option>
      </select>
       alternativas.</td></tr>
</td>
    </tr>
  </tbody>
  <tfoot>
    <tr><th colspan="2"></th><th><a href="javascript:add_answers($('#answer_table_{$T.question$index}'),5)">adicionar mais 5 respostas</a> <i title="Se precisar mais campos de resposta. Não vai ser necessário preencher todos." class="glyphicon glyphicon-question-sign"></i></th></tr>
    <tr><td colspan="3"><button type="submit" class="btn btn-primary">atualizar questão </button> <button type="reset" class="btn btn-danger" onclick="question_edit_cancel({$T.question$index});">cancelar</button></td></tr>
  </tfoot>

</table>
</div>
</div>
</form>


{#else}
<span class="alert alert-info">nenhuma questão ainda</span>
{#/for}
</div>
</div> <!-- end div row -->
{#if $T.admin_p}
<br><br><br>
<div class="row">
<div class="panel panel-primary">
<div class="panel-heading">Adicionar Questão:</div>
<div class="panel-body">
<form class="form-horizontal" role="form" id="question_form" onsubmit="question_add(this); return false;" action="#">
    <div class="form-group">
        <div id="result_type" style="display:none;">
        <input type="hidden" name="choice_type" value="approval" />
        <select name="result_type">
            <option selected>absoluta</option>
            <option>relative</option>
        </select>
        </div>
    </div>
<div class="form-group table-responsive">
    <table class="table table-striped" id="answer_table">
      <tbody>
     <tr><th colspan="2">Questão:</th><td><input type="text" name="question" size="70" /> <i title="A pergunta a ser feita ao eleitor." class="glyphicon glyphicon-question-sign"></i></td></tr>
        <tr><th colspan="2"></th><td>
    O eleitor deve selecionar no mínimo
    <select name="min">
        <option selected>0</option>
    {#for option_index = 1 to 20}
        <option>{$T.option_index}</option>
    {#/for}
    </select>

     e no máximo

    <select name="max">
        <option>0</option>
        <option selected>1</option>
    {#for option_index = 2 to 50}
        <option>{$T.option_index}</option>
    {#/for}
        <option value="">- (ilimitado)</option>
    </select>
     alternativas.</td></tr>
      </tbody>
      <tfoot>
        <tr><th colspan="2"></th><th><a href="javascript:add_answers($('#answer_table'), 5)">adicionar mais 5 respostas</a> <i title="Se precisar mais campos de resposta. Não vai ser necessário preencher todos." class="glyphicon glyphicon-question-sign"></i></th></tr>
        <tr><td colspan="2"><button type="submit" class="btn btn-primary">adicionar questão</button></td></tr>
      </tfoot>

    </table>
    </div>
</form>
</div>
</div>
</div>
{#/if}