@extends('usuarios.funcionarios.master.layout2')

@section('conteudo')

<nav class="d-none">
    {{ $base = \App\Models\BaseGestdoc::where('id',$idBase)->first()}}

    @if($base)

    @else

        {{-- Caso o armazém não seja encontrado no sistema, então o usuário será redireccionado a um nível anterior --}}
        <script>
            window.location.replace("{{ route('us.armazem.conf.arm.bases') }}");
        </script>
        @php
            exit();
        @endphp
    @endif
    {{ $armazem= \App\Models\ArmazemModel::where('id',$idArm)->first()}}



    @if($armazem)

    @else

        {{-- Caso o armazém não seja encontrado no sistema, então o usuário será redireccionado a um nível anterior --}}
        <script>
            window.location.replace("{{ route('us.armazem.conf.arm.verarmazem',[$idBase,$idArm]) }}");
        </script>
        @php
            exit();
        @endphp
    @endif
    {{ $corredor= \App\Models\Corredor::where('id',$id)->first()}}

    @if($corredor)



        {{ $armazem=$corredor->getArmazem }}
        {{ $configuracaoCorredor=$corredor->getConfiguracao }}
        {{ $configuracoesModulo=\App\Models\ConfigModulo::get() }}
        {{ $corredores= \App\Models\Corredor::where('armazem_id',$id)->count() }}
        {{ $modulos= \App\Models\Modulo::where('corredor_id',$id)->count() }}
        {{ $modulo= \App\Models\Modulo::where('corredor_id',$id)->get() }}
        {{ $fileiras= \App\Models\Corredor::where('armazem_id',$id)->count() }}
        {{ $prateleiras= \App\Models\Corredor::where('armazem_id',$id)->count() }}
        {{ $caixas= \App\Models\Corredor::where('armazem_id',$id)->count() }}
        {{ $indexes= \App\Models\Corredor::where('armazem_id',$id)->count() }}
        {{ $bases= \App\Models\BaseGestdoc::get() }}


    @else

        {{-- Caso o armazém não seja encontrado no sistema, então o usuário será redireccionado a um nível anterior --}}
        <script>
            window.location.replace("{{ route('us.armazem.conf.arm.geral') }}");
        </script>
        @php
            exit();
        @endphp
    @endif

</nav>
<nav class="container rounded shadow" style="background: linear-gradient( #013257bb , #01192cbb)">
    <br>
    <div class="tst  d-none animate__animated animate__fadeInDown rounded text-center border border-1  m-4 align-items-center text-white    " role="alert" aria-live="assertive" aria-atomic="true">
        {{-- <div class="  d-nodne animate__animated animate__fadeInDown border border-3 position-absolute top-0 start-50 m-4 align-items-center text-white  border-0 d-nodne animate__animated animate__fadeInDown border border-3 position-absolute top-0 start-50 m-4 align-items-center text-white  border-0" role="alert" aria-live="assertive" aria-atomic="true"> --}}
        <div class="d-flex">
          <div class="toast-body ">
            <p class="toastMessage">
                 <br>
                    Example modal
                 <br>
            </p>
          </div>
          {{-- <button type="button" class="tstClose btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button> --}}
        </div>
    </div>
        <nav class="row p-4">


            <div class="col-12 text-start">
                {{-- <div class="row justify-content-center"   >
                    <div class=" p-2">

                        <div class="x_title">
                            <h2>Armazém</h2>
                            <div class="clearfix"></div>
                        </div>
                        <br>
                        <div class="row p-2">
                            <nav class="col-1 colorBigView rounded border border-2 shadow"  style="background-color:{{ $armazem->cor_tema }}">

                            </nav>
                            <nav class="col-7">

                            </nav>

                        </div>
                    </div> --}}
                    <div class=" p-2 tile_count">

                        <div class="x_title">
                            <h2><i class="fa fa-road"></i> CORREDOR</h2>
                            <div class="clearfix"></div>
                        </div>
                        <br>
                        <div class="row p-2">
                            <nav class="col-2 colorBigView rounded border border-2 shadow"  style="background-color:{{ $armazem->cor_tema }}">

                            </nav>
                            <nav class="col-3">
                                @if($armazem)
                                    <ul style="list-style-type: square">
                                        <li class="p-2">ID: <label for="">{{ $armazem->id }}</label> </li>
                                        @if ($configuracaoCorredor->configuracao_id)

                                            <li class="p-2">Configuração: <label for="" class="idNomeArmazem">{{ $configuracaoCorredor->getConfiguracao->nomeconfiguracao }}</label> </li>
                                        @else

                                        @endif
                                        <li class="p-2">Nome do armazém: <label for="" class="idNomeArmazem">{{ $armazem->nomearmazem }}</label> </li>
                                        {{-- <li class="p-2">Nome do armazém: <label for="" class="idNomeArmazem">{{ $armazem->nomearmazem }}</label> </li> --}}
                                    </ul>
                                @endif
                            </nav>
                            <nav class="col-7 row ">
                                <div class="col  tile_stats_count">
                                    <span class="count_top"><i class="fa fa-user"></i> MÓDULOS</span>
                                    <div class="count">{{ $modulos }}</div>
                                    {{-- <a href="" class="btn-outline-light btn-sm w-100"> <i class="fa fa-eye"></i> Ver </a> --}}
                                    {{-- <span class="count_bottom">From last Week</span> --}}
                                </div>
                                <div class="col  tile_stats_count">
                                    <span class="count_top"><i class="fa fa-user"></i> CÉLULAS</span>
                                    <div class="count">{{ $fileiras }}</div>
                                    {{-- <a href="" class="btn-outline-light btn-sm w-100"> <i class="fa fa-eye"></i> Ver </a> --}}
                                    {{-- <span class="count_bottom">From last Week</span> --}}
                                </div>

                                <div class="col  tile_stats_count">
                                    <span class="count_top"><i class="fa fa-user"></i> FILEIRAS</span>
                                    <div class="count">{{ $prateleiras }}</div>
                                    {{-- <a href="" class="btn-outline-light btn-sm w-100"> <i class="fa fa-eye"></i> Ver </a> --}}
                                    {{-- <span class="count_bottom"> From last Week</span> --}}
                                </div>
                                <div class="col  tile_stats_count">
                                    <span class="count_top"><i class="fa fa-user"></i> ESPAÇOS CAIXAS</span>
                                    <div class="count">{{ $caixas }}</div>
                                    {{-- <a href="" class="btn-outline-light btn-sm w-100"> <i class="fa fa-eye"></i> Ver </a> --}}
                                    {{-- <span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span> --}}
                                </div>


                            </nav>
                        </div>
                    </div>
                    <div class="tile_count ">
                        <div class="x_title">
                            <h2><i class="fa fa-table"></i> MÓDULOS</h2>
                            <div class="clearfix"></div>

                        </div>
                        <br>
                        <div>
                            {{-- <ul>
                                <li id="draggable" class="ui-state-highlight">Drag me down</li>
                              </ul> --}}


                                    {{-- <h5>Lista de módulos</h5> --}}

                        <style>
                            *{
                                transition: all .3s ease-in;
                            }
                            .moduloCorredor{

                                height: 100px;
                                cursor: pointer;
                                background-color: lightgray;

                            }
                            .add a{


                            }
                            .add a:hover{

                            }
                            .moduloPreenchido:hover{
                                background-color: white;
                                transform: scale(1.1);
                            }
                            .moduloNaoPreenchido:hover{

                                background-color: burlywood;

                            }
                            .moduloNaoPreenchido:hover .add{


                            }
                        </style>
                        <div class="row">
                               <nav class="col-12 row justify-content-center overflow-hidden">
                                    @for($i = 1;  $i<= $configuracaoCorredor->numeromodulo; $i++)



                                            @if($i<=$modulos)

                                                <div class="col-1 text-center   shadow moduloCorredor moduloPreenchido  "  >
                                                <h3>{{ $i }}</h3>
                                                {{-- <a href="{{ route('us.armazem.conf.arm.ver.modulo.corredor.armazem',$modulo[$i-1]->id )}}" class=""><i class="fa fa-eye"></i> Abrir  </a> --}}
                                                <a href="{{ route('us.armazem.conf.arm.ver.modulo.corredor',[$idBase,$idArm,$id,$modulo[$i-1]->id]) }}"><i class="fa fa-eye"></i> Abrir </a>
                                            @else
                                                <div class="col-1 text-center   shadow moduloCorredor moduloNaoPreenchido  "  >

                                                <h3>{{ $i }}</h3>
                                                <a class="novoModAdd" ><i class="fa fa-plus"></i> Novo  </a>

                                            @endif

                                        </div>

                                    @endfor



                               </nav>
                               <nav class="12">
                                {{-- <br><br> --}}
                                <br>
                                <hr>
                                <br>

                               </nav>
                               <nav class="col-12 justify-content-center row overflow-auto">
                                   <div class="list-group col-12 " id="novoModuloArea" >

                                        <a href="#" class="list-group-item list-group-item-action bg-secondary border border-light border-3 " aria-current="true">
                                            <div class="d-flex w-100 justify-content-between">
                                            <h5 class="mb-1 text-light"> <i class="fa  fa-plus"></i> Módulo</h5>

                                            </div>
                                            <p class="mb-1 text-light">Arraste para aqui uma configuração de modulo.</p>
                                            <small  class="mb-1 text-light">(Poderá com isso cadastrar 1 ou mais módulos).</small>
                                        </a>
                                        <br>
                                    </div>
                                    @foreach($configuracoesModulo as $configModulo)
                                        <div class="list-group col-2 sortable"   >
                                            <a href="#" class="  bg-light cadastravel  mt-1 p-3 btn text-start "  >
                                                <input type="hidden"  class="idConfigModulo" value="{{ $configModulo->id}}">
                                                <input type="hidden"  class="alturaConfigModulo{{$configModulo->id}}" value="{{ $configModulo->alturamodulom }} m x {{ $configModulo->alturamodulocm }} cm">
                                                <input type="hidden"  class="larguraConfigModulo{{$configModulo->id}}" value="{{ $configModulo->larguramodulom }} m x  {{ $configModulo->larguramodulocm }} cm">
                                                <div class="d-flex   justify-content-between">
                                                <h5 class="mb-1">Config ({{ $configModulo->id }})</h5>
                                                </div>
                                                <small class="mb-1">Altura:{{ $configModulo->alturamodulom }} m x {{ $configModulo->alturamodulocm }} cm</small>
                                                <small class="mb-1">Largura:{{ $configModulo->larguramodulom }} m x  {{ $configModulo->larguramodulocm }} cm</small>
                                            </a>
                                        </div>
                                    @endforeach
                                </nav>
                           </div>
                        </div>
                    </div>

                    <div class=" p-3">
                        <div class="x_title">
                            <h2>Modulo</h2>
                            <div class="clearfix"></div>
                        </div>
                        {{-- <button class="btn btn-sm btn-outline-light"><i class="fa fa-plus"></i> Nova entrada</button> --}}
                        {{-- <button class="btn btn-sm btn-outline-light" ><i class="fa fa-plus"></i> <i class="fa fa-cog"></i> Editar dados</button> --}}
                        {{-- <button class="btn btn-sm btn-outline-light" ><i class="fa fa-eye"></i> <i class="fa fa-road"></i> Ver outros corredores deste armazém</button> --}}
                        {{-- <a href=" " class="btn btn-sm btn-outline-light btnOutrosArmazens"><i class="fa fa-eye"></i> Ver configuração do armazém</a> --}}
                        <button class="btn btn-sm btn-outline-light" data-bs-toggle="modal" data-bs-target="#novaConfiguracaoModulos" ><i class="fa fa-plus"></i>   Nova configuração de módulo</button>
                        <button class="btn btn-sm btn-outline-light" id="moduloAdd" data-bs-toggle="modal" data-bs-target="#novoCadastrodeModulo" > <i class="fa fa-plus"></i> Novo Módulo</button>
                        {{-- <button class="btn btn-sm btn-outline-light" ><i class="fa fa-eye"></i> <i class="fa fa-road"></i> Novo módulo</button> --}}
                        @if($armazem)
                            {{-- <ul style="list-style-type: none">
                                <li class="p-2">Número identificador: <label for="">{{ $armazem->id }}</label> </li>
                                <li class="p-2">
                                --}}
                                    {{-- <a href="{{ route('us.armazem.conf.arm.verarmazem',[$idBase,$idArm]) }}" class="btn btn-sm btn-outline-light"><i class="fa fa-eye"></i> Ver armazem  {{ $armazem->nomearmazem }}</a> --}}
                                {{-- </li>


                            </ul> --}}
                        @endif

                        {{-- <button class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#deleteArmazemModal"><i class="fa fa-exclamation-triangle"></i> Desactivar armazém</button> --}}

                        {{-- <button class="btn btn-sm btn-outline-success"><i class="fa fa-exclamation-triangle"></i> Restaurar armazém</button> --}}

                    </div>

                    <div class=" p-3">
                        <div class="x_title">
                            <h2>Configuração do corredor</h2>
                            <div class="clearfix"></div>
                        </div>
                        {{-- <button class="btn btn-sm btn-outline-light"><i class="fa fa-plus"></i> Nova entrada</button> --}}
                        <button class="btn btn-sm btn-outline-light" >  <i class="fa fa-cog"></i> Editar dados</button>
                        <a class="btn btn-sm btn-outline-light" href="{{ route('us.armazem.conf.arm.ver.corredores.armazem',[$idBase,$idArm]) }}" >  <i class="fa fa-road"></i> Ver outros corredores deste armazém</a>
                        {{-- <a href=" " class="btn btn-sm btn-outline-light btnOutrosArmazens"><i class="fa fa-eye"></i> Ver configuração do armazém</a> --}}
                        <a href=" " class="btn btn-sm btn-outline-info btnOutrosArmazens"><i class="fa fa-venus-double"></i> Copiar configurações</a>
                        <a href=" " class="btn btn-sm btn-outline-warning btnOutrosArmazens"><i class="fa fa-venus-double"></i> Colar configurações</a>
                        {{-- <button class="btn btn-sm btn-outline-light" data-bs-toggle="modal" data-bs-target="#novaConfiguracaoModulos" ><i class="fa fa-table"></i> <i class="fa fa-road"></i> Nova configuração de módulo</button> --}}
                        <button class="btn btn-sm btn-outline-danger" id="corredorRem"   > <i class="fa fa-times"></i> Remover corredor</button>
                        {{-- <button class="btn btn-sm btn-outline-light" ><i class="fa fa-eye"></i> <i class="fa fa-road"></i> Novo módulo</button> --}}

                    </div>
                </div>

            </div>


        </nav>

<!-- Modal -->
<div class="modal fade" id="novaConfiguracaoModulos" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="novaConfiguracaoModulosLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="novaConfiguracaoModulosLabel">Configuração para módulos</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form id="formCadConfigModulo">
            <div class="modal-body">
                + Nova configuração
                <br><br>
                <div class="form-floating">

                    {{-- <label for=""> Quantidade de corredores</label> --}}
                    <select class="form-select" id="baseId" aria-label="Floating label select example">
                        @foreach($bases as $base)
                            <option value="{{$base->id}}">{{$base->base}}</option>
                        @endforeach
                    </select>
                    <label for="listaConfiguracoes">Configuração</label>
                </div>
                {{-- alturacorredor	larguracorredor	base_id	usuario_id --}}
                  <br>
                <div class="mb-3">
                    <label for="exampleFormControlTextarea1" class="form-label">Altura: </label>

                    <label id="lblAlturaModuloM" class="form-label">0 </label> (m)
                    <input type="range" class="form-range" value="0" required min="0" max="100" step="1" id="alturaConfigModuloM">
                    <hr>
                    <label for="exampleFormControlTextarea1" class="form-label">Altura: </label>

                    <label id="lblAlturaModuloCm" class="form-label">0 </label> (cm)
                    <input type="range" class="form-range" value="0" required min="0" max="100" step="1" id="alturaConfigModuloCm">
                </div>
                <br>
                <div class="mb-3">
                    <label for="exampleFormControlTextarea1" class="form-label">Largura: </label>

                    <label id="lblLarguraModuloConfigM" class="form-label">0 </label> (m)
                    <input type="range" class="form-range" value="0" required min="0" max="100" step="1" id="larguraConfigModuloM">
                    <hr>
                    <label for="exampleFormControlTextarea1" class="form-label">Largura: </label>

                    <label id="lblLarguraModuloConfigCm" class="form-label">0 </label> (cm)
                    <input type="range" class="form-range" value="0" required min="0" max="100" step="1" id="larguraConfigModuloCm">
                </div>
            </div>
            <div class="modal-footer">

              <button type="submit" class="btn btn-primary">Cadastrar</button>
            </div>
        </form>
      </div>
    </div>
  </div>



  <div class="modal fade" id="novoCadastrodeModulo" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="novoCadastrodeModuloLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="novoCadastrodeModuloLabel">Novo módulo</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form id="formCadModulo">
            <div class="modal-body">
                Cadastro de modulo(s)
                <br>
                <br>
                <div class="form-floating">
                    <nav class="d-none">
                        {{ $numModulosDisponiveis=$configuracaoCorredor->numeromodulo-$modulos }}
                    </nav>
                    {{-- <label for=""> Quantidade de corredores</label> --}}
                    <select class="form-select" id="qntdModulos" aria-label="Floating label select example">
                        @for($i = 1; $i <=$numModulosDisponiveis; $i++)
                            <option value="{{$i}}">{{$i}}</option>
                        @endfor
                    </select>
                    <label for="listaConfiguracoes">Quantidade de módulos</label>
                </div>
                <br>
                <div class="form-floating">

                    {{-- <label for=""> Quantidade de corredores</label> --}}
                    <select class="form-select" id="idConfiguracao" aria-label="Floating label select example">
                        @foreach($configuracoesModulo as $configModulo)
                            <option value="{{$configModulo->id}}">Altura: {{ $configModulo->alturamodulom }} m x {{ $configModulo->alturamodulocm }} cm /
                                 Largura: {{ $configModulo->larguramodulom }} m x  {{ $configModulo->larguramodulocm }} cm</option>
                        @endforeach
                    </select>
                    <label for="listaConfiguracoes">Configuração</label>
                </div>

                {{-- alturacorredor	larguracorredor	base_id	usuario_id --}}
                  {{-- <br> --}}
                {{-- <div class="mb-3">
                    <label for="exampleFormControlTextarea1" class="form-label">Altura: </label>

                        <label id="lblAlturaModuloM" class="form-label">1 </label> (m)
                        <input type="range" class="form-range" value="1" required min="1" max="100" step="1" id="alturaConfigModulo">
                </div>
               --}}
               <br>
               <div class="mb-3">
                   <label for="exampleFormControlTextarea1" class="form-label">Número de níveis de células: </label>

                       <label id="lblNiveisModuloConfig" class="form-label">1 </label>
                       <input type="range" class="form-range" value="1" required min="1" max="15" step="1" id="NiveisConfigModulo">
               </div>
            </div>
            <div class="modal-footer">

              <button type="submit" class="btn btn-primary">Cadastrar</button>
            </div>
        </form>
      </div>
    </div>
  </div>




  <script>
    $(function(){
        var idConfigModulo=0;

        $("#corredorRem").click(function(){
            $.confirm({
            title: 'Confirmação de autorização!',
            content: '' +
            '<form action="form-control" class="formName">' +
                '<div class="form-group">' +
                '<label>Insira a sua senha</label>' +
                '<input type="password" placeholder="Sua senha actual" class="pass form-control" required />' +
                '</div>' +
            '</form>',
            buttons: {
                formSubmit: {
                    text: 'Enviar',
                    btnClass: 'btn-primary',
                    action: function () {
                        var pass = this.$content.find('.pass').val();
                        if(!pass){
                            // $.alert('provide a valid pass');
                            return false;
                        }
                        //
                        $.post("{{ route('us.armazem.conf.arm.remove.corredor.armazem') }}",
                        {
                            '_token':  '{{ csrf_token()  }}',
                            'pass':pass,
                            'corredor':'{{ $id }}',


                        },function(e){
                            // alert(e)sadasd
                           if (e==1){
                            $.alert('Corredor eliminado com sucesso' );
                            // $(location).attr('href','{{  route('us.armazem.conf.arm.ver.armazens.base',$armazem->base_id) }}');
                            window.location.replace("{{ route('us.armazem.conf.arm.verarmazem',[$idBase,$idArm]) }}");

                           }else{
                            $.alert('Erro! Sua senha não está correcta');

                           }

                        }).fail(function(){
                            alert("falha ao cadastrar a configurção do corredor! Por algum motivo não conseguimos cadastrar a configuração do corredor tente novemante mais tarde ou informe ao engenheiro de software.")
                        });
                    }
                },
                cancel: function () {
                    //close
                },
            },
            onContentReady: function () {
                // bind to events
                var jc = this;
                this.$content.find('form').on('submit', function (e) {
                    // if the user submits the form by pressing enter in the field.
                    e.preventDefault();
                    jc.$$formSubmit.trigger('click'); // reference the button and click it
                });
            }
        });
        });
        $("#novoModuloArea").droppable({

            drop: function(event, ui) {
                $(this).css('padding', '0px');
                $(this).css('background', 'transparent');


                    var altura=$(".alturaConfigModulo"+idConfigModulo).val()
                    var largura=$(".larguraConfigModulo"+idConfigModulo).val()

                    $("#moduloAdd").click();
                    $("#idConfiguracao").append("<option class=\"d-none\" value="+idConfigModulo+" selected>Altura: "+altura+" m / Largura: "+largura+" m</option>")


                },
            over: function(event, ui) {
                $(this).css('background', '#eee');
                $(this).css('padding', '10px');

            },
            out: function(event, ui) {
                $(this).css('background', 'transparent');
                $(this).css('padding', '0px');

            }
        });
        $( ".cadastravel" ).draggable({
             revert: true
        });
        $( ".sortable" ).sortable({
            accept: ".cadastravel",

        });

        $(".novoModAdd").click(function(){
            $("#moduloAdd").click();

        });

        $("#NiveisConfigModulo").on('change keypress mousemove',function(){
            $("#lblNiveisModuloConfig").text($(this).val());
        });

        $( ".cadastravel" ).on("mousemove mouseover",function(){
            var input = $(this).find("input[class='idConfigModulo']").val();
            idConfigModulo=input;
            $("#idView").text(idConfigModulo);
        } );



        $("#formCadConfigModulo").submit(function(e){
            e.preventDefault();
            var nomeconfig =$("#nomeconfig").val();
            var alturaVarM =$("#alturaConfigModuloM").val();
            var alturaVarCm =$("#alturaConfigModuloCm").val();
            var larguraVarM =$("#larguraConfigModuloM").val();
            var larguraVarCm =$("#larguraConfigModuloCm").val();
            var base_id =$("#baseId").val();

            $.post("{{ route('us.armazem.conf.arm.add.config.modulo.corredor') }}",
            {
                '_token':  '{{ csrf_token()  }}',
                'alturam':alturaVarM,
                'alturacm':alturaVarCm,
                'larguram':larguraVarM,
                'larguracm':larguraVarCm,
                'base_id':base_id,

            },function(e){

                $.alert('Configuração do corredor cadastrada com sucesso');
                // $(location).attr('href','{{  route('us.armazem.conf.arm.ver.armazens.base',$armazem->base_id) }}');
                window.location.replace("{{ route('us.armazem.conf.arm.verarmazem',[$idBase,$idArm]) }}");


            }).fail(function(){
                alert("falha ao cadastrar a configurção do corredor! Por algum motivo não conseguimos cadastrar a configuração do corredor tente novemante mais tarde ou informe ao engenheiro de software.")
            });
        });


        $("#formCadModulo").submit(function(e){
            e.preventDefault();

            var NiveisConfigModulo =$("#NiveisConfigModulo").val();
            var congiguracao_id =$("#idConfiguracao").val();
            var numeroVezes =$("#qntdModulos").val();

            $.post("{{ route('us.armazem.conf.arm.add.novomodulo.corredor') }}",
            {
                '_token':  '{{ csrf_token()  }}',
                'niveisConfigModulo':NiveisConfigModulo,
                'congiguracao_id':congiguracao_id,
                'corredor_id':'{{  $corredor->id }}',
                'numeroVezes':numeroVezes,

            },function(e){

                alert(e)

            }).fail(function(){

                alert("falha ao cadastrar novo módulo neste corredor! Por algum motivo não conseguimos cadastrar o módulo no corredor tente novemante mais tarde ou informe ao engenheiro de software.")

            });
        });


        $("#larguraConfigModuloM").on('change keypress mousemove',function(){
            $("#lblLarguraModuloConfigM").text($(this).val());
        });

        $("#larguraConfigModuloCm").on('change keypress mousemove',function(){
            $("#lblLarguraModuloConfigCm").text($(this).val());
        });
        $("#alturaConfigModuloM").on('change keypress mousemove',function(){
            $("#lblAlturaModuloM").text($(this).val());
        });
        $("#alturaConfigModuloCm").on('change keypress mousemove',function(){
            $("#lblAlturaModuloCm").text($(this).val());
        });
    });
</script>
@endsection