@extends('templates.prefeitura3.transparencia.layout')

@section('header')

    <title>Contratos - Portal da Transparência</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,700|Oswald:400,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Poppins&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="{{url('')}}/transpa/fonts/icomoon/style.css">

    <link rel="stylesheet" href="{{url('')}}/transpa/css/bootstrap.min.css">
    <link rel="stylesheet" href="{{url('')}}/transpa/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="{{url('')}}/transpa/css/owl.carousel.min.css">
    <link rel="stylesheet" href="{{url('')}}/transpa/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="{{url('')}}/transpa/fonts/flaticon/font/flaticon.css">

    <link rel="stylesheet" href="{{url('')}}/transpa/css/aos.css">

    <!-- MAIN CSS -->
    <link rel="stylesheet" href="{{url('')}}/transpa/css/style.css">
{{--    <link rel="stylesheet" href="{{url('')}}/transpa/css/style2.css">--}}
{{--    <link rel="stylesheet" href="{{url('')}}/transpa/css/style5.css">--}}
{{--    <link rel="stylesheet" href="{{url('')}}/transpa/css/style7.css">--}}
    <link rel="stylesheet" href="{{url('')}}/transpa/css/footer.css">
    <link rel="stylesheet" href="{{url('')}}/transpa/scss/barraacessibilidade.scss">
{{--    <link rel="stylesheet" href="{{url('')}}/transpa/css/barraacessibilidade.css">--}}
{{--    <link rel="stylesheet" href="{{url('')}}/transpa/css/accordion.css">--}}
    <link rel="stylesheet" href="{{url('')}}/transpa/css/formulariotabela.css">
    <link rel="stylesheet" href="{{url('')}}/transpa/css/bootstrap-datepicker.css">
{{--    <link rel="stylesheet" href="{{url('')}}/transpa/font-awesome/css/font-awesome.min.css">--}}
    <link rel="stylesheet" href="{{url('')}}/transpa/font-awesome/css/all.css">
    <link rel="stylesheet" href="{{url('')}}/transpa/css/bootstrap-datepicker2.css">
    <link rel="stylesheet" href="{{url('')}}/transpa/css/font-awesome.min.css">
    <link rel="stylesheet" href="{{url('')}}/transpa/css/modal.css">
    <link rel="stylesheet" href="{{url('')}}/transpa/plugins/aos-master/aos.css"/>
    <link rel="stylesheet" href="{{url('')}}/transpa/css/animations.css">

<style>

    .page-item.active .page-link {

        background-color: #337ab7!important;
        border-color: #337ab7;
    }
</style>


@endsection


@section('menu')

    <!-- <li><a href="#home-section" class="nav-link">Página Inicial</a></li> -->
    <li><a href="{{routeTenant('site.transparencia.index')}}#about-section" class="nav-link">Sobre</a></li>
    <li><a href="{{routeTenant('site.transparencia.index')}}#nova-legislacao" class="nav-link">Legislação</a></li>
    <li><a href="{{routeTenant('site.transparencia.index')}}#faq" class="nav-link">Perguntas Frequentes</a></li>

@endsection



@section('content')



    <div class="row barra" >

        <div class="container" >

        <div class="col-md-8" style="padding-top: 10px;">

            <span style="font-size: 23px; " class="flaticon-file"></span>

            
            <span style="font-size: 16px;">&nbsp; CONTRATOS </span>

        </div>

        <div class="col-md-4" style="padding-top: 10px;" >
            <button class="btn2"><i class="fa fa-print"></i> Imprimir</button>
            <button class="btn2"><i class="fa fa-download"></i> Download</button>
        </div>


    </div>
    </div>

    <!-- FECHA BARRA -->







    <!-- FORMULÁRIO -->
    <div class="container">
<div class="row" style="background-color: #eff0f2; padding: 20px;">
    <div  class=" col-md-12 ">

            <div class="row">
                <div class="col-md-12 ">
                    <form method="post" action="{{routeTenant('site.transparencia.contratos.busca')}}" class="form2">
                        <div class="row">
                            <input type="hidden" name="_token" value="{{csrf_token()}}">


{{--                            <div class=" col-md-3">--}}
{{--                                <label><input onclick="TrataCampos(this.value)" type="radio" value="IndexLista" name="tipo_procedimento" id="tipo_procedimento" checked="checked"> Licitação</label> <br>--}}
{{--                                <label><input onclick="TrataCampos(this.value)" type="radio" value="IndexListaDispensa" name="tipo_procedimento" id="tipo_procedimento"> Dispensa ou Inexigibilidade</label><br>--}}
{{--                                <label><input onclick="TrataCampos(this.value)" type="radio" value="IndexListaAdesao" name="tipo_procedimento" id="tipo_procedimento"> Adesão a Ata de Registro de Preço</label>--}}
{{--                            </div>--}}



{{--                            <div class="col-md-3">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label for="">N° do Contrato:</label>--}}
{{--                                    <div class="form-field">--}}


{{--                                        <input class="form-control" placeholder="N° do Contrato" type="text" name="numerocontrato" @if(isset($dataform))@if(isset($dataform['numerocontrato'])) value="{{$dataform['numerocontrato']}}" @endif @endif>--}}


{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}
                            <div class="col-md-3 modalidade2">
                                <div class="form-group">
                                    <label for="">Ano:</label>
                                    <div class="form-field">


                                        <select name="ano"  class="form-control"  >
                                            <option value="">Todos os Anos</option>
                                            @for($i = date('Y');$i >= 2013;$i--)
                                            <option @if(isset($dataform)) @if($dataform['ano'] == $i)selected @endif @endif value="{{$i}}">{{$i}}</option>

                                            @endfor
                                        </select>



                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 modalidade">
                                <div class="form-group">
                                    <label for="">Fornecedor:</label>
                                    <div class="form-field ">


                                        <input class="form-control" placeholder="Termo(s) da Pesquisa" type="text" name="fornecedor" @if(isset($dataform)) @if(isset($dataform['fornecedor'])) value="{{$dataform['fornecedor']}}" @endif @endif>




                                    </div>
                                </div>
                            </div>

                            <!--<div class="col-md-3">
                              <div class="form-group">
                                <label for="children">Favorecido:</label>
                                <div class="form-field">
                                  <i class="icon icon-arrow-down3"></i>
                                  <select name="people" id="people" class="form-control">
                                    <option value="#">Item 1</option>
                                    <option value="#">Item 2</option>
                                    <option value="#">Item 3</option>
                                    <option value="#">Item 4</option>
                                    <option value="#">Item 5</option>
                                  </select>
                                </div>
                              </div>
                            </div>-->


                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="date" >&nbsp;Objeto:</label>
                                    <div class="form-field">
                                        <i class="icon icon-calendar2"></i>
                                        <input type="text"  name="objeto"  @if(isset($dataform)) @if(isset($dataform['objeto'])) value="{{$dataform['objeto']}}" @endif @endif  class="form-control " placeholder="Termo(s) da Pesquisa">
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-2">
                                <input type="submit" name="submit" id="submit" value="Buscar" class="btn3">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>
    <!-- FECHA FORMULÁRIO -->




    <div class="container" id="containertabela">

        <!--<h2></h2>-->

        <div class="atualizado2">


                @foreach ($dadoscolection as $category)


                            <div class="painel">

                                <table class="table table-condensed table-bordered" id="tabelapaineis">

                                    <tbody>

                                    <tr class="titulopainel" id="titulopaineltr">
                                        <p class="ptitulo2">CONTRATO Nº {{$category['nroContrato']}}/{{$category['exercicioContrato']}}</p>
                                    </tr>

                                    <tr>
                                        <td width="20%" class="tdcinza">Objeto: </td>
                                        <td colspan="3"> {{$category['objetoContrato']}} </td>
                                    </tr>

                                    <tr>
                                        <td class="tdcinza">Valor: </td>

                                        <td width="30%"> {{ $category['vlContrato'] }} </td>

                                        <td width="20%" class="tdcinza">Virgência do Contrato: </td>

                                        <td width="30%"> {{date('d/m/Y',  strtotime($category['dataInicioVigencia'])) }} a {{date('d/m/Y',  strtotime($category['dataFinalVigencia'])) }}</td>
                                    </tr>

                                    <tr>
                                        <td colspan="4">
                                            <a href="{{routeTenant('site.transparencia.contratos.detalhes',[$category['nroContrato'],$category['exercicioContrato']])}}" class="btn btn-sm btn-info popup" id="botaoabrirdetalhes"><i class="fa fa-gavel"></i> DETALHES DO CONTRATO</a>
                                        </td>
                                    </tr>

                                    </tbody>
                                </table>

                            </div>


                        @endforeach








                <div class="container">

            <div class="center">

                @if(isset($dataform))
                    {!! $dadoscolection->appends($dataform)->links() !!}
                @else
                    {!! $dadoscolection->links() !!}
                @endif

            </div>

        </div>



        <!-- MODAL DESPESAS -->




        </div>



</div>





        <!-- FECHA MODAL DESPESAS -->



    @endsection

    @section('footer')



        <script src="{{url('')}}/transpa/js/jquery-3.3.1.min.js"></script>
        <script src="{{url('')}}/transpa/js/popper.min.js"></script>
        <script src="{{url('')}}/transpa/js/bootstrap.min.js"></script>
        <script src="{{url('')}}/transpa/js/owl.carousel.min.js"></script>
        <script src="{{url('')}}/transpa/js/jquery.sticky.js"></script>
        <script src="{{url('')}}/transpa/js/jquery.waypoints.min.js"></script>
        <script src="{{url('')}}/transpa/js/jquery.animateNumber.min.js"></script>
        <script src="{{url('')}}/transpa/js/jquery.fancybox.min.js"></script>
        <script src="{{url('')}}/transpa/js/jquery.easing.1.3.js"></script>
        <script src="{{url('')}}/transpa/js/aos.js"></script>
        <script src="{{url('')}}/transpa/js/bootstrap-datepicker.js"></script>
        <script src="{{url('')}}/transpa/js/bootstrap-datepicker.pt-BR.js"></script>

        <script src="{{url('')}}/transpa/js/main.js"></script>

        <script src="{{url('')}}/transpa/js/accordion.js"></script>
        <script src="{{url('')}}/transpa/js/jquery.flexslider-min.js"></script>

        <script src="{{url('')}}/transpa/js/aos2.js"></script>
        <script src="{{url('')}}/transpa/js/aos3.js"></script>
        <!--<script src="js/main2.js"></script>-->
        <script src="{{url('')}}/transpa/js/barraacessibilidade.js"></script>
        <script src="{{url('')}}/transpa/js/nav.js"></script>
        <script src="{{url('')}}/transpa/js/botao.js"></script>


        <script src="{{url('')}}/transpa/js/jquery.waypoints.min2.js"></script>
        <script src="{{url('')}}/transpa/js/jquery.flexslider-min2.js"></script>
        <script src="{{url('')}}/transpa/js/owl.carousel.min2.js"></script>
        <script src="{{url('')}}/transpa/js/main3.js"></script>



        <script type="text/javascript" src="{{url('')}}/transpa/plugins/numScroll/numscroller-1.0.js"></script>


        <script src="{{url('')}}/transpa/plugins/aos-master/aos.js"></script>

        <script type="text/javascript" src="{{url('')}}/transpa/plugins/niceScroll/niceScroll.min.js"></script>

        <script>


            $(document).ready(function () {
                $('.datepicker').datepicker({
                    format: 'dd/mm/yyyy',
                    language: 'pt-BR'
                });





                });













        </script>


        <script src="{{url('')}}/templates/prefeitura1/licitacao/js/jquery.fancybox.js"></script>
        <link href="{{url('')}}/templates/prefeitura1/licitacao/css/jquery.fancybox.css" rel="stylesheet">
        <script type="text/javascript">
            $(function(){
                $('.fancybox').fancybox();
                $(".popup").fancybox({'width':'80%','height':'80%','autoScale':true,
                    'fitToView' : false,
                    'autoSize' : false,
                    'transitionIn':'none',
                    'transitionOut':'none',
                    'type':'iframe'});


            });


        </script>

    @endsection