@extends('templates.prefeitura3.layout2')

@section('content')

    @php $madara = 0 @endphp
    @php $madara1 = 0 @endphp

    <style>
        .card { border: none!important;}
        .ouvidori:hover{
            background-color: var(--backgroud-header)!important;
            color: #fff!important;
        }
        .ouvidori:hover span{

            color: #fff!important;
        }
    </style>


    <div style=" background-color: #F9F9F9 ; height: auto; padding-top: 20px; padding-bottom: 20px; " >

        <div class="container"  style="background-color: #F8F8F8; border: #EBEBEB solid 2px; padding: 40px; border-radius: 15px; border-top:6px solid var( --backgroud-header);">
            <div class="row" style="background-color: #F2F2F2; margin-bottom: 20px; padding: 20px; border: #EBEBEB solid 2px; border-radius: 10px;" >
                <div class="col-md-8">
                    <i class="fa fa-bullhorn" style="font-size: 25px; color:var( --backgroud-header);  font-weight: bold;" aria-hidden="true"></i> <span style="font-size: 25px; font-weight: bold; color: #000000; padding-left: 10px;" > Ouvidoria</span>
                </div>
                <div class="col-md-4" style="text-align: right;">
                    {!! Form::open(['url'=>routeTenant('site.ouvidoria.consulta'),'class'=>'form-inline pull-right']) !!}

                    <div class="input-group mb-3">
                        <input type="text" name="buscar" class="form-control"   @if(isset($dataform['buscar']))   value="{{$dataform['buscar']}}" @endif placeholder="Digite o protocolo" aria-label="Recipient's username" aria-describedby="basic-addon2">
                        <div class="input-group-append">
                            <button class="btn btn-outline-secondary" type="submit">Consultar <i class="fa fa-search" aria-hidden="true"></i></button>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
            <div class="row" style="">

                <div class="div col-md-8 offset-md-2"style=" height: auto; margin-bottom:80px; margin-top: 30px; text-align: center; " >
                    <h5>O que deseja fazer?</h5>
                    <p style="margin-top: 20px;">Selecione a opção que deseja!</p>

                    <div class="row" style=" margin-top: 60px;">



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

                            <a href="{{routeTenant('site.ouvidoriaver',["de"])}}"    class="popup btn btn-light botao_sombra ouvidori" style="background-color: #FFF; text-align: left; width: 90%;">

                                <i class=" fa fa-bullhorn  " aria-hidden="true" style="padding-right: 5px; border-right: 1px solid #C9C9C9;"></i>
                                <span class="fontsite" style="margin-left: 5px; color: #525252;">Denúncia</span>


                            </a>

                        </div>

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

                            <a href="{{routeTenant('site.ouvidoriaver',["el"])}}"   class="popup btn btn-light botao_sombra ouvidori" style="background-color: #FFF; text-align: left; width: 90%;">

                                <i class=" fa fa-thumbs-o-up  " aria-hidden="true" style="padding-right: 5px; border-right: 1px solid #C9C9C9;"></i>
                                <span class="fontsite" style="margin-left: 5px; color: #525252;">Elogio</span>


                            </a>

                        </div>

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

                            <a href="{{routeTenant('site.ouvidoriaver',["su"])}}" class="btn btn-light botao_sombra ouvidori popup" style="background-color: #FFF; text-align: left; width: 90%;">

                                <i class=" fa fa-comment-o  " aria-hidden="true" style="padding-right: 5px; border-right: 1px solid #C9C9C9;"></i>
                                <span class="fontsite" style="margin-left: 5px; color: #525252;">Sugestão</span>


                            </a>

                        </div>
                    </div>


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



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

                            <a href="{{routeTenant('site.ouvidoriaver',["so"])}}"   class="btn btn-light botao_sombra ouvidori popup" style="background-color: #FFF; text-align: left; width: 90%;">

                                <i class=" fa  fa-file-o  " aria-hidden="true" style="padding-right: 5px; border-right: 1px solid #C9C9C9;"></i>
                                <span class="fontsite" style="margin-left: 5px; color: #525252;">Solicitação</span>


                            </a>

                        </div>

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

                            <a href="{{routeTenant('site.ouvidoriaver',["re"])}}"   class="btn btn-light botao_sombra ouvidori popup" style="background-color: #FFF; text-align: left; width: 90%;">

                                <i class=" fa fa-thumbs-o-down  " aria-hidden="true" style="padding-right: 5px; border-right: 1px solid #C9C9C9;"></i>
                                <span class="fontsite" style="margin-left: 5px; color: #525252;">Reclamação</span>


                            </a>

                        </div>

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

                            <a  href="{{routeTenant('site.ouvidoriaver',["si"])}}"  class="btn btn-light botao_sombra ouvidori popup" style="background-color: #FFF; text-align: left; width: 90%;">

                                <i class=" fa fa-refresh  " aria-hidden="true" style="padding-right: 5px; border-right: 1px solid #C9C9C9;"></i>
                                <span class="fontsite" style="margin-left: 5px; color: #525252;">Simplifique</span>


                            </a>

                        </div>
                    </div>





                </div>

            </div>



        </div>

    </div>





@endsection



@section('post-script')



    <script src="{{url('')}}/templates/prefeitura1/licitacao/js/jquery.fancybox.js"></script>
    <link href="{{url('')}}/templates/prefeitura1/licitacao/css/jquery.fancybox.css" rel="stylesheet">
    <script type="text/javascript">
        $(function(){
            $('.fancybox').fancybox();
            $(".popup").fancybox({'width':'95%','height':'90%','autoScale':false,
                'transitionIn':'none','transitionOut':'none','type':'iframe'});

            $(".open_modal_large").fancybox({'width':'98%','height':'90%','autoScale':false,
                'transitionIn':'none','transitionOut':'none','type':'iframe'});
            $(".open_modal_small").fancybox({'width':'50%','height':'90%','autoScale':false,
                'transitionIn':'none','transitionOut':'none','type':'iframe'});

            $('#news_icon').hover(function(){
                $(this).stop(true,true).animate({'right':'0px'}, 'fast');
            }, function(){
                $(this).stop(true,true).animate({'right':'-130px'}, 'fast');
            });


            $('#btn_mobile').on('click', function(){
                $('#menubar, .asidebar, #top-menubar').stop(true,true).slideToggle();
            });
        });

        $('[rel=popover]').popover();
        $('[rel=popover2]').popover();
        $('[rel=popover3]').popover();
    </script>





@endsection