<repeat group="{{ @veiculos.items }}" value="{{ @veiculo }}">
    <div class="col-md-4 col-sm-6">
        <div class="item">
          <a class="veiculo" href="#" data-toggle="modal" data-target="#veiculo-{{ @veiculo.id }}">
              <check if="{{ @veiculo.imagem }}">
                  <true>
                      <img src="{{ @veiculo.imagem,680,440,true,true|resize }}" class="img-responsive" alt="{{ @veiculo.marca }} {{ @veiculo.modelo }}">
                  </true>
                  <false>
                      <img src="assets/img/sem-imagem.jpg" class="img-responsive" alt="{{ @veiculo.marca }} {{ @veiculo.modelo }}">
                  </false>
              </check>
              <div class="menu-desc">
                  <span>
                      <h3>{{ @veiculo.marca }} {{ @veiculo.modelo }}</h3>
                      {{ @veiculo.grupo }}
                  </span>
              </div>
          </a>
          <h2 class="white">
                <switch expr="{{ @settings.softsat.locacao.site.exibir_valor }}">
                <case value="diaria">
                    {{ @veiculo.diaria > 0 ? 'R$ ' . number_format(@veiculo.diaria, 2, ',', '.') . ' / dia' : 'Consulte' }}
                </case>
                <default>
                    Reservar
                </default>
                </switch>
            </h2>
        </div>
        <div class="modal fade" id="veiculo-{{ @veiculo.id }}" tabindex="-1" role="dialog" aria-labelledby="veiculo-{{ @veiculo.id }}-label">
            <div class="modal-dialog modal-md" role="document">
                <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>
                        <h4 class="modal-title" id="veiculo-{{ @veiculo.id }}-label">Confirmar reserva</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6">
                                <check if="{{ @veiculo.imagem }}">
                                    <true>
                                        <img src="{{ @veiculo.imagem,680,440,true,true|resize }}" class="img-responsive" alt="{{ @veiculo.marca }} {{ @veiculo.modelo }}">
                                    </true>
                                    <false>
                                        <img src="assets/img/sem-imagem.jpg" class="img-responsive" alt="{{ @veiculo.marca }} {{ @veiculo.modelo }}">
                                    </false>
                                </check>
                                </div>
                            <div class="col-md-6">
                                <form id="reservar-veiculo-{{ @veiculo.id }}">
                                    <input type="hidden" name="local_saida" value="{{ @params.local_saida }}">
                                    <input type="hidden" name="saida" value="{{ @params.saida }}">
                                    <input type="hidden" name="local_entrada" value="{{ @params.local_entrada }}">
                                    <input type="hidden" name="entrada" value="{{ @params.entrada }}">
                                    <input type="hidden" name="veiculo" value="{{ @veiculo.id }}">
                                </form>
                                <check if="{{ @params.saida == @params.entrada }}">
                                    Reservar o {{ @veiculo.marca }} {{ @veiculo.modelo }} <br>para o dia {{ @params.saida|date }}?
                                </check>
                                <check if="{{ @params.saida != @params.entrada }}">
                                    Reservar o {{ @veiculo.marca }} {{ @veiculo.modelo }} <br>de {{ @params.saida|date }} até {{ @params.entrada|date }}?
                                </check>
                            </div>
                        </div>
                        <div id="msg-veiculo-{{ @veiculo.id }}" style="margin: 0"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" data-msg="#msg-veiculo-{{ @veiculo.id }}" class="btn btn-success reservar-veiculo" form="reservar-veiculo-{{ @veiculo.id }}">Confirmar</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</repeat>
<check if="{{ !@veiculos.items }}">
    <div class="col-md-12 text-center">
        <div class="alert alert-warning">
          <check if="{{ @params.marca }}">
              Nenhum veículo da marca selecionada disponível no período informado!
          </check>
          <check if="{{ !@params.marca }}">
              Nenhum veículo disponível com no período informado!
          </check>
        </div>
    </div>
</check>
<check if="{{ @veiculos.paginas > 1 }}">
<div class="clearfix"></div>
<div class="col-md-12">
<nav aria-label="Paginação">
  <ul class="pagination">
    <!--<li>
      <a href="#" aria-label="Anterior">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>-->
    {~ for(@i = 1; @i <= @veiculos.paginas; @i++): ~}
    {~ @params.pagina = @i ~}
    <li class="{{ @i == @veiculos.pagina ? 'active' : '' }}"><a class="veiculo-pagina" href="{{ 'softsat_locacao_veiculos'|alias }}/{{ @i }}" data-params="{{ htmlentities(json_encode(@params)) }}">{{ @i }}</a></li>
    {~ endfor; ~}
    <!--<li>
      <a href="#" aria-label="Próximo">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>-->
  </ul>
</nav>
</div>
</check>
