@extends(layoutTenant())
@section('title')
    <title>Criar Atividades - Papel zero </title>
    @php $pagina = "Atividades"; @endphp
@endsection
@section('content')


    <div class="row">
        <!-- ============================================================== -->
        <!-- validation form -->
        <!-- ============================================================== -->
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header">Adicionar nova Atividade</h5>


                @if($errors->all())
                    <div class="alert alert-danger" role="alert">
                    <ul>

                            @foreach($errors->all() as $erro)
                                <li>{{$erro}}</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="card-body">

                        {!! Form::open(['url'=>routeTenant('atividades.store'),'enctype'=>'multipart/form-data','class'=>'needs-validation','id'=>'formulario']) !!}



                        <div class="modal-body">


                            <div class="form-row">


                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                    <label for="validationCustom03">Código:</label>
                                    <input name="cod" id="" class="form-control" required>
                                </div>

                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                    <label for="validationCustom03">Descrição:</label>
                                    <textarea name="descricao" id="" class="form-control" required></textarea>
                                </div>

                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                    <label for="validationCustom03">Unidade:</label>
                                    <input name="uni" id="" placeholder="Ex: ha." class="form-control" required>
                                </div>

                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                    <label for="validationCustom03">Parâmetro:</label>
                                    <input name="paramentro" id="" placeholder="Ex: Área útil." class="form-control" required>
                                </div>



                            </div>

                            <div class="form-row">
                                <label for="validationCustom03">Potencial Poluidor:</label>
                            </div>
                            <div class="form-row">
                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 mb-2">
                                    <label for="validationCustom03">AR:</label>
                                    <select name="potecial_poluidor_ar" id="" class="form-select">
                                        <option value="P">P</option>
                                        <option value="M">M</option>
                                        <option value="G">G</option>
                                    </select>

                                </div>

                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 mb-2">
                                    <label for="validationCustom03">Água:</label>
                                    <select name="potecial_poluidor_agua" class="form-select" id="">
                                        <option value="P">P</option>
                                        <option value="M">M</option>
                                        <option value="G">G</option>
                                    </select>

                                </div>
                            </div>
                            <div class="form-row">
                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 mb-2">
                                    <label for="validationCustom03">Solo:</label>

                                    <select name="potecial_poluidor_solo" class="form-select" id="">
                                        <option value="P">P</option>
                                        <option value="M">M</option>
                                        <option value="G">G</option>
                                    </select>

                                </div>

                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 mb-2">
                                    <label for="validationCustom03">Geral:</label>
                                    <select name="potecial_poluidor_geral" class="form-select" id="">
                                        <option value="P">P</option>
                                        <option value="M">M</option>
                                        <option value="G">G</option>
                                    </select>

                                </div>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" name="atividade_especial" id="atividade_especial"  value="1">
                                <label for="atividade_especial" style="font-weight: bold; margin-left: 10px;" class="form-check-label">Atividade é especial?</label>
                            </div>
                            <hr>
                            <label for="validationCustom03">PORTE:</label>
                            <hr>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" name="porte_p_operador_status" id="porte_p_operador_status"  value="1">
                                <label for="porte_p_operador_status" style="font-weight: bold; margin-left: 10px;" class="form-check-label">PORTE P:</label>
                            </div>


                            <div  id="porte_p_operador_status_c" style="display: none;">
                            <div class="form-row">

                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2" style="margin-top: 25px;">

                                    <select name="porte_p_operador" class="form-select" id="seletorp">
                                        <option value="entre">Entre</option>
                                        <option value=">=">Igual ou maior que</option>
                                        <option value="<=">"Igual ou menor que</option>
                                        <option value="<">menor que</option>
                                        <option value=">">maior que</option>


                                    </select>
                                </div>

                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2 offset-md-1" id="porte_p_ini">
                                    <label for="validationCustom03">Operador Inicio P:</label>
                                    <select name="porte_p_operador_ini" class="form-select" id="seletorp">

                                        <option value=">=">Igual ou maior que</option>
                                        <option value="<=">Igual ou menor que</option>
                                        <option value="<">menor que</option>
                                        <option value=">">maior que</option>


                                    </select>
                                    <br>
                                    <label for="validationCustom03">Inicio P:</label>
                                    <input name="porte_p_ini" id="" type="number" pattern="[0-9]+([,\.][0-9]+)?" min="0" step="any" class="form-control">



                                </div>



                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2 offset-md-1">
                                    <span id="operador_fim_p">
                                    <label for="validationCustom03">Operador FIM P:</label>
                                    <select name="porte_p_operador_fim" class="form-select" >

                                        <option value="<=">Igual ou menor que</option>
                                        <option value=">=">Igual ou maior que</option>

                                        <option value="<">menor que</option>
                                        <option value=">">maior que</option>


                                    </select>
                                         <br>
                                    </span>

                                    <label for="validationCustom03">FIM P:</label>
                                    <input name="porte_p_fim" id="" type="number" pattern="[0-9]+([,\.][0-9]+)?" min="0" step="any"   class="form-control">
                                </div>


                            </div>
                            </div>
                            <hr>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" name="porte_m_operador_status" id="porte_m_operador_status"  value="1">
                                <label for="porte_m_operador_status" style="font-weight: bold; margin-left: 10px;" class="form-check-label">PORTE M:</label>
                            </div>

<div id="porte_m_operador_status_c" style="display: none;">
                            <div class="form-row">

                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2" style="margin-top: 25px;">

                                    <select name="porte_m_operador" class="form-select" id="seletorm">
                                        <option value="entre">Entre</option>
                                        <option value=">=">Igual ou maior que</option>
                                        <option value="<=">Igual ou menor que</option>
                                        <option value="<">menor que</option>
                                        <option value=">">maior que</option>

                                    </select>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2 offset-md-1" id="porte_m_ini">
                                    <label for="validationCustom03">Operador Inicio M:</label>
                                    <select name="porte_m_operador_ini" class="form-select" id="seletorp">

                                        <option value=">=">Igual ou maior que</option>
                                        <option value="<=">Igual ou menor que</option>
                                        <option value="<">menor que</option>
                                        <option value=">">maior que</option>


                                    </select>
                                    <br>
                                    <label for="validationCustom03">Inicio M:</label>
                                    <input name="porte_m_ini" id="" type="number" pattern="[0-9]+([,\.][0-9]+)?" min="0" step="any"   class="form-control">
                                </div>



                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2 offset-md-1">
                                          <span id="operador_fim_m">
                                    <label for="validationCustom03">Operador FIM M:</label>
                                    <select name="porte_m_operador_fim" class="form-select" >

                                        <option value=">=">Igual ou maior que</option>
                                        <option value="<=">Igual ou menor que</option>
                                        <option value="<">menor que</option>
                                        <option value=">">maior que</option>


                                    </select>
                                         <br>
                                    </span>
                                    <label for="validationCustom03">FIM M:</label>
                                    <input name="porte_m_fim" id="" type="number" pattern="[0-9]+([,\.][0-9]+)?" min="0" step="any"   class="form-control">
                                </div>


                            </div>
</div>
                            <hr>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" name="porte_g_operador_status" id="porte_g_operador_status"  value="1">
                                <label for="porte_g_operador_status" style="font-weight: bold; margin-left: 10px;" class="form-check-label">PORTE G:</label>
                            </div>
                            <div id="porte_g_operador_status_c" style="display: none;">
                            <div class="form-row">
                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2" style="margin-top: 25px;">

                                    <select name="porte_g_operador" class="form-select" id="seletorg">
                                        <option value="entre">Entre</option>
                                        <option value=">=">Igual ou maior que</option>
                                        <option value="<=">Igual ou menor que</option>
                                        <option value="<">menor que</option>
                                        <option value=">">maior que</option>

                                    </select>
                                </div>

                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2 offset-md-1" id="porte_g_ini">
                                    <label for="validationCustom03">Operador Inicio G:</label>
                                    <select name="porte_g_operador_ini" class="form-select" id="seletorp">

                                        <option value=">=">Igual ou maior que</option>
                                        <option value="<=">Igual ou menor que</option>
                                        <option value="<">menor que</option>
                                        <option value=">">maior que</option>


                                    </select>
                                    <br>
                                    <label for="validationCustom03">Inicio G:</label>
                                    <input name="porte_g_ini" id="" type="number" pattern="[0-9]+([,\.][0-9]+)?" min="0" step="any"   class="form-control">
                                </div>



                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2 offset-md-1">
                                          <span id="operador_fim_g">
                                    <label for="validationCustom03">Operador FIM G:</label>
                                    <select name="porte_g_operador_fim" class="form-select" >

                                        <option value=">=">Igual ou maior que</option>
                                        <option value="<=">Igual ou menor que</option>
                                        <option value="<">menor que</option>
                                        <option value=">">maior que</option>


                                    </select>
                                         <br>
                                    </span>
                                    <label for="validationCustom03">FIM G:</label>
                                    <input name="porte_g_fim" id="" type="number" pattern="[0-9]+([,\.][0-9]+)?" min="0" step="any"   class="form-control">
                                </div>


                            </div>
                            </div>
                            <hr>
                            </div>


                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                        {!! Form::submit('Salvar  ', ['class'=>'btn btn-primary']) !!}
                    </div>


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


                        </div>



                        </div>
                        </div>

                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- end validation form -->
        <!-- ============================================================== -->
    </div>


@endsection

@section('post-script')
    <script>

        $('#seletorp').on('change', function() {
            var selecionado = $(this).val();

            console.log('aaaaa');
            if(selecionado != 'entre'){
                $('#porte_p_ini').css('display','none');
                $('#operador_fim_p').css('display','none');
                console.log('bbb');
            }else{
                $('#porte_p_ini').css('display','block');
                $('#operador_fim_p').css('display','block');
            }

        });

        $('#seletorm').on('change', function() {
            var selecionado = $(this).val();

            console.log('aaaaa');
            if(selecionado != 'entre'){
                $('#porte_m_ini').css('display','none');
                $('#operador_fim_m').css('display','none');
                console.log('bbb');
            }else{
                $('#porte_m_ini').css('display','block');
                $('#operador_fim_m').css('display','block');
            }

        });
        $('#seletorg').on('change', function() {
            var selecionado = $(this).val();

            console.log('aaaaa');
            if(selecionado != 'entre'){
                $('#porte_g_ini').css('display','none');
                $('#operador_fim_g').css('display','none');
                console.log('bbb');
            }else{
                $('#porte_g_ini').css('display','block');
                $('#operador_fim_g').css('display','block');
            }

        });



        $('[name="porte_p_operador_status"]').change(function()
        {
            if ($(this).is(':checked')) {
            console.log('assasa');
            $("#porte_p_operador_status_c").css('display','inline');
        } else {
            console.log('sdsdsdsd');
            $("#porte_p_operador_status_c").css('display','none');
        }
        });


        $('[name="porte_m_operador_status"]').change(function()
        {
            if ($(this).is(':checked')) {
            console.log('assasa');
            $("#porte_m_operador_status_c").css('display','inline');
        } else {
            console.log('sdsdsdsd');
            $("#porte_m_operador_status_c").css('display','none');
        }
        });


        $('[name="porte_g_operador_status"]').change(function()
        {
            if ($(this).is(':checked')) {
            console.log('assasa');
            $("#porte_g_operador_status_c").css('display','inline');
        } else {
            console.log('sdsdsdsd');
            $("#porte_g_operador_status_c").css('display','none');
        }
        });



    </script>





@endsection