@extends('corpo')
@section('corpo')
@php 
$ok = 0; $tipo = "form";
$type = 1;
@endphp


            <style type="text/css">a.btn:hover{text-decoration: none !important;}</style>



            <link rel="stylesheet" href="{{url('')}}/wizzard/css/jquery.steps.css">


            <script src="{{url('')}}/wizzard/js/jquery.cookie-1.3.1.js"></script>
            <script src="{{url('')}}/wizzard/js/jquery.steps.js"></script>



            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>

            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/additional-methods.js"></script>


            <div class="content">
                <script type="text/javascript" src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>

                {!! Form::open(['url'=>routeTenant('form.store'), 'class'=>'form','id'=>'form']) !!}
                <input type="hidden" name="id" value="{{$processook->id}}">
                <script>

                  function  submitform(){

                        $("#form").submit();
                    }



                    $(document).ready(function() {




                        var formBasico = $("#form");
                        formBasico.validate({
                            highlight: function(element) {
                                $(element).parents().addClass('error_div');
                            },
                            unhighlight: function(element) {
                                $(element).parents().removeClass('error_div');
                            },

                            ignore: ":disabled,:hidden",
                            onkeyup: false,
                            rules: {
                                'email': {
                                    required: true,
                                    email: true
                                },
                                'empreedimento_atividades_desenvolvidas_1_1[]': { required: true, minlength: 1 },
                                'empreedimento_email': {
                                    required: true,
                                    email: true
                                },
                                'fase_impreendimento': {
                                    required: true,

                                },
                                'formato_utm_datun': {

                                    maxlength:100,


                                },
                                'alvara_fucionamento': {
                                    required: true,

                                },
                                'tipo_empresa': {
                                    required: true,

                                },
                                'localizacao_impreendimento': {
                                    required: true,

                                },
                                'localizacao_impreendimento_concervacao': {
                                    required: true,

                                },
                                'localizacao_impreendimento_amortecimento': {
                                    required: true,

                                },
                                'dados_atividade_empreendimento_requerimento': {
                                    required: true,

                                },
                                'dados_atividade_empreendimento_licenca_ambiental': {
                                    required: true,

                                },
                                'dados_atividade_empreendimento_licenca_ambiental_estadual': {
                                    required: true,

                                },
                                'uso_de_recurso_hidrico_consessionaria_local': {
                                    required: true,

                                },
                                'intervencao_ambiental_supressao_vegetacao': {
                                    required: true,

                                },
                                'intervencao_ambiental_supressao_vegetacao_permanente': {
                                    required: true,

                                },
                                'movimento_terra_movimentacao': {
                                    required: true,

                                },
                                'enfluentes_liquidos_rede_coletora_local': {
                                    required: true,

                                },
                                'emissao_sonora_equipamentos_sonoros': {
                                    required: true,

                                },
                                'emissao_sonora_equipamentos_sonoros_isolamento_arcustico': {
                                    required: true,

                                },
                                'residuos_solidos': {
                                    required: true,

                                },
                                'declaracao_inexistecia_restricao_condicao': {
                                    required: true,

                                },
                                'envio_email': {
                                    required: true,
                                    email: true

                                }
                            }
                        });

                        jQuery.extend(jQuery.validator.messages, {
                            required: "Este campo &eacute; requerido.",
                            remote: "Por favor, corrija este campo.",
                            email: "Por favor, forne&ccedil;a um endere&ccedil;o eletr&ocirc;nico v&aacute;lido.",
                            url: "Por favor, forne&ccedil;a uma URL v&aacute;lida.",
                            date: "Por favor, forne&ccedil;a uma data v&aacute;lida.",
                            dateISO: "Por favor, forne&ccedil;a uma data v&aacute;lida (ISO).",
                            number: "Por favor, forne&ccedil;a um n&uacute;mero v&aacute;lido.",
                            digits: "Por favor, forne&ccedil;a somente d&iacute;gitos.",
                            creditcard: "Por favor, forne&ccedil;a um cart&atilde;o de cr&eacute;dito v&aacute;lido.",
                            equalTo: "Por favor, forne&ccedil;a o mesmo valor novamente.",
                            accept: "Por favor, forne&ccedil;a um valor com uma extens&atilde;o v&aacute;lida.",
                            maxlength: jQuery.validator.format("Por favor, forne&ccedil;a n&atilde;o mais que {0} caracteres."),
                            minlength: jQuery.validator.format("Por favor, forne&ccedil;a ao menos {0} caracteres."),
                            rangelength: jQuery.validator.format("Por favor, forne&ccedil;a um valor entre {0} e {1} caracteres de comprimento."),
                            range: jQuery.validator.format("Por favor, forne&ccedil;a um valor entre {0} e {1}."),
                            max: jQuery.validator.format("Por favor, forne&ccedil;a um valor menor ou igual a {0}."),
                            min: jQuery.validator.format("Por favor, forne&ccedil;a um valor maior ou igual a {0}.")
                        });


                        $("#wizard").steps({
                            headerTag: "h2",
                            bodyTag: "section",
                            transitionEffect: "slideLeft",
                            stepsOrientation: "vertical",
                            enableAllSteps: true,
                            enableContentCache: false,

                            labels: {
                                cancel: "Cancelar",
                                current: "Atual:",
                                pagination: "Paginação",
                                finish: "Finalizar",
                                next: "Próximo",
                                previous: "Anterior",
                                loading: "Carregando ..."
                            },
                            onStepChanging: function(event, currentIndex, newIndex) {

                                console.log($('#formato_utm_datun').val());

                            if(
                                $('#formato_utm_datun').val() != ''
                                && $('#formato_utm_fuso').val() != ''
                                && $('#formato_utm_x').val() != ''
                                && $('#formato_utm_y').val() != ''
                                ||
                                $('#formato_gms_latitude_graus').val() != ''
                                && $('#formato_gms_latitude_minutos').val() != ''
                                && $('#formato_gms_latitude_segundos').val() != ''
                                && $('#formato_gms_longitude_graus').val() != ''
                                && $('#formato_gms_longitude_minutos').val() != ''
                                && $('#formato_gms_longitude_segundos').val() != '')
                            {}

                            else{
console.log('teste1');
                                $('#formato_utm_datun').attr('required', 'required');
                                $('#formato_utm_fuso').attr('required', 'required');
                                $('#formato_utm_x').attr('required', 'required');
                                $('#formato_utm_y').attr('required', 'required');

                                $('#formato_gms_latitude_graus').attr('required', 'required');
                                $('#formato_gms_latitude_minutos').attr('required', 'required');
                                $('#formato_gms_latitude_segundos').attr('required', 'required');
                                $('#formato_gms_longitude_graus').attr('required', 'required');
                                $('#formato_gms_longitude_minutos').attr('required', 'required');
                                $('#formato_gms_longitude_segundos').attr('required', 'required');
                            }


                                function topTop(){

                                    $('html, body').animate({
                                        scrollTop: 0
                                    }, 1000, 'easeInOutCirc');
                                }
                                topTop();





                                    return $("#form").valid();



                            },
                            onStepChanged: function (event, currentIndex, priorIndex)
                            {


                                $(".done .number").html("");
                                $(".done .number").append('<i class="fa fa-check" style="margin:0 3px;"> </i>');





                            },

                            onFinished: function (event, currentIndex) {






                                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  text-white" style="background-color:{{$portal->headercor}}; color:#FFF;">Cadastrar Processo' +
                                        '<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 Cadastrar o Processo ?</div><div class="modal-footer">' +
                                        '<button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar' +
                                        '</button><a class="btn btn-primary text-white" onclick="submitform()" id="dataComfirmOK">Cadastrar</a><' +
                                        '/div></div></div></div>');
                                }

                                $('#confirm-delete').modal({show: true});
                                return false;

                            },

                        });
                    });


                </script>

                    <div id="wizard">
                     <h2>IDENTIFICAÇÃO DO EMPREENDEDOR</h2>
                        <section>
                            @include('form.fce.passo1')
                        </section>

                        <h2>IDENTIFICAÇÃO DO EMPREENDIMENTO</h2>
                        <section>
                            @include('form.fce.passo2')
                        </section>

                        <h2>ENDEREÇO PARA ENVIO DE CORRESPONDÊNCIA</h2>
                        <section>
                            @include('form.fce.passo3')
                        </section>

                        <h2>LOCALIZAÇÃO DO EMPREENDIMENTO</h2>
                        <section>
                            @include('form.fce.passo4')
                        </section>
                        <h2>DESCRIÇÃO DO PROCESSO PRODUTIVO</h2>
                        <section>
                            @include('form.fce.passo5')
                        </section>
                        <h2>DADOS DA(S) ATIVIDADE(S) DO EMPREENDIMENTO</h2>
                        <section>
                            @include('form.fce.passo6')
                        </section>
                        <h2>USO DE RECURSO HÍDRICO</h2>
                        <section>
                            @include('form.fce.passo7')
                        </section>
                        <h2>INTERVENÇÃO AMBIENTAL</h2>
                        <section>
                            @include('form.fce.passo8')
                        </section>
                        <h2>MOVIMENTAÇÃO DE TERRA</h2>
                        <section>
                            @include('form.fce.passo9')
                        </section>
                        <h2>EFLUENTES LÍQUIDOS</h2>
                        <section>
                            @include('form.fce.passo10')
                        </section>
                        <h2>EMISSÃO SONORA</h2>
                        <section>
                            @include('form.fce.passo11')
                        </section>
                        <h2>RESÍDUOS COMUNS</h2>
                        <section>
                            @include('form.fce.passo12')
                        </section>
                        <h2>DECLARAÇÃO DE INEXISTÊNCIA DE RESTRIÇÕES</h2>
                        <section>
                            @include('form.fce.passo13')
                        </section>
                        <h2>DECLARAÇÃO DE VERICIDADE DAS INFORMAÇÕES</h2>
                        <section>
                            @include('form.fce.passo14')
                        </section>

                    </div>
                    </div>

            </div>

        {!! Form::close() !!}




            <div class="col-md-12" style="margin-top: 10px;">
            <div class="form-group">


                </div>
            </div>




        </div> <!-- /pagina -->
    </div>


</div>

@endsection