@extends(layoutTenant())

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Ocorrência</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('ocorrencia.buscar'), 'class'=>'form form-inline']) !!}

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

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

                        <div class="form-group">
                            {!! Form::label('Protocolo', 'Protocolo:') !!}
                            <input type="text" value="@if(isset($dataform['protocolo'])) {{$dataform['protocolo'] }} @endif " name="protocolo" class="form-control" style="width: 100%;" >
                        </div>

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

                        <div class="form-group">
                            {!! Form::label('setores', 'Tipo:') !!}
                            <select style="width: 100%" name="tipo" class="custom-select" >
                                <option  value="">Selecione</option>

                                <option  @if(isset($dataform['tipo'])) @if($dataform['tipo'] == 'Critica') selected @endif @endif  value="Critica">Critica</option>
                                <option  @if(isset($dataform['tipo'])) @if($dataform['tipo'] == 'Manutenção') selected @endif @endif value="Manutenção">Manutenção</option>
                                <option  @if(isset($dataform['tipo'])) @if($dataform['tipo'] == 'Pedido de informação') selected @endif @endif value="Pedido de informação">Pedido de informação</option>
                                <option  @if(isset($dataform['tipo'])) @if($dataform['tipo'] == 'Reclamação') selected @endif @endif value="Reclamação">Reclamação</option>
                                <option   @if(isset($dataform['tipo'])) @if($dataform['tipo'] == 'Solicitação') selected @endif @endif value="Solicitação">Solicitação</option>



                            </select>
                        </div>

                    </div>


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

                        <div class="form-group">
                            {!! Form::label('Responsável:', 'Responsável:') !!}

                            <select style="width: 100%;" name="usuario_id" class="custom-select" >
                                <option value="">Selecione</option>
                                @foreach($usuarios as $usuario)
                                <option @if(isset($dataform['usuario_id'])) @if($usuario->id == $dataform['usuario_id'] ) selected @endif @endif value="{{$usuario->id}}">{{$usuario->name}}</option>

                                @endforeach


                            </select>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-6 col-md-6 col-sm-6 col-6">

                        <div class="form-group">
                            {!! Form::label('Data inclusão', 'Data inclusão:') !!}

                            <input autocomplete="off" style="width: 100%;" name="created_at" class="form-control"
                                   value="@if(isset($dataform['created_at'])) {{$dataform['created_at'] }}

                                   @endif"
                                   id="data_inicial">

                        </div>
                    </div>

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

                        <div class="form-group">
                            {!! Form::label('Departamento', 'Departamento:') !!}
                            <select style="width: 100%" name="departamentos" class="custom-select" >
                                <option value="">Selecione</option>

                                <option @if(isset($dataform['departamentos'])) @if($dataform['departamentos'] == 'e-SIC - Serviço de Informação ao Cidadão') selected @endif @endif value="e-SIC - Serviço de Informação ao Cidadão">e-SIC - Serviço de Informação ao Cidadão</option>
                                <option @if(isset($dataform['departamentos'])) @if($dataform['departamentos'] == 'Legislação') selected @endif @endif value="Legislação">Legislação</option>
                                <option @if(isset($dataform['departamentos'])) @if($dataform['departamentos'] == 'Ouvidoria') selected @endif @endif value="Ouvidoria">Ouvidoria</option>
                                <option @if(isset($dataform['departamentos'])) @if($dataform['departamentos'] == 'Setor de Licitações e Contratos') selected @endif @endif value="Setor de Licitações e Contratos">Setor de Licitações e Contratos</option>



                            </select>
                        </div>

                    </div>


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

                        <div class="form-group">
                            {!! Form::label('Departamento', 'Situação:') !!}
                            <select style="width: 100%" name="status" class="custom-select" >
                                <option  value="">Selecione </option>
                                <option @if(isset($dataform['status'])) @if($dataform['status'] == 'Não Resolvido') selected @endif @endif  value="Não Resolvido"> Não Resolvido</option>
                                <option @if(isset($dataform['status'])) @if($dataform['status'] == 'Negada') selected @endif @endif  value="Negada"> Negada</option>
                                <option @if(isset($dataform['status'])) @if($dataform['status'] == 'Recurso') selected @endif @endif  value="Recurso"> Recurso</option>
                                <option @if(isset($dataform['status'])) @if($dataform['status'] == 'Resolvido') selected @endif @endif  value="Resolvido"> Resolvido</option>
                                <option  @if(isset($dataform['status'])) @if($dataform['status'] == 'Admitida') selected @endif @endif value="Admitida">Admitida</option>

                                <option   @if(isset($dataform['status'])) @if($dataform['status'] == 'Resposta Parcial') selected @endif @endif  value="Resposta Parcial">Resposta Parcial</option>




                            </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">Ocorrências</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">Protocolo</th>
                            <th class="border-0 text-light">Incluído em</th>
                            <th class="border-0 text-light">Pessoa</th>
                            <th class="border-0 text-light">Departamento</th>
                            <th class="border-0 text-light">Categoria(s)</th>
                            <th class="border-0 text-light">Responsável</th>


                            <th class="border-0 text-light">Status</th>
                            <th class="border-0 text-light">Editar</th>
                            <th class="border-0 text-light">Ver</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($categories as $category)
                        

                            <tr @if($category->status == "Em aberto") style="background-color: green; font-weight: bold; color: #FFF;" @endif>
                                <td >
                                    <div class="m-r-10">

                                        {{ $category->protocolo }}



                                    </div>
                                </td>
                                <td>
                                    <div class="m-r-10">{{ $category->created_at->format('d/m/Y') }}</div>
                                </td>
                                <td>{{$category->nome_razao}} </td>
                                <td>{{$category->departamentos}} </td>


                                <td>
                                    @if($category->tipo == 'de') Denúncia @endif
                                    @if($category->tipo == 're') Reclamação @endif
                                    @if($category->tipo == 'so') Solicitação @endif
                                    @if($category->tipo == 'su') Sugestão @endif
                                    @if($category->tipo == 'el') Elogio @endif
                                    @if($category->tipo == 'si') Simplifique @endif
                                </td>


                                <td>@if($category->user == null) @else {{    $category->user->name }} @endif</td>


                                <td>

                                    {{    $category->status }}

                                </td>
                                <td>
                                    <a  data-toggle="modal" data-target="#exampleModal2" data-whatever="{{$category->id}}" title="Editar Situação" style="color: #FFF !important;"  class="btn btn-primary btn-xs" > <i class="fa fa-edit" aria-hidden="true"></i></a>



                                </td>
                                <td>
                                    <a  href="{{routeTenant('ouvidoria.ver',['id'=>$category->id])}}" title="Pré-visualizar Diário" class="btn btn-warning btn-xs"><i class="fa fa-eye" aria-hidden="true"></i></a>



                                </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  -->

    <!-- end recent orders  -->
    <div class="modal fade" 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('ouvidoria.editar.situacao'),'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">
                        {!! Form::label('Departamento', 'Situação:') !!}
                        <select style="width: 100%" name="status" id="status" class="custom-select" >
                            <option  value="">Selecione </option>
                            <option  value="Admitida">Admitida</option>

                            <option   value="Resposta Parcial">Resposta Parcial</option>

                            <option    value="Não Resolvido"> Não Resolvido</option>
                            <option value="Negada"> Negada</option>
                            <option value="Recurso"> Recurso</option>
                            <option  value="Resolvido"> Resolvido</option>




                        </select>


                    </div>
                    <div class="form-group" id="resposta2" >
                        {!! Form::label('Departamento', 'Digite sua Resposta:') !!}
<textarea class="form-control" name="resposta" id="resposta" rows="3">  </textarea>
                    </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">Salvar</button>
                </div>
                {!! Form::close() !!}
            </div>

        </div>

    </div>


@endsection




@section('post-script')


    <script>
        $('#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('Editar Situação')
            modal.find('#recipient-name').val(recipient)
        })

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