@extends(layoutTenant())

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Publicar Matéria</h4>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    @if (session('success'))

        <div class="alert alert-success">
            {{ session('success') }}
        </div>

    @endif
    @if (session('erro'))

        <div class="alert alert-danger">
            {{ session('erro') }}
        </div>

    @endif
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">

        <div class="card">
            <h5 class="card-header">Filtros</h5>
            <div class="card-body p-0">
                {!! Form::open(['url'=>routeTenant('materias.publicar.buscar'), 'class'=>'form form-inline']) !!}

<div class="row" style="margin-top: 20px; margin-left: 10px;">

    <div class="col-md-8">

        <div class="form-group">
            {!! Form::label('pagina', 'Resultados por página:') !!}
            <select style="width: 90%" name="pagina" class="custom-select" >
               <option @if(isset($pagina)) @if ($pagina == '10') selected @endif @endif value="10">10 </option>
                <option @if(isset($pagina)) @if ($pagina == '25') selected @endif @endif value="25">25 </option>
                <option @if(isset($pagina)) @if ($pagina == '50') selected @endif @endif value="50">50 </option>
                <option @if(isset($pagina)) @if ($pagina == '100') selected @endif @endif value="100">100 </option>
                <option @if(isset($pagina)) @if ($pagina == '200') selected @endif @endif value="200">200 </option>
            </select>
        </div>
    </div>
    <div class="col-md-4" style="margin-top: 20px; margin-bottom: 20px;">
        <div class="form-group">
            {!! Form::submit('Pesquisar', ['class'=>'btn btn-primary btn btn-outline-success my-2 my-sm-0']) !!}
        </div>
    </div>
