@extends('layouts.master')
@section('title', 'Publicações')
@section('content')


    <!-- MODELO INTERNO -->
    <section class="modeloInterno">
        <!-- container -->
        <div class="container">
            <!-- secTitle -->
            <div class="secTitle" data-aos="fade-down">
                <span><img src="/front/img/icons/pub.png" />PUBLICAÇÕES</span>
            </div>
            <!-- bg1 -->
            <div class="bg1" data-aos="fade-down">
                <form action="{{ action('SiteController@publicationsFind') }}" method="get" class="styled-select">
                    <div class="row" style="color: #fff;">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            {!! Form::label('type', 'Tipo:') !!}
                            {!! Form::select('type', $publicationType, null, ['class' => 'form-control', 'onBlur' => 'getValue()'])!!}
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            {!! Form::label('year', 'Ano:') !!}
                            {!! Form::text('year',  null, ['class' => 'form-control'])!!}
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            {!! Form::label('number', 'Número:') !!}
                            {!! Form::text('number', null, ['class' => 'form-control'])!!}
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            {!! Form::label('name', 'Texto:') !!}
                            {!! Form::text('name', null, ['class' => 'form-control'])!!}
                        </div>

                        <button class="btn btn-flat btn-default" style=" margin-left: 20px; margin-right: 15px; margin-top: 25px; width: 110px;" type="submit">
                            <i class="fa fa-search"> </i>
                            Buscar
                        </button>

                        <button type= "submit" onclick="limpar()" class="btn btn-flat btn-default" style="margin-right: 15px; margin-top: 25px; width: 110px;">
                            <i class="fa fa-refresh"> </i>
                            Limpar
                        </button>
                    </div>
                </form>
            </div>

            <!-- cartaConvite -->
            <div class="cartaConvite" data-aos="fade-up">
                <div class="clear"> </div>
                <!-- clear -->
                <div id="tabs">
                    <ul >
                        @foreach($publications as $key => $itens)
                            <li>
                                <a  href="#tabs-{{$key}}">{{ $key }}</a>
                            </li>

                        @endforeach
                    </ul>
                    <div class="bdy bgWhite">
                    @foreach($publications as $key => $itens)
                        <div  id="tabs-{{$key}}">
                            @foreach($itens as $publication)
                                <!-- Carta Convite -->
                                <h2>{{$publication->name}}</h2>
                                <p>{!! $publication->description !!}</p>
                                <!-- anexos -->
                                <div class="anexos">
                                    Anexos:
                                    <ul>
                                        @foreach($publication->files as $file)
                                        <li>
                                            <a target="_blank" href="/uploads/file/{{$file->id}}/{{$file->file}}"> <img src="/front/img/icons/dd.png" /> <span> {{$file->name}} </span> </a>
                                        </li>
                                        @endforeach

                                    </ul>
                                    <div class="clear"></div>
                                </div>
                            @endforeach
                        </div>
                    @endforeach
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <script>

        $(document).ready(function(){

                //carrega os valores da busca nos input quando retorna da mesma
                $('#year').attr('value', '{!! $input['year'] !!}');
                $('#number').attr('value', '{!! $input['number'] !!}');
                $('#name').attr('value', '{!! $input['name'] !!}');
                $('#type').val('{!! $input['type'] !!}');
        });

        var limpar = function(){

//            Limpa os inputs

            $('#year')  .attr('value', '');
            $('#number').attr('value', '');
            $('#name')  .attr('value', '');
            $('#type').val ( 0 );
        };

    </script>
@endsection