@extends('painel.layouts.dashboard')

@section('title', 'Diário oficial')

@section('title-dashboard')
<a class="btn btn-primary btn-xs" title="Novo Cadastro" onclick="AtivarCadastro();"><span class="glyphicon glyphicon-plus" aria-hidden="true"/></a>
Nova Publicação
@endsection

@section('pg-home')
@endsection

@section('content')
@parent



<div class="modal fade margin-top-10p" id="modal_cad_diario" tabindex="-1" data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header" style="text-align: center;">
                <h4 class="modal-title" id="myLargeModalLabel">CADASTRO DE DIÁRIO OFICIAL!
                    <a style="float: right" class="close btn-small floatright" id="fechar_modal_cad_cliente" data-dismiss="modal" aria-hidden="true"><i class="fa fa-close"></i></a>
                </h4>
                {!! Form::open(['url' => 'painel/diario-oficial/diariogo', 'onsubmit'=>'getModalAguarde();', 'class' => 'horizontal-form', 'files' => true]) !!}
                    <div class="modal-body" style="text-align: left;">                            
                            <div id="formstatus"></div>
                            <div class="row">
                                <div class="col-md-12">
                                    
                                    <div class="col-md-6">
                                        {!! Form::label('nome', trans('diario_oficial.nome'), ['class' => 'control-label']) !!}
                                        <div class="form-group {{ $errors->has('nome') ? 'has-error' : ''}}">
                                            {!! Form::text('nome', null, ['class' => 'form-control', 'required' => 'required','placeholder'=>'Título']) !!}
                                            {!! $errors->first('nome', '<p class="help-block">:message</p>') !!}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group {{ $errors->has('imagem') ? 'has-error' : ''}}">
                                            {!! Form::label('arquivo', trans('diario_oficial.arquivo')) !!}
                                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                                <div class="input-group input-large">
                                                    <div class="form-control uneditable-input input-fixed input-medium" data-trigger="fileinput">
                                                        <i class="fa fa-file fileinput-exists"></i>&nbsp;
                                                        <span class="fileinput-filename"> </span>
                                                    </div>
                                                    <span class="input-group-addon btn btn-file">
                                                        <span class="fileinput-new"> Selecione o Arquivo</span>
                                                        <span class="fileinput-exists"> Mudar </span>
                                                        {!! Form::file('image') !!}
                                                        {!! Form::hidden('arquivo', null) !!}
                                                    </span>
                                                    <a href="javascript:;" class="input-group-addon btn red fileinput-exists" data-dismiss="fileinput"> Remover </a>
                                                </div>                                        
                                            </div>
                                            {!! $errors->first('logo', '<p class="help-block">:message</p>') !!}
                                        </div>
                                    </div>
                                    <div class="col-md-2 clearboth">
                                        {!! Form::label('edicao', trans('diario_oficial.edicao'), ['class' => 'control-label']) !!}
                                        <div class="form-group {{ $errors->has('edicao') ? 'has-error' : ''}}">
                                            {!! Form::text('edicao', null, ['class' => 'form-control', 'required' => 'required', 'placeholder'=>'000']) !!}
                                            {!! $errors->first('edicao', '<p class="help-block">:message</p>') !!}
                                        </div>
                                    </div>
                                    <div class="col-md-2 floatleft">
                                        {!! Form::label('ano', 'Ano', ['class' => 'control-label']) !!}
                                        <div class="form-group {{ $errors->has('ano') ? 'has-error' : ''}}">
                                            {!! Form::number('ano', date('Y'), ['class' => 'form-control', 'required' => 'required', 'placeholder'=>'0']) !!}
                                            {!! $errors->first('ano', '<p class="help-block">:message</p>') !!}
                                        </div>
                                    </div>
                                    <div class="col-md-2 floatleft">
                                        {!! Form::label('n_ano', 'Nº Ano', ['class' => 'control-label']) !!}
                                        <div class="form-group {{ $errors->has('ano') ? 'has-error' : ''}}">
                                            {!! Form::number('n_ano', null, ['class' => 'form-control', 'required' => 'required', 'placeholder'=>'0']) !!}
                                            {!! $errors->first('n_ano', '<p class="help-block">:message</p>') !!}
                                        </div>
                                    </div>
                                    <div class="col-md-3 floatleft">
                                        {!! Form::label('data', 'Data', ['class' => 'control-label']) !!}
                                        <div class="form-group {{ $errors->has('data') ? 'has-error' : ''}}">
                                            {!! Form::text('data', null, ['class' => 'form-control date-picker','id'=>'data_diario', 'required' => 'required','placeholder'=>'00/00/0000', "maxlength"=>"10", "onkeypress"=>"formatar('##/##/####', this);return SomenteNumero(event)"]) !!}
                                            {!! $errors->first('data', '<p class="help-block">:message</p>') !!}
                                        </div>
                                    </div>

                                </div><!-- end .col 12 -->                        
                            </div><!-- end .row -->                        
                    </div>
                    <div class="modal-footer">
                        <input class="btn btn-info" id="submit" type="submit" name="submit" value="Salvar">
                    </div>
                {!! Form::close() !!}             
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<!-- Formulário Cadastro-->
<div id="div_cadastro" class="{{$displayCadastrar}}">
    @include('painel/diario_oficial/create')
</div>

<!-- Formulário Editar-->
<div id="div_edit" class="{{$displayEdit}}">
    @if($displayEdit == 'displayblock')
    @include('painel/diario_oficial/edit')
    @endif
</div>

<div class="modal fade" id="Confirmar_Operacao" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Confirmação</h4>
            </div>
            <div class="modal-body"> Deseja realmente executar essa operação? </div>
            <div class="modal-footer">
                <button type="button" class="btn red btn-outline margin-bottom10px" data-dismiss="modal">Não</button>
                <a class="btn blue-steel btn-outline" href="" id="btn_operacao_sim" onclick="LoadRota('{{url('painel/diario-oficial/listar')}}');" target="_blank">Sim</a>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- Lista -->

<div class="row">
    <div class="col-md-12">        
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-list"></i> Publicações do Diário oficial em aberto!                                      
                </div>
                <div class="tools margin-top4px">
                    <div class="btn-group pull-right">
                        <!--<a class="btn red-mint" onclick="SetarRouterOperacao('{{ url('gerar-diario') }}');" href="#Confirmar_Operacao" data-toggle='modal'>GERAR DIÁRIO</a>-->                       
                        <a class="btn green-meadow" href="{{url('painel/diario-oficial/pre-visualizar')}}" target="_blank"><i class="fa fa-search"></i> PRÉ-VISUALIZAR</a>                       
                    </div>
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-striped table-condensed flip-content width100p" id="pagination_perfil">
                    <thead class="flip-content">
                        <tr>
                            <th class="col-sm-1 text-aligncenter">{{trans('padrao.editar')}}</th><th class="col-sm-1">Código</th><th> {{ trans('diario_oficial.nome') }} </th><th> Autor </th><th> Secretaria </th><th> Layout </th><th> {{ trans('diario_oficial.situacao') }} </th><th class="col-sm-1 text-aligncenter">{{trans('padrao.excluir')}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {{-- */$x=0;/* --}}
                        @foreach($diario_oficial as $item)
                        {{-- */$x++;/* --}} 
                        <tr>
                            <td class="text-aligncenter"><a href="{{ route('diario_oficialEditar', $item->id) }}"><i class="fa fa-edit"></i></a></td>
                            <td>{{ $item->id }}</td>
                            <td>{{ $item->nome }}</td>
                            <td>{{ $item->autor }}</td>
                            <td>{{ $item->secretarias->nome }}</td>
                            <td>{{ $item->layout }}</td>
                            <td>{{ $item->situacao }}</td>
                            <td class="text-aligncenter"><a onclick="SetarRouter('{{ route('diario_oficialExcluir', $item->id) }}');" href="#Confirmar_Exclusao" data-toggle='modal'><i class="fa fa-trash"></i></a></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>        
    </div>
</div>

<div class="row">
    <div class="col-md-12">        
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-list"></i> Lista de Diários Oficiais                                     
                </div>
                <div class="tools margin-top4px">
                    <div class="btn-group pull-right">
                        @if(Auth::User()->id == 1)
                            <a class="btn green-meadow" href="#modal_cad_diario" data-toggle='modal'>CADASTRAR DIÁRIO</a>                       
                        @endif
                    </div>
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-striped table-condensed flip-content width100p" id="pagination_perfil">
                    <thead class="flip-content">
                        <tr>
                            <!--<th class="col-sm-1">Editar</th>-->
                            <th class="col-sm-1">Código</th><th> Nome </th><th> Edição </th><th> Ano </th><th class="col-sm-1 text-aligncenter">Vis.</th>
                        </tr>
                    </thead>
                    <tbody>
                        {{-- */$x=0;/* --}}
                        @foreach($diarios as $item)
                        {{-- */$x++;/* --}} 
                        <tr>
                            <!--<td class="text-aligncenter"><a href="{{ route('diariosEditar', $item->id) }}"><i class="fa fa-edit"></i></a></td>-->
                            <td>
                                @if(Auth::User()->tipos_user_id == 1)
                                    <a href="javascript:void(0)" onclick="abrirPublicacoesDiario({{ $item->id }}, '{{ addslashes($item->nome) }}')" style="cursor:pointer; font-weight:bold;">{{ $item->id }}</a>
                                @else
                                    {{ $item->id }}
                                @endif
                            </td>
                            <td>{{ $item->nome }}</td><td>{{ $item->edicao }}</td><td>{{ $item->ano }}</td>
                            <td class="text-aligncenter"><a target="_blank" href="{{asset('upload/diario_oficial/'.$item->arquivo)}}"><i class="fa fa-search"></i></a></td>                            
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        
    <script>
        function SetarRouterOperacao(router){
            $("#btn_operacao_sim").attr('href',router);
            
        }
        function LoadRota(rota){
            window.setTimeout(function(){window.location.href = rota;}, 1000);            
        }
    </script>
        
    </div>
</div>

<!-- Modal Publicações do Diário -->
<div class="modal fade" id="modal_publicacoes" tabindex="-1" data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Publicações do Diário: <span id="modal_publicacoes_nome"></span>
                    <a style="float:right" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-close"></i></a>
                </h4>
            </div>
            <div class="modal-body">
                <div id="modal_publicacoes_loading" style="text-align:center; padding:20px;">
                    <i class="fa fa-spinner fa-spin fa-2x"></i> Carregando...
                </div>
                <table class="table table-bordered table-striped table-condensed" id="modal_publicacoes_tabela" style="display:none;">
                    <thead>
                        <tr>
                            <th class="col-sm-1">Código</th>
                            <th>Nome</th>
                            <th class="col-sm-2">Situação</th>
                            <th class="col-sm-1 text-aligncenter">Editar</th>
                        </tr>
                    </thead>
                    <tbody id="modal_publicacoes_tbody"></tbody>
                </table>
                <div id="modal_publicacoes_vazio" style="display:none; text-align:center; padding:20px; color:#888;">
                    Nenhuma publicação encontrada para este diário.
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>

<script>
window.abrirPublicacoesDiario = function(diarioId, diarioNome) {
    var urlBase = '{{ url('painel/diario-oficial/publicacoes') }}';
    var editBase = '{{ url('painel/diario-oficial/editar') }}';
    document.getElementById('modal_publicacoes_nome').innerText = diarioNome;
    document.getElementById('modal_publicacoes_loading').style.display = 'block';
    document.getElementById('modal_publicacoes_tabela').style.display = 'none';
    document.getElementById('modal_publicacoes_vazio').style.display = 'none';
    document.getElementById('modal_publicacoes_tbody').innerHTML = '';
    jQuery('#modal_publicacoes').modal('show');

    jQuery.ajax({
        url: urlBase + '/' + diarioId,
        type: 'GET',
        success: function(data){
            document.getElementById('modal_publicacoes_loading').style.display = 'none';
            if(data.length === 0){
                document.getElementById('modal_publicacoes_vazio').style.display = 'block';
            } else {
                jQuery.each(data, function(i, pub){
                    var row = '<tr>'
                        + '<td>' + pub.id + '</td>'
                        + '<td>' + pub.nome + '</td>'
                        + '<td>' + pub.situacao + '</td>'
                        + '<td class="text-aligncenter"><a href="' + editBase + '/' + pub.id + '"><i class="fa fa-edit"></i></a></td>'
                        + '</tr>';
                    document.getElementById('modal_publicacoes_tbody').innerHTML += row;
                });
                document.getElementById('modal_publicacoes_tabela').style.display = 'table';
            }
        },
        error: function(){
            document.getElementById('modal_publicacoes_loading').style.display = 'none';
            document.getElementById('modal_publicacoes_vazio').innerText = 'Erro ao carregar publicações.';
            document.getElementById('modal_publicacoes_vazio').style.display = 'block';
        }
    });
};
</script>

@endsection