{{#data}}

<section class="d-flex flex-column flex-sm-row pr-0 pl-0 pt-0 pb-3 pt-sm-4 pb-sm-5">
    <div class="container">

      <div class="d-flex justify-content-between d-sm-none pt-3 pb-3 peca-mobile-header">
        <div class="">
          <span class="mr-2 rounded main-background second-color p-1 d-inline-flex justify-content-center text-center">
            <i class="fas fa-tag"></i>
          </span>
          <span class="d-inline">Lote</span> 
          <span class="d-inline is-change-lotenum">{{LOTENUM}}</span>
        </div>
      </div>

      
      <div class="row d-flex d-sm-none peca-figurewrap is-peca{{ID}}">
        <div class="peca-figurewrap-background w-100 h-100" style="background-image:url({{CLOUD_LINK}}imagens/img_p/{{ID_LEILAO}}/{{ID}}.jpg);"></div>
        <div class="swiper-container mobile-slider mobile-slider-{{ID}} h-100 w-100">
          <div class="swiper-wrapper col-12 p-0 imgtbsmob">
            <div class="swiper-slide slide-img swiper-slide-active imgmob0">
              <div class="image-container-mobile d-flex align-items-center justify-content-center h-100 w-100">
                <div class="swiper-zoom-container">
                  <img src="{{CLOUD_LINK}}imagens/img_m/{{ID_LEILAO}}/{{ID}}.jpg" class="catalogo-swp-img" data-ref="{{ID}}" alt="" data-lel="{{ID_LEILAO}}">
                </div>
              </div>
            </div>
          </div>
          <!-- Add Arrows -->
          <div class="swp-btn swiper-button-next main-next next-mobile">
          </div>
          <div class="swp-btn swiper-button-prev main-prev prev-mobile">
          </div>
        </div>
      </div> 

			<div class="d-flex mt-0 pt-3 pt-sm-0 mt-sm-4 mb-4">
        
        <div class="d-none d-sm-block col-12 col-sm-6 col-md-7 p-0 peca-figurewrap mb-3 mb-sm-0">

          <div class="d-flex peca-figurewrap-items align-items-stretch w-100 h-100">
						<div class="peca-figurewrap-tools h-100 pr-3">
              <div id="imgtbs" class="peca-thumbwrap d-flex flex-column ml-0 ml-sm-2 mr-sm-2">
								<div class="is-zoom">
									<div class="d-flex justify-content-center">
										<p class="text-center p-2 rounded">
											<span class="spinner-border text-primary" role="status" aria-hidden="true"></span>
										</p>
									</div>							
                </div>
								<ul class="flex-grow-1">
									<li class="rounded mt-2 thumb active loaded"><a class="d-flex justify-content-center align-items-center thumb-wrap rounded" href="javascript:;"><img src="{{CLOUD_LINK}}imagens/img_m/{{ID_LEILAO}}/{{ID}}.jpg" alt="" class="img-fluid" data-original="{{CLOUD_LINK}}imagens/img_g/{{ID_LEILAO}}/{{ID}}.jpg"></a></li>
									<li id="img1" class="rounded mt-2 thumb"><a class='thumb-wrap d-flex justify-content-center align-items-center rounded' href="javascript:;"></a></li>
									<li id="img2" class="rounded mt-2 thumb"><a class='thumb-wrap d-flex justify-content-center align-items-center rounded' href="javascript:;"></a></li>
									<li id="img3" class="rounded mt-2 thumb"><a class='thumb-wrap d-flex justify-content-center align-items-center rounded' href="javascript:;"></a></li>
									<li id="img4" class="rounded mt-2 thumb"><a class='thumb-wrap d-flex justify-content-center align-items-center rounded' href="javascript:;"></a></li>
									<li id="img5" class="rounded mt-2 thumb"><a class='thumb-wrap d-flex justify-content-center align-items-center rounded' href="javascript:;"></a></li>
								</ul>
              </div>
            </div>

						<div class="flex-grow-1 h-100 is-imgwrap-area border rounded">
              <div class="peca-figurewrap-background w-100 h-100 rounded" style="background-image:url({{CLOUD_LINK}}imagens/img_p/{{ID_LEILAO}}/{{ID}}.jpg);"></div>
              <!-- {{#VIDEODESK}}
              <a href="" class="is-trigger openextra-video-wrap d-block p-2 rounded" data-object="Galeria" data-function="loadGaleria" data-parameter="" data-toggle="tooltip" title="Ver vídeo">
                <span class="is-openextra-video mt-1 text-center d-block">
                  <i class="fas fa-video"></i>
                </span>
              </a>
              {{/VIDEODESK}} -->
							<div class="block-wrap d-block w-100 h-100">
								<figure class="imgwrap d-flex justify-content-center align-content-center flex-wrap m-0 w-100 h-100">
									<img src="{{CLOUD_LINK}}imagens/img_m/{{ID_LEILAO}}/{{ID}}.jpg" class="main-img" alt="" data-zoom="{{CLOUD_LINK}}imagens/img_g/{{ID_LEILAO}}/{{ID}}.jpg">
								</figure>
							</div>
            </div>
            
          </div>
 
        </div>

        <div class="col-12 col-sm-6 col-md-5 pr-0 pl-0 pl-sm-4 pl-lg-5">
          <div class="peca-infowrap d-flex flex-column">
					<div class="is-pecaintro d-flex flex-column order-2 order-sm-1">
						<span>Lote {{LOTENUM}}</span>
            <h2>{{MINI_DESCRICAO}}</h2>
            {{#TEM_RET}}
              <a href="#desc-compl">Ver descrição completa</a>
            {{/TEM_RET}}
          </div>
					<ul class="is-prod-tools d-flex mt-0 mt-sm-4 mb-3 mb-sm-0 p-0 order-1 order-sm-2">
						<li class="d-inline-flex mr-4">
							{{#STATUS_VIG}}
								<a href="#" class="is-vigiatool is-trigger has-vigia" data-object="VigiaFavorita" data-function="vigiaPeca" data-parameter="{{ID}},{{ID_LEILAO}}" data-toggle="tooltip" title="Remover vigia">
									<i class="fas fa-eye"></i>
								</a>	
							{{/STATUS_VIG}}
							{{^STATUS_VIG}}
								<a href="#" class="is-vigiatool is-trigger" data-object="VigiaFavorita" data-function="vigiaPeca" data-parameter="{{ID}},{{ID_LEILAO}}" data-toggle="tooltip" data-html="true" title="Vigiar lote - Você receberá um email para cada lance efetuado no lote. <br>(Exceto durante o pregão)">	
									<i class="far fa-eye"></i>
								</a>
							{{/STATUS_VIG}}
						</li>
						<li class="d-inline-flex mr-4">
							{{#STATUS_FAV}}
								<a href="#" class="is-favoritatool is-trigger has-favorito" data-object="VigiaFavorita" data-function="favoritaPeca" data-parameter="{{ID}},{{ID_LEILAO}}" data-toggle="tooltip" title="Remover favorito">
									<i class="fas fa-heart"></i>
								</a>	
							{{/STATUS_FAV}}
							{{^STATUS_FAV}}
								<a href="#" class="is-favoritatool is-trigger" data-object="VigiaFavorita" data-function="favoritaPeca" data-parameter="{{ID}},{{ID_LEILAO}}" data-toggle="tooltip" title="Favoritar lote">	
									<i class="far fa-heart"></i>
								</a>
							{{/STATUS_FAV}}
						</li>

            <li class="d-inline-flex mr-4">
              <a href="#" data-toggle="tooltip" title="Compartilhe o lote" class="is-compartilhapeca compartilhe-pop is-loadPop"  data-parameter='[{"TIPO":"compartilhaPeca","IDLEILAO":"{{ID_LEILAO}}","IDPECA":"{{ID}}","LOTE":"{{LOTENUM}}","URL_SITE":"{{URL_SITE}}","TITULO":"{{ MINI_DESCRICAO2}}","PT": "{{TIPO}}", "PT_ID": "{{ID_TIPO}}","LOGADO":"{{LOGADO}}","NOME":"{{LOGADO_NOME}}","EMAIL":"{{LOGADO_EMAIL}}","CLOUD":"{{CLOUD_LINK}}"}]'>
                <i class="fas fa-share-alt"></i>
              </a>
            </li>

            <li class="d-inline-flex mr-4">
              <a href="#" title="Envie para a galeria" class="is-iconetool is-trigger" data-object="Enviagaleria" data-function="loadTemplate" data-parameter='[{ "SITE_URL":"{{URL_SITE}}", "AMIGO_URL":"{{URL_SITE}}peca.asp?ID={{ID}}", "IDPECA":"{{ID}}", "AMIGO_TIPO": "Leilão", "LOGADO":"{{LOGADO}}","LOGIN_NOME":"{{LOGADO_NOME}}","LOGIN_EMAIL":"{{LOGADO_EMAIL}}", "AMIGO_IMG": "https://d1o6h00a1h5k7q.cloudfront.net/imagens/img_m/{{ID_LEILAO}}/{{ID}}", "AMIGO_TEXTO": "{{MINI_DESCRICAO}}", "AMIGO_DATA":"{{ID_LEILAO}}" }]'>
                <i class="fas fa-comments fa-fw"></i>
              </a>
            </li>  

						<li class="d-inline-flex mr-4">
              <a href="#" class="is-iconetool is-trigger" data-object="Leilao" data-function="carregaInfo" data-parameter="{{ID_LEILAO}}">
                <i class="fas fa-info-circle"></i>
              </a>
            </li>

            <li class="d-flex d-sm-none flex-grow-1 position-relative align-items-center justify-content-center">
              <div class="sw-pagination-wrap">
                <div class="swiper-pagination mobile-pagination"></div>
              </div>
            </li>
            
					</ul>
          {{#VIDEODESK}}
            <div class="is-temvideo mt-4 is-aovivo d-flex flex-column order-3">
              <div class="is-entravideo"></div>
						</div>
          {{/VIDEODESK}}
					<ul class="is-pecaitemlist d-flex flex-column order-3">
						{{#AOVIVO}}
						<li class="is-aovivo mt-4">
							<a class="is-aovivo d-flex flex-column" href="presencial/presencial.asp?Num={{ID_LEILAO}}" target="_blank">
								<span class="pecaitemlist-icon"><i class="fa fa-rss" aria-hidden="true"></i></span>
								<span class="itemlist-title">Leilão ao vivo</span>
								<span class="pecaitemlist-txt">Acesse o presencial</span>
							</a>
						</li>
            {{/AOVIVO}}
						{{#VENDAPOS}}
						<li class="is-vendapos mt-4">
							<a class="vendapos d-flex flex-column" href="#" target="_blank">
								<span class="pecaitemlist-icon"><i class="fas fa-shopping-cart"></i></span>
								<span class="itemlist-title">Venda pós pregão</span>
								<span class="pecaitemlist-txt">Peça em compra direta</span>
							</a>
						</li>
						{{/VENDAPOS}}		
						{{#TEMZAP}}
						<li class="is-zap mt-4">
							<a class="leilao-whatsapp zapmobile d-flex flex-column" href="https://api.whatsapp.com/send?phone=55{{TEL_ZAP}}&text={{MSG_ZAP}} {{LOTENUM}}%0a{{URL_SITE}}peca.asp?ID%3d{{ID}}" target="_blank" data-tippy="Envie um Whatsapp" data-tippy-theme="zap">
								<span class="pecaitemlist-icon"><i class="fab fa-whatsapp"></i></span>
								<span class="itemlist-title">Tem dúvidas? Fale conosco pelo WhatsApp</span>
								<span class="pecaitemlist-txt">Clique aqui</span>
							</a>
						</li>
						{{/TEMZAP}}	
          </ul>

          <div id="peca-valores" class="is-lancewrap is-odd mt-4 p-3 rounded order-4">

            <div class="price-bid-info d-flex flex-row">
              <div class="visits">
                <p class="m-0 pt-1 pb-1 text-center" data-toggle="tooltip" title="Visitas"><i class="fas fa-walking mr-1"></i> {{VISITAS}}</p>
              </div>
              <div class="product-price-bid ml-4">
                {{#MOSTRAVALOR}}
                <button class="m-0 is-trigger is-lehistorico border-0 pt-1 pb-1 rounded text-center" data-object="Lance" data-function="leHistorico" data-parameter="{{ID}}" data-toggle="tooltip" title="Ver todos Lances"><i class="fas fa-gavel mr-1"></i> {{QTDLANCE}}</button>
                {{/MOSTRAVALOR}}
                {{^MOSTRAVALOR}}
                <span class="m-0 pt-1 pb-1" data-toggle="tooltip" title="Lances"><i class="fas fa-gavel mr-1"></i> {{QTDLANCE}}</button>
                {{/MOSTRAVALOR}}
              </div>
              <div class="product-price-bid ml-4"> 
                <p class="m-0 pt-1 pb-1 text-center" data-toggle="tooltip" title="Dia do leilão"><i class="fas fa-clock mr-1"></i> {{DATADIA}}</p>
              </div>
              <div class="product-price-bid ml-4"> 
                <p class="m-0 pt-1 pb-1 text-center" data-toggle="tooltip" title="Local do leilão"><i class="fas fa-map-marker-alt fa-fw mr-1"></i> {{LOCALUF}}</p>
              </div>
            </div>

            {{#MOSTRAVALOR}}
            <div class="is-valor mt-3">
              <div class="d-flex">
                <span class="pecaitemlist-label p-0 mr-2">{{VALOR_LABEL}}</span>
                {{#VENCENDO}}
                  <span class="vencendo-span">(<i class="fa fa-trophy mr-1" aria-hidden="true"></i> {{VENCENDO_LABEL}})</span>
                {{/VENCENDO}}
              </div>
              {{#CONSULTA}}
              <div class="d-flex align-content-start mt-2 {{VENCENDO_LABEL}}">
                <span class="ml-1 mr-1">{{VALOR_VALUE}}</span>
              </div>
              {{/CONSULTA}}
              {{^CONSULTA}}
              <div class="d-flex align-content-start mt-2 {{VENCENDO_LABEL}}">
                <span>R$</span>
                <span class="ml-1 mr-1">{{VALOR_VALUE}}</span>
                <span class="valor-decimals">,00</span>
              </div>
              {{/CONSULTA}}
            </div>
            {{/MOSTRAVALOR}}


            {{#TEMAUTO}}
            <div class="is-valor lncauto-{{ID}} mt-3 pt-3 border-top">
              <div class="d-flex"><span class="pecaitemlist-label d-block col-12 p-0">Seu lance automático:</span></div>
              <div class="d-flex align-items-center justify-content-start mt-2">
                <div class="automatico-info mr-4">
                  <span>R$</span>
                  <span>{{AUTO_VALUE}}</span>
                  <span class="valor-decimals">,00</span>
                </div>
                <a class="btn is-blue p-1 remove-lanceauto is-trigger" href="" data-object="Lance" data-function="removeAutomatico" data-parameter='[{"IDPECA":{{ID}}, "FROM":"Peca"}]' data-tippy="Remover automatico" data-tippy-theme="zap">
                  <i class="fas fa-trash-alt mr-1"></i> Remover
                </a>
              </div>
            </div>
            {{/TEMAUTO}}

            {{#MOSTRA_COTACAO}}
            <div class="mb-0 mt-3 p-0 align-self-start flex-grow-1 pecacard-valor pecacard-meuslances order-5">
              <div class="d-flex">

                <div class="mr-4">
                  <div class="d-flex flex-column">
                    <div class="valor-title-wrap mb-1">
                      <span class="valor-title">
                        Dólar:
                      </span>
                    </div>
                    <div class="d-flex align-items-start">
                      <span class="valor-type mr-1">$</span> 
                      <span class="valor-amount">{{COTACAO_DOLLAR}}</span>
                    </div>
                  </div>
                </div>
                <div class="">
                  <div class="d-flex flex-column">
                    <div class="valor-title-wrap mb-1">
                      <span class="valor-title">
                        Euro:
                      </span>
                    </div>
                    <div class="d-flex align-items-start">
                      <span class="valor-type mr-1">&euro;</span> 
                      <span class="valor-amount">{{COTACAO_EURO}}</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            {{/MOSTRA_COTACAO}}
            
            {{#MOSTRALANCETOOL}}
            <div class="d-flex flex-column mt-3">
              <ul class="nav nav-tabs" id="myTab" role="tablist">
                {{#VENDAPOS}}
                  <li class="nav-item" role="vendapos">
                    <a class="nav-link {{^FEITOAUTOMATICO}}active{{/FEITOAUTOMATICO}}" id="vendapos-tab" data-toggle="tab" href="#vendapos" role="tab" aria-controls="vendapos" aria-selected="true">Venda pós pregão</a>
                  </li>
                {{/VENDAPOS}}
                {{^VENDAPOS}}
                  <li class="nav-item" role="lance">
                    <a class="nav-link {{^FEITOAUTOMATICO}}active{{/FEITOAUTOMATICO}}" id="lance-tab" data-toggle="tab" href="#lance" role="tab" aria-controls="lance" aria-selected="true">
                      <span>Lance Direto</span>
                    </a>
                  </li>
                  <li class="nav-item" role="automatico">
                    <a class="nav-link {{#FEITOAUTOMATICO}}active{{/FEITOAUTOMATICO}}" id="automatico-tab" data-toggle="tab" href="#automatico" role="tab" aria-controls="automatico" aria-selected="false">
                      <span class="d-none d-sm-inline">Lance Automático</span>
                      <span class="d-inline d-sm-none">Automático</span>
                      <span class=" ml-2 is-trigger" data-object="Lance" data-function="explicaAutomatico" data-parameter="{{ID}}"><i class="fa fa-question-circle" aria-hidden="true"></i></span>
                    </a>
                  </li>
                {{/VENDAPOS}}
              </ul>
              
              <div class="tab-content col-12 pt-3 pb-3 pt-sm-4 pb-sm-4 border-left border-right border-bottom">
                {{#VENDAPOS}}
                  <div class="tab-pane active" id="vendapos" role="tabpanel" aria-labelledby="vendapos-tab">
                    <form name="frmLances" id="frmVendaPos" class="m-0">
                      <input type="hidden" name="lanceauto" value="0">
                      <input type="hidden" name="vendaposflag" value="1">
                      <input type="hidden" name="IdLeilao" value="{{ID_LEILAO}}" />
                      <input type="hidden" name="IdPeca" value="{{ID}}" />
                      <input type="hidden" name="ValorMinimo" value="{{NOVO_VALOR}}" />
                      <input type="hidden" name="qtdl" value="{{QTDLANCE}}" />
                      <input type="hidden" name="aceitatermo" value="0" />
                      <input class="lance-input form-control text-right" type="hidden" maxlength="11" data-minval="{{NOVO_VALOR}}" name="valor" id="valordireto" value="{{NOVO_VALOR}}" required pattern="^[0-9 \.]+$">
                      <button id="envialance" form="frmVendaPos" class="btn is-blue text-center w-100 p-2 processalance" value="1"><i class="fas fa-shopping-cart"></i> Comprar</button>
                    </form>
                  </div>
                {{/VENDAPOS}}
                {{^VENDAPOS}}
                <div class="tab-pane {{^FEITOAUTOMATICO}}active{{/FEITOAUTOMATICO}}" id="lance" role="tabpanel" aria-labelledby="lance-tab">
                  <form name="frmLances" id="frmLancesDireto" class="m-0">
                    <input type="hidden" name="lanceauto" value="0">
                    <input type="hidden" name="vendaposflag" value="0">
                    <input type="hidden" name="IdLeilao" value="{{ID_LEILAO}}" />
                    <input type="hidden" name="IdPeca" value="{{ID}}" />
                    <input type="hidden" name="ValorMinimo" value="{{NOVO_VALOR}}" />
                    <input type="hidden" name="qtdl" value="{{QTDLANCE}}" />
                    <input type="hidden" name="aceitatermo" value="0" />
                    <label for="valordireto" class="lance-margin mb-3 font-italic" data-short="valor"><span>Tem que lançar <b>R$ {{NOVO_VALOR}},00</b> ou mais</span></label>
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">R$</span>
                      </div>
                      <input class="lance-input form-control text-right" type="text" maxlength="11" data-minval="{{NOVO_VALOR}}" oninvalid="Lance.validalance(this);" oninput="Lance.validalance(this);" onKeyPress="Lance.mascara(this,event,Lance.moedaUSINT)"  name="valor" id="valordireto" value="{{NOVO_VALOR}}" required pattern="^[0-9 \.]+$">
                      <div class="input-group-append">
                        <span class="input-group-text">,00</span>
                      </div>
                    </div>
                    <button id="envialance" form="frmLancesDireto" class="btn is-green text-center w-100 p-2 processalance" value="1"><i class="fa fa-gavel mr-2" aria-hidden="true"></i> Fazer Lance</button>
                  </form>
                </div>
                <div class="tab-pane {{#FEITOAUTOMATICO}}active{{/FEITOAUTOMATICO}}" id="automatico" role="tabpanel" aria-labelledby="automatico-tab">
                  <form name="frmLances" id="frmLancesAuto" class="m-0">
                    <input type="hidden" name="lanceauto" value="1">
                    <input type="hidden" name="vendaposflag" value="0">
                    <input type="hidden" name="IdLeilao" value="{{ID_LEILAO}}" />
                    <input type="hidden" name="IdPeca" value="{{ID}}" />
                    <input type="hidden" name="ValorMinimo" value="{{NOVO_VALOR}}" />
                    <input type="hidden" name="qtdl" value="{{QTDLANCE}}" />
                    <input type="hidden" name="aceitatermo" value="0" />
                    <label for="valor" class="lance-margin mb-3 font-italic" data-short="valor"><span>Tem que lançar mais de <b>R$ {{NOVO_VALOR}},00</b></span></label>
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">R$</span>
                      </div>
                      <input class="lance-input form-control text-right" type="text" name="valor"  maxlength="11" id="valorauto" data-minval="{{NOVO_VALOR}}" oninvalid="Lance.validalance(this);" oninput="Lance.validalance(this);" value="{{NOVO_VALOR}}"  onKeyPress="Lance.mascara(this,event,Lance.moedaUSINT)" required pattern="^[0-9 \.]+$">
                      <div class="input-group-append">
                        <span class="input-group-text">,00</span>
                      </div>
                    </div>
                    <button id="envialanceauto"  form="frmLancesAuto" class="btn is-blue text-center w-100 p-2 processalance" value="1"><i class="fa fa-gavel mr-2" aria-hidden="true"></i> Fazer Lance Automático</button>
                  </form>
                </div>
                {{/VENDAPOS}}
              </div>
            </div>
            {{/MOSTRALANCETOOL}}
            {{^MOSTRALANCETOOL}}
              <span class="btn {{MOSTRABTN_CLASS}} text-center w-100 p-2 mt-3" value="1">{{MOSTRABTN_STATUS}}</span>
            {{/MOSTRALANCETOOL}}
          </div>
          
        </div>
      </div>  
			</div>	
    </div>
</section>
<a name="desc-compl"></a>
<section class="d-flex flex-column flex-sm-row pr-0 pl-0  pt-3 pb-3 pt-sm-5 pb-sm-5 is-odd border-top">
	<div class="container">
		<div class="pt-2 pb-2 pt-sm-3 pb-sm-5 d-flex justify-content-center" aria-label="page-title">
			<h2>Detalhes</h2>
		</div>
		<div class="d-flex flex-column flex-md-row align-items-stretch mb-5">
			<div class="col-12 col-md-7 pr-0 pl-0">
					<ul class="is-detail-list row">
						<li class="is-detail-item col-12 col-sm-6 d-flex flex-column mb-3 mb-sm-4">
							<span class="detail-item-title text-center text-sm-left">Local:</span>
							<span class="detail-item-text text-center text-sm-left">{{LOCALTXT}}</span>
						</li>
						<li class="is-detail-item col-12 col-sm-6 d-flex flex-column mb-3 mb-sm-4">
							<span class="detail-item-title text-center text-sm-left">Dia do leilao:</span>
							<span class="detail-item-text text-center text-sm-left">{{DATADIA}}</span>
						</li>
						<li class="is-detail-item col-12 col-sm-6 d-flex flex-column mb-3 mb-sm-4">
							<span class="detail-item-title text-center text-sm-left">Tipo:</span>
							<a href="{{URL_SITE}}catalogo.asp?Num={{ID_LEILAO}}&Nav=lista&Sec=Catalogo&Pag=1&Srt=0&tipo={{ID_TIPO}}" class="detail-item-text text-center text-sm-left">{{TIPO}}</a>
						</li>
						<li class="is-detail-item col-12 col-sm-6 d-flex mb-3 mb-sm-4 justify-content-center justify-content-sm-start align-items-center">
							<button class="btn main-background second-color border-0 rounded is-trigger" data-object="Leilao" data-function="carregaInfo" data-parameter="{{ID_LEILAO}}">Informações</button>
						</li>
						<li class="is-detail-item col-12 d-flex flex-column mb-3 mb-sm-4">
							<span class="detail-item-title text-center text-sm-left">Descrição:</span>
							<span class="detail-item-text text-center text-sm-left">{{DESCRICAO}}</span>
						</li>
					</ul>
			</div>
			<div class="col-12 col-md-5 pr-0 pl-0">
					<ul class="is-cond-list h-100 pr-0 pl-0 pl-md-4 pl-lg-5 pt-4 pt-md-0">
						<li class="is-cond-item d-flex flex-column mb-4">
							<span class="cond-item-icon"><i class="fas fa-money-bill-wave"></i></span>
							<span class="cond-item-title">Condições de pagamento:</span>
							<div class="cond-item-text">{{{COND_PAGAMENTO}}}</div>
						</li>
						<li class="is-cond-item d-flex flex-column">
							<span class="cond-item-icon"><i class="fas fa-truck"></i></span>
							<span class="cond-item-title">Frete:</span>
							<div class="cond-item-text">{{{FRETE}}}</div>
						</li>
					</ul>
			</div>
		</div>
	</div>
</section>
<section class="d-flex flex-column flex-sm-row pr-0 pl-0 pt-3 pb-3 pt-sm-5 pb-sm-5 border-top">
	<div class="container">
		<div class="pt-2 pb-2 d-flex justify-content-center" aria-label="page-title">
			<h2>Termos e condições</h2>
		</div>
		<div class="d-flex flex-column  pt-3 mb-3 mb-sm-5 pb-sm-4 pt-sm-4">
			<div class="cond-item-text is-termos-text border p-3">{{{TERMOS}}}</div>
		</div>
	</div>
</section>
<section class="d-flex flex-column flex-sm-row pr-0 pl-0 pt-3 pb-3 pt-sm-5 pb-sm-5 border-top is-odd">
	<div class="container">
		<div class="pt-2 pb-2 d-flex justify-content-center" aria-label="page-title">
			<h2>Lotes Relacionados</h2>
		</div>

		<div id="lotesrelacionados-wrap" class="pt-0 pt-sm-4">
      <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 d-none d-sm-flex">
        {{#listalotes}}
        <div class="col mb-4">
        <div class="card is-pecacard is-pecacard-relac h-100">
          <a href="peca.asp?id={{ID}}" class="card-img-top d-flex align-items-center justify-content-center">
            <img src="{{CLOUD_LINK}}imagens/img_m/{{ID_LEILAO}}/{{ID}}.jpg" class="" alt="{{DESCRICAO}}">
          </a>	
          <div class="card-body">
            <a href="peca.asp?id={{ID}}"> 
            <p class="card-text mb-2 is-pecalote">Lote <span class="font-weight-bold">{{LOTENUM}}</span></p>
            <p class="card-text is-pecadesc">{{MINI_DESCRICAO}}</p>
            </a>
          </div>
          <div class="card-footer d-flex flex-column">
            {{#VALOR}}
              <div class="m-0 p-0 align-self-start flex-grow-1 pecacard-valor pecacard-meuslances">
                <div class="d-flex">
      
                  <div class="flex-fill is-{{STATUS}}">
                    <div class="d-flex flex-column">
                      <div class="valor-title-wrap mb-1">
                        <span class="valor-title">
                         Meu lance:
                        </span>
                      </div>
                      <div class="d-flex align-items-start">
                        <span class="valor-type mr-1">R$</span> 
                        <span class="valor-amount">{{VALOR}}</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>	
              <a class="btn mt-3 p-2 is-{{STATUS}}-btn flex-grow-1" href="peca.asp?id={{ID}}">{{STATUSTXT}}</a>
            {{/VALOR}}
            {{^VALOR}}
            <div class="m-0 p-0 align-self-start flex-grow-1 pecacard-valor">
              <div class="col-12 p-0 mb-1 align-self-start valor-title-wrap">
                <span class="valor-title">
                  {{VALOR_LABEL}}
                </span><br>
              </div>
              <div class="d-flex align-items-start">
                {{#MOSTRAVALOR}}
                  <span class="valor-type mr-1">R$</span> 
                  <span class="valor-amount">{{VALOR_VALUE}},00</span>
                {{/MOSTRAVALOR}}
                {{^MOSTRAVALOR}}
                  <span class="valor-amount">{{VALOR_VALUE}}</span>
                {{/MOSTRAVALOR}}
              </div>
            </div>
            {{#MOSTRABTN}}
              {{#VENDAPOS}}
                <a class="btn is-blue mt-3 p-2 flex-grow-1" href="peca.asp?id={{ID}}"><i class="fa fa-gavel mr-2" aria-hidden="true"></i> Comprar</a>	
              {{/VENDAPOS}}  
              {{^VENDAPOS}}
                <a class="btn main-background second-color a mt-3 p-2 flex-grow-1" href="peca.asp?id={{ID}}"><i class="fa fa-gavel mr-2" aria-hidden="true"></i> Registrar Lance</a>	
              {{/VENDAPOS}}
            {{/MOSTRABTN}}
            {{^MOSTRABTN}}
              <span class="btn is-sembtn p-2 rounded mt-3 {{MOSTRABTN_CLASS}}">{{MOSTRABTN_STATUS}}</span>
            {{/MOSTRABTN}}
            {{/VALOR}}
          </div>
          </a>	
        </div>
        </div>
        {{/listalotes}}	
      </div>
    </div>

    <div class="swiper-container destaque-swiper-container d-block d-sm-none">
      <div class="swiper-wrapper">
        {{#listalotes}}
        <div class="col-12 swiper-slide">
        <div class="card is-pecacard is-pecacard-relac h-100">
          <a href="peca.asp?id={{ID}}" class="card-img-top d-flex align-items-center justify-content-center">
            <img src="{{CLOUD_LINK}}imagens/img_m/{{ID_LEILAO}}/{{ID}}.jpg" class="" alt="{{DESCRICAO}}">
          </a>	
          <div class="card-body">
            <a href="peca.asp?id={{ID}}"> 
            <p class="card-text mb-2 is-pecalote">Lote <span class="font-weight-bold">{{LOTENUM}}</span></p>
            <p class="card-text is-pecadesc">{{MINI_DESCRICAO}}</p>
            </a>
          </div>
          <div class="card-footer d-flex flex-column">
            {{#VALOR}}
              <div class="m-0 p-0 align-self-start flex-grow-1 pecacard-valor pecacard-meuslances">
                <div class="d-flex">
      
                  <div class="flex-fill is-{{STATUS}}">
                    <div class="d-flex flex-column">
                      <div class="valor-title-wrap mb-1">
                        <span class="valor-title">
                         Meu lance:
                        </span>
                      </div>
                      <div class="d-flex align-items-start">
                        <span class="valor-type mr-1">R$</span> 
                        <span class="valor-amount">{{VALOR}}</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>	
              <a class="btn mt-3 p-2 is-{{STATUS}}-btn flex-grow-1" href="peca.asp?id={{ID}}">{{STATUSTXT}}</a>
            {{/VALOR}}
            {{^VALOR}}
            <div class="m-0 p-0 align-self-start flex-grow-1 pecacard-valor">
              <div class="col-12 p-0 mb-1 align-self-start valor-title-wrap">
                <span class="valor-title">
                  {{VALOR_LABEL}}
                </span><br>
              </div>
              <div class="d-flex align-items-start">
                {{#MOSTRAVALOR}}
                  <span class="valor-type mr-1">R$</span> 
                  <span class="valor-amount">{{VALOR_VALUE}},00</span>
                {{/MOSTRAVALOR}}
                {{^MOSTRAVALOR}}
                  <span class="valor-amount">{{VALOR_VALUE}}</span>
                {{/MOSTRAVALOR}}
              </div>
            </div>
            {{#MOSTRABTN}}
              {{#VENDAPOS}}
                <a class="btn is-blue mt-3 p-2 flex-grow-1" href="peca.asp?id={{ID}}"><i class="fa fa-gavel mr-2" aria-hidden="true"></i> Comprar</a>	
              {{/VENDAPOS}}  
              {{^VENDAPOS}}
                <a class="btn main-background second-color a mt-3 p-2 flex-grow-1" href="peca.asp?id={{ID}}"><i class="fa fa-gavel mr-2" aria-hidden="true"></i> Registrar Lance</a>	
              {{/VENDAPOS}}
            {{/MOSTRABTN}}
            {{^MOSTRABTN}}
              <span class="btn is-sembtn p-2 rounded mt-3 {{MOSTRABTN_CLASS}}">{{MOSTRABTN_STATUS}}</span>
            {{/MOSTRABTN}}
            {{/VALOR}}
          </div>
          </a>	
        </div>
        </div>
        {{/listalotes}}	
      </div>
      <div class="swiper-pagination des-pagination d-block d-sm-none"></div>

      <!-- If we need navigation buttons -->
      <div class="swiper-button-prev des-prev des-btn d-flex flex-columns justify-content-center d-sm-none"></div>
      <div class="swiper-button-next des-next des-btn d-flex flex-columns justify-content-center d-sm-none"></div>
    </div>
	</div>
</section>
<section class="col-12 ss-style-slit shareleilao p-0">
  <div class="col-12 is-leilao-{{RAND}} main-background d-block pr-0 pl-0 pt-5 pb-5">
    <div class="is-leilaobackground main-background"></div>
    <div class="col-12 d-flex justify-content-center align-items-center">
      <a href="catalogo.asp?Num={{ID_LEILAO}}&Nav=lista&Sec=Catalogo&Pag=1&Srt=0&tipo={{ID_TIPO}}" class="rounded main-background second-color p-4"><i class="fas fa-list-alt mr-2"></i> Ver mais peças desse tipo</a>
    </div>
  </div>  
</section>
{{/data}}
{{#TEMERRO}}
<p>{{MENSAGEM_ERRO}}</p>
{{/TEMERRO}}