@extends(layoutTenant())

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Transparência</h4>


                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!-- end row -->
    <div class="row" style="margin-top: -20px;  min-height: 100px; position: relative; ">
        <div style="position: absolute;  padding: 20px;  border-radius: 12px;  ">

            <div  class="float-left" style=" ">
                <a href="{{ routeTenant('transparecia.create') }}" class="btn btn-success botao-adicionar"><i class=""></i>
                    Enviar nova Remessa
                </a>

            </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('transparencia.historico.buscar'), 'class'=>'form form-inline']) !!}


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



                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-6">

                        <div class="form-group" style="padding-left: 20px;">
                            {!! Form::label('Módulo', 'Módulo:') !!}

                            <select name="modulo" style="width: 100%;" class="custom-select" >
                                <option value="">Selecione uma opção</option>
                                <option @if(isset($dataform['modulo']))  @if ($dataform['modulo'] =='AM') selected @endif @endif value="AM">Acompanhamento Mensal (AM)</option>
                                <option @if(isset($dataform['modulo']))  @if ($dataform['modulo'] =='FP') selected @endif @endif value="FP">Folha de Pagamento (FLPG)</option>


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




                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-6">

                        <div class="form-group" style="padding-left: 20px;">

                            {!! Form::label('Mês', 'Mês:') !!}

                            <select name="mes"  style="width: 100%;" class="form-control" >
                                <option value="">Selecione uma opção</option>
                                <option @if(isset($dataform['mes']))  @if ($dataform['mes'] =='01') selected @endif @endif value="01">Janeiro</option>
                                <option @if(isset($dataform['mes']))  @if ($dataform['mes'] =='02') selected @endif @endif value="02">Fevereiro</option>
                                <option @if(isset($dataform['mes']))  @if ($dataform['mes'] =='03') selected @endif @endif value="03">Março</option>
                                <option @if(isset($dataform['mes']))  @if ($dataform['mes'] =='04') selected @endif @endif value="04">Abril</option>
                                <option @if(isset($dataform['mes']))  @if ($dataform['mes'] =='05') selected @endif @endif value="05">Maio</option>
                                <option @if(isset($dataform['mes']))  @if ($dataform['mes'] =='06') selected @endif @endif value="06">Junho</option>
                                <option @if(isset($dataform['mes']))  @if ($dataform['mes'] =='07') selected @endif @endif value="07">Julho</option>
                                <option @if(isset($dataform['mes']))  @if ($dataform['mes'] =='08') selected @endif @endif value="08">Agosto</option>
                                <option @if(isset($dataform['mes']))  @if ($dataform['mes'] =='09') selected @endif @endif value="09">Setembro</option>
                                <option @if(isset($dataform['mes']))  @if ($dataform['mes'] =='10') selected @endif @endif value="10">Outubro</option>
                                <option @if(isset($dataform['mes']))  @if ($dataform['mes'] =='11') selected @endif @endif value="11">Novembro</option>
                                <option @if(isset($dataform['mes']))  @if ($dataform['mes'] =='12') selected @endif @endif value="12">Dezembro</option>
                            </select>


                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-6">

                        <div class="form-group" style="padding-left: 20px;">
                            {!! Form::label('Título', '*Exercício:') !!}

                            <select name="ano" style="width: 100%;"  class="form-control"  >
                                <option value="">Selecione uma opção</option>
                                @for($i = date('Y');$i >= 2013;$i--)

                                    <option @if(isset($dataform['ano']))  @if ($dataform['ano'] == $i) selected @endif @endif value="{{$i}}">{{$i}}</option>

                                @endfor
                            </select>
                        </div>

                    </div>



                    <div class="col-xl-2 col-lg-6 col-md-6 col-sm-6 col-6" 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-light bg-dark ">
                        <tr class="border-0">

                            <th class="border-0 text-light">Cod.</th>
                            <th class="border-0 text-light">Modulo</th>

                            <th class="border-0 text-light">Exercício</th>
                            <th class="border-0 text-light">Mês</th>
                            <th class="border-0 text-light"> Data/Hora Envio</th>

                        </tr>
                        </thead>
                        <tbody>

                        @foreach($transparencia as $category)

                            <tr>

                                <td>
                                    <div class="m-r-10">{{$category->id}}</div>
                                </td>
                                <td>
                                    <div class="m-r-10">{{$category->modulo}}</div>
                                </td>

                                <td> {{$category->ano }} </td>


                                <td> {{ $meses[$category->mes]}}</td>


                                <td>{{$category->data->format('d/m/Y') }} </td>


{{--                                <td>  <a href="{{ routeTenant('trasparencia.opsdetalhe',[$category->id]) }}" class="btn btn-warning"> OPS</a></td>--}}
                            </tr>

                        @endforeach


                        </tbody>
                    </table>

                    <div style="padding-left: 20px; font-size: 15px;">


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


                </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- end recent orders  -->



@endsection




@section('post-script')


    <script>

        $(document).ready(function(){
            $('a[data-confirm]').click(function(ev){
                var href = $(this).attr('href');
                if(!$('#confirm-delete').length){
                    $('body').append('<div class="modal fade" 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">DELETAR FERIADO' +
                        '<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 Deletar feriado ?</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">Deletar</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-delete').length){
                    $('body').append('<div class="modal fade" 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-success text-white">APROVAR 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 aprovar materia ?</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">Aprovar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').modal({show: true});
                return false;

            });



        });

        $(document).ready(function(){
            $('a[data-confirm3]').click(function(ev){
                var href = $(this).attr('href');
                if(!$('#confirm-delete').length){
                    $('body').append('<div class="modal fade" 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">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 ?</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">Reprovar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').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