@extends('layouts.balanca')
@section('conteudo')
	

<div class="page-section topmargin bottommargin-lg">
    <div class="container clearfix">


        <div class="row">
            <div class="col-md-1">&nbsp;</div>
            <div class="col-md-10">
                <div class="row mb-5 mt-5">
                    <div class="col-lg-12 col-sm-12">
                        <form class="form-inline ">
                          <input class="form-control form-control-lg mr-3 w-100" type="text" placeholder="Pesquisar... " aria-label="Search" id="listSearch">
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-1">&nbsp;</div>
        </div>

        <div class="row" id="myList">
            @isset($res)
                @if ($res->count() > 0)
                    @foreach ($res as $b)
                        <div class="col-6 list">
                            <h1>{{$b['ano']}}</h1>
                            @if (count($b['itens']) > 0)
                                @foreach ($b['itens'] as $i)
                                    @foreach (json_decode($i['arquivo']) as $f)
                                        <h6 class="titulo">
                                            <a href="{{setting('site.url_imagens')}}{{$f->download_link}}" target="_blank">
                                                <i class="icon-download"></i>  
                                                {{$i['titulo']}}
                                            </a>
                                        </h6>
                                    @endforeach
                                @endforeach
                            @endif
                        </div>
                    @endforeach
                @endif
            @endisset
        </div>
    </div>
</div>




<div class="modal-on-load" data-target="#modalAviso"></div>
<div class="modal1 mfp-hide" id="modalAviso">
	<div class="block divcenter" style="background-color: #FFF; max-width: 800px;">
		<div class="section nomargin" style="padding: 30px;">
			<div class="row">
				<div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 ">		
					<h3 class="font-color-blue"><strong>IMPORTANTE!</strong></h3>
					É permitido o uso das informações desde que citadas as suas fontes: <strong>“Análise e divulgação dos dados do Sistema Comex Stat/ME pelo Centro Internacional de Negócios (CIN/FIEPA)”</strong>
				</div>
				<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 ">
				</div>
			</div>	
		</div>
		<div class="section nomargin" style="padding: 30px;">
		</div>
	</div>
</div>


	
@stop



@section('endereco')
	@include('partials.endereco')
@stop


@section('script-page')
<script>

$(document).ready(function(){
			


    $("#listSearch").on("keyup", function() {

        console.log('sdfdfg');

        var input, filter, cards, cardContainer, h5, title, i;
        input = document.getElementById("listSearch");
        filter = input.value.toUpperCase();
        cardContainer = document.getElementById("myList");
        cards = cardContainer.getElementsByClassName("list");
        for (i = 0; i < cards.length; i++) {
            title = cards[i].querySelector("h6.titulo");
            if (title.innerText.toUpperCase().indexOf(filter) > -1) {
                cards[i].style.display = "";
            } else {
                cards[i].style.display = "none";
            }
        }
     });			
      
});	
</script>

@stop