</div>
                {!! Form::close() !!}

            </div>
        </div>
    </div>
    <!-- recent orders  -->
    <!-- ============================================================== -->
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <h5 class="card-header"></h5>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-striped  table-bordered">
                        <thead class="bg-dark text-light">
                        <tr class="border-0">
                            <th class="border-0 text-light">Edição</th>
                            <th class="border-0 text-light">Data Geração</th>
                            <th class="border-0 text-light">Gerado por</th>
                            <th class="border-0 text-light">Publicado por</th>
                            <th class="border-0 text-light">Data Disponibilização no site</th>
                            <th class="border-0 text-light"> Situação</th>
                            <th class="border-0 text-light">Funções</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($categories as $category)
                            <tr>
                                <td >
                                    <div class="m-r-10">
                                      {{$category->id_edicao}}
 </div>
                                </td>

                                <td>@if($category->datageracao->format('Ym') == '200110')  @else {{ $category->datageracao->format('d/m/Y') }} @endif </td>

                                <td>@if ($category->geradopor_id == 0) @else  @if (isset($category->geradodopor->name)) {{$category->geradodopor->name}} @endif @endif </td>
                                <td>@if ($category->publicadopor_id == 0) @else @if (isset($category->publicadopor->name)) {{$category->publicadopor->name}} @endif  @endif </td>

                                <td>@if($category->dataversite->format('Ym') == '200110')  @else {{ $category->dataversite->format('d/m/Y') }} @endif </td>
                                <td>{{    $category->situacao }} </td>
                                <td>
                                    @if (Auth::user()->diario == "1" || Auth::user()->vertodasmaterias == '1')
                                        @if($category->status == 1)
                                    <a  target="_blank" href="{{routeTenant('materias.visualizar',['id'=>$category->id])}}" title="Pré-visualizar Diário" class="btn btn-warning btn-xs"><i class="fa fa-eye" aria-hidden="true"></i></a>
                                       @else
                                            <a  title="Pré-visualizar Diário" class="btn btn btn-light btn-xs"><i class="fa fa-eye" aria-hidden="true"></i></a>

                                        @endif

                                            @if($category->status == 1)
                                    <a  href="{{routeTenant('materias.gerardiario',['id'=>$category->id])}}" title="Gerar Diário Final" data-confirm2='Tem certeza de que deseja Desativar o item selecionado?' class="btn btn-success btn-xs"><i class="fa fa-cog" aria-hidden="true"></i></a>
                                            @else
                                                <a  title="Gerar Diário Final"  class="btn btn-light btn-xs"><i class="fa fa-cog" aria-hidden="true"></i></a>

                                            @endif
                                            @if($category->status == 2  )
                                                <a  target="_blank" download="Diario_{{$category->dataversite->format('d-m-Y')}}.pdf" href="{{url($category->url_pdf)}}" title="Baixar Diário Final Gerado"  class="btn btn-custom  btn-xs"><i class="fa fa-download " aria-hidden="true"></i></a>
                                            @else
                                                @if($category->status == 3)
                                                    <a  target="_blank" download="Diario_{{$category->dataversite->format('d-m-Y')}}.pdf" href="{{url($category->url_pdf)}}" title="Baixar Diário Final Gerado"  class="btn btn-custom  btn-xs"><i class="fa fa-download " aria-hidden="true"></i></a>
                                                        @else
                                                    <a    class="btn btn-light btn-xs"><i class="fa fa-download " aria-hidden="true"></i></a>
                                                @endif

                                            @endif
                                        @if(Auth::user()->assinatura == "")

                                            @if($category->status == 2)
                                                <a  data-toggle="modal" data-target="#exampleModal2" data-whatever="{{$category->id}}" title="Publicar Diário Assinado" style="color: #FFF !important;"  class="btn btn-primary btn-xs" > <i class="fa fa-upload" aria-hidden="true"></i></a>
                                            @else
                                                <a  title="Publicar Diário Assinado" class="btn btn-light btn-xs"> <i class="fa fa-upload" aria-hidden="true"></i></a>

                                            @endif

                                        @else

                                            @if($category->status == 2)
                                                <a  data-toggle="modal" data-target="#exampleModal" data-whatever="{{$category->id}}" title="Assinar Diario" style="color: #FFF;" class="btn btn-primary btn-xs"> <i class="fa fa-pencil"></i></a>
                                            @else
                                                <a title="Assinar Diario" class="btn btn-light btn-xs"> <i class="fa fa-pencil"></i></a>

                                            @endif
                                         @endif

                                            @if($category->status == 2 )
                                                <a href="{{routeTenant('materias.regerarpdf',[$category->id])}}" title="Regerar Diário" data-confirm='Tem certeza de que deseja Desativar o item selecionado?'  class="btn btn-danger btn-xs"><i class="fa fa-power-off" aria-hidden="true"></i></a>
                                            @else
                                                <a  title="Regerar Diário"   class="btn btn-light btn-xs"><i class="fa fa-power-off" aria-hidden="true"></i></a>

                                            @endif
                                    @endif

                                </td>
                            </tr>

                        @endforeach
                        </tbody>
                    </table>
                    <div style="padding: 20px; font-size: 15px;"> Exibindo <strong >{{$categories->currentPage()}}</strong> até <strong>{{$categories->perPage()}}</strong>  de <strong>{{$categories->count()}}</strong>  linhas - <strong>{{$categories->perPage()}}</strong>  registros por página</div>
                    <div style="padding-left: 20px; font-size: 15px;">
                    @if(isset($dataform))
                    {!! $categories->appends($dataform)->links() !!}
                       @else
                        {!! $categories->links() !!}
                    @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ============================================================== -->
    <!-- end recent orders  -->
    <div class="modal" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                {!! Form::open(['url'=>routeTenant('materias.assinarpdf'),'enctype'=>'multipart/form-data', 'class'=>'form']) !!}

                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">New message</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                            <input type="hidden" name="id"  value="" class="form-control" id="recipient-name">

                        <div class="form-group">
                            <label for="message-text" class="col-form-label">Senha:</label>
                            <input type="text" value="" name="senha" class="form-control" >

                        </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Assinar</button>
                </div>
                {!! Form::close() !!}
            </div>

        </div>

    </div>

    <!-- end recent orders  -->
    <div class="modal" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                {!! Form::open(['url'=>routeTenant('materias.publicardiario'),'enctype'=>'multipart/form-data', 'class'=>'form']) !!}

                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">New message</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="id"  value="" class="form-control" id="recipient-name">

                    <div class="form-group">
                        <label for="message-text" class="col-form-label"> Diário Assinado</label>
                        <input type="file" value="" name="url_pdf" class="form-control" >

                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Publicar</button>
                </div>
                {!! Form::close() !!}
            </div>

        </div>

    </div>

@endsection
@section('post-script')
    <script>
        $('#exampleModal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget) // Button that triggered the modal
            var recipient = button.data('whatever') // Extract info from data-* attributes
            // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
            // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
            var modal = $(this)
            modal.find('.modal-title').text('Assinar o Diario')
            modal.find('#recipient-name').val(recipient)
        })

        $('#exampleModal2').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget) // Button that triggered the modal
            var recipient = button.data('whatever') // Extract info from data-* attributes
            // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
            // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
            var modal = $(this)
            modal.find('.modal-title').text('Publicar Diário Assinado')
            modal.find('#recipient-name').val(recipient)
        })
        $(document).ready(function(){
            $('a[data-confirm]').click(function(ev){
                var href = $(this).attr('href');
                if(!$('#confirm-delete').length){
                    $('body').append('<div class="modal" id="confirm-delete" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-danger text-white">REGERAR DIARIO' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                        'Tem certeza de que deseja Regerar o Diario ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Regerar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').modal({show: true});
                return false;

            });

        });

        $(document).ready(function(){
            $('a[data-confirm2]').click(function(ev){
                var href = $(this).attr('href');
                if(!$('#confirm-delete2').length){
                    $('body').append('<div class="modal" id="confirm-delete2" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-success text-white">GERAR DIARIO' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                        'Tem certeza de que deseja gerar o Diario ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-danger " data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-success text-white" id="dataComfirmOK">Gerar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete2').modal({show: true});
                return false;

            });

        });

        $(document).ready(function(){
            $('a[data-confirm3]').click(function(ev){
                var href = $(this).attr('href');
                if(!$('#confirm-delete3').length){
                    $('body').append('<div class="modal" id="confirm-delete3" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-danger text-white">REPROVAR MATERIA' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button></div>' +
                        '<div class="modal-body">' +
                        'Tem certeza de que deseja reprovar materia ?' +
                           + '<form   method="post" >  ' +
                        '<input type="text" name="senha">'+
                        ' </form> </div>' +
                        '<div class="modal-footer">' +
                        '<button type="button" class="btn btn-success " data-dismiss="modal">Cancelar' +'</button>' +
                        '<a type="submit" class="btn btn-danger text-white" id="">Assinar</a>' +
                        '</div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete3').modal({show: true});
                return false;

            });

        });

    </script>

    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" />

    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
    <script>
        $(function() {

            var dates = $( "#data_inicial" ).datepicker({
                dateFormat: 'dd/mm/yy',
                defaultDate: "+1w",
                dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
                dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb','Dom'],
                monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'],

            });
        });
    </script>

    <script>
        $(function() {

            var dates = $( "#data_final" ).datepicker({
                dateFormat: 'dd/mm/yy',

            });
        });
    </script>
    <script src="{{ asset('assets/vendor/inputmask/js/jquery.inputmask.bundle.js') }}"></script>
    <script>
        $(function(e) {
            "use strict";

            $("#calendario").inputmask("99/99/9999"),
            $("#calendario2").inputmask("99/99/9999"),
                $(".email-inputmask").inputmask({
                    mask: "*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[*{2,6}][*{1,2}].*{1,}[.*{2,6}][.*{1,2}]",
                    greedy: !1,
                    onBeforePaste: function(n, a) {
                        return (e = e.toLowerCase()).replace("mailto:", "")
                    },
                    definitions: {
                        "*": {
                            validator: "[0-9A-Za-z!#$%&'*+/=?^_`{|}~/-]",
                            cardinality: 1,
                            casing: "lower"
                        }
                    }
                })
        });
        document.getElementById("file_upload").onchange = function () {
            document.getElementById("uploadFile").value = this.value;
        };
    </script>
@endsection