@extends('templates.prefeitura1.layout')

@section('content')




<div style="background-color: var(--backgroud-header) ">
<div class="container" style="background-color: var(--backgroud-header) ">
    <div class="row" >
        <div class="col-md-12">

            <h1 style="padding-top: 20px; padding-bottom: 20px; color: var(--text-header); ">
                  Legislação</h1>

        </div>

    </div>

 </div>
 </div>

<div class="container">

    <div class="row" >
        <div class="col-md-10 offset-md-1">

            <div style=" padding: 10px;">



                {!! Form::open(['url'=>routeTenant('site.legislacao.buscar')]) !!}
                <div class="row" style="padding: 30px; height: auto; border: solid 1px #c6c8ca; margin-top: 10px;">
                    <div class="form-group col-md-12">
                    <h3>Faça uma busca</h3>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="exampleInputEmail1">Buscar por Numero:</label>
                        <input type="text" @if(isset($dataform['buscar_numero'])) value="{{$dataform['buscar_numero']}}" @endif name="buscar_numero" class="form-control" id="exampleInputEmail1"  placeholder="Digite sua Busca">

                    </div>
                    <div class="form-group col-md-6">
                        <label for="exampleInputEmail1">Buscar por Tipo:</label>
                        <select style="width: 100%;" name="buscar_tipo" class="custom-select" >
                        <option value="">Selecione</option>


                        <option @if(isset($dataform))  @if ($dataform['buscar_tipo'] == '1') selected @endif @endif value="1">Leis</option>
                        <option @if(isset($dataform)) @if ($dataform['buscar_tipo'] == '2') selected @endif @endif value="2">Decretos</option>
                       @if($portaria_ok == 0) @else <option @if(isset($dataform)) @if ($dataform['buscar_tipo'] == '3')  selected @endif @endif value="3">Portarias</option> @endif
                        <option @if(isset($dataform)) @if ($dataform['buscar_tipo'] == '4') selected @endif @endif value="4">Indicação</option>
                        <option @if(isset($dataform)) @if ($dataform['buscar_tipo'] == '5') selected @endif @endif value="5">Moção</option>


                        </select>
                    </div>

                    <div class="form-group col-md-12">
                        <label for="exampleInputEmail1">Buscar por Assunto: </label>
                        <input type="text" @if(isset($dataform['buscar_assunto'])) value="{{$dataform['buscar_assunto']}}" @endif name="buscar_assunto" class="form-control" id="exampleInputEmail1"  placeholder="Digite sua Busca">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="exampleInputEmail1">Data inicial: </label>
                        <input autocomplete="off" @if(isset($dataform['data_inicial'])) value="{{$dataform['data_inicial']}}" @endif type="text" name="data_inicial" class="form-control" id="data_inicial"  placeholder="Digite sua Busca">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="exampleInputEmail1">Data final: </label>
                        <input autocomplete="off" @if(isset($dataform['data_final'])) value="{{$dataform['data_final']}}" @endif  type="text" name="data_final" class="form-control" id="data_final"  placeholder="Digite sua Busca">
                    </div>
                    <div class="form-group col-md-4">
                        <label for="exampleInputEmail1"></label>
                        <button type="submit" class="btn btn-primary" style="margin-top: 30px; background-color: var(--backgroud-header); border: 0;">Buscar</button>
                    </div>
                </div>
                {!! Form::close() !!}

                <div class="list-group listapauta striped" style="margin-top: 50px;">
                    <h4> LISTA DE LEIS</h4>





                        <div class="row">

                            @foreach($materias as $materia)

                                @php $documentoLegislacao = $codigo = str_replace("/", "__", $materia->documentoLegislacao);    @endphp
<a target="_blank" class="col-md-12" style="text-decoration:none;" href="{{routeTenant('site.abrirarquivo',[$idcliente,$documentoLegislacao])}}">
    <div class="col-md-12" style="border-radius: 5px; border: 1px solid var(--backgroud-header); margin-bottom: 10px;">

        <h5 style="color: var(--backgroud-header); padding: 10px 10px 0px 10px; margin: 0px;"><i class="fa fa-file" aria-hidden="true"></i>
            @if ($materia->idLegislacaoTipo == 1 ) Lei Ordinária   @endif

            @if ($materia->idLegislacaoTipo == 2) Decreto @endif
            @if ($materia->idLegislacaoTipo == 3 )Portaria @endif
            @if ($materia->idLegislacaoTipo == 4 )Indicação @endif
            @if ($materia->idLegislacaoTipo == 5 ) Moção @endif
            Nº {{$materia->numeroLegislacao}}
        </h5>
        <span style="padding-left: 10px; font-size: 12px; color: var(--backgroud-header);">Norma assinada: {{date('d/m/Y' ,strtotime($materia->dataLegislacao))}} </span>
        <p style="padding-left: 10px; font-size: 14px; margin-bottom: 3px; color: var(--backgroud-header);">{{$materia->ementaLegislacao}} </p>


                            </div>
</a>
                         @endforeach


                        </div>



<div style="margin-top:30px; float: right; ">

</div>
                    <div class="paginationsite" style="height: 30px;"></div>

                </div>


            </div>




        </div>



</div>



</div>


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

                <div class="modal-header colorbg text-white">
                    <h5 class="modal-title " id="exampleModalLabel"> </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>

                </div>

            </div>

        </div>

    </div>


    <div class="modal fade " id="exampleModal"  tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-header colorbg text-white">
                    <h5 class="modal-title " id="exampleModalLabel">BAIXAR DIÁRIO OFICIAL</h5>
                    <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 baixar  o Diário Oficial?


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <a download="" class="btn colorbg text-white" id="dataComfirmOK">BAIXAR</a>

                    <a target="_blank" class="btn colorbg text-white" id="dataComfirmvisu">VISUALIZAR</a>
                </div>

            </div>

        </div>

    </div>

    <!-- Modal -->
    <div class="modal fade" id="exampleModal10" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bg-success text-light">
                    <h5 class="modal-title " >Materia</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <a target="_blank" class="btn btn-primary meteria">Ver Materia</a>
                    <a target="_blank" class="btn btn-danger diario">Diario</a>
                </div>
            </div>
        </div>
    </div>
@endsection



@section('post-script')




    <script src='{{ asset('templates/prefeitura1/js/core/main.js') }}'></script>
    <script src='{{ asset('templates/prefeitura1/js/daygrid/main.js') }}'></script>



    <script src='{{ asset('templates/prefeitura1/js/interaction/main.min.js') }}'></script>
    <script src='{{ asset('templates/prefeitura1/js/timegrid/main.min.js') }}'></script>
    <script src='{{ asset('templates/prefeitura1/js/core/locales/pt-br.js') }}'></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',
                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'],

            });


        });

        $('#exampleModal10').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
            var recipient2 = button.data('meteria') // 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('.diario').attr("href", recipient)
            modal.find('.meteria').attr("href", recipient2)
        })
    </script>
@endsection