@extends('layouts.planti')

@section('contenido')
<!--<style>
  .uper {
    margin-top: 40px;
  }
</style>-->


<div class="container">
  <div class="row justify-content-center">
    <div class="col-md-11">
      <div class="card">
      <!--<div class="card uper">-->
      <center><h2>Agregar Registro de plantilla</h2></center>
       <div class="card-body">
            @if ($errors->any())
              <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                      <li>{{ $error }}</li>
                    @endforeach
                </ul>
              </div><br />
            @endif
            <center> 
            <div class="row">
              <div class="col-md-10 col-xs-12">
            
                <br />
                    <form  class="form-horizontal" method="post" action="{{ route('rplantilla.store') }}">
                      @csrf

                      <div class="form-group" >                          
                        <label class="col-lg-6 control-label">Campo Cliente</label>
                        <div class="col-lg-6">
                            <input type="text" class="form-control" name="txtCampoRelacion" id="txtCampoRelacion" />
                        </div>
                      </div>

                      <div class="form-group" >                          
                        <label class="col-lg-6 control-label">Campo Cliente 2</label>
                        <div class="col-lg-6">
                            <input type="text" class="form-control" name="txtCampoCliente2" id="txtCampoCliente2" />
                        </div>
                      </div>                      
                     

                      <div class="form-group">
                          <label class="col-lg-6 control-label">Origen</label>
                          <div class="col-lg-6">
                            <select class="form-control" name="cboOrigen" id="cboOrigen" onchange="Filtrar(this)" >
                              @foreach ($EnumOrigen as $item)
                                <option value="{{$item}}">{{$item}}</option> 
                              @endforeach
                            </select>
                          </div>
                      </div>

                      <div class="form-group" id="Fuente" style="display:none">
                          <label class="col-lg-6 control-label">Fuente</label>
                          <div class="col-lg-6">
                            <select class="form-control" name="cboIdOrigen" id="cboIdOrigen" >                     
                            </select>
                          </div>
                      </div>


                      <div class="form-group" id="Po">                          
                        <label class="col-lg-6 control-label">Nombre Columna</label>
                        <div class="col-lg-6">
                            <select class="form-control" name="cboCampo" id="cboCampo" >
                                 @foreach ($ColumnasPO as $item) 
                                  <option value="{{$item->COLUMN_NAME}}">{{$item->COLUMN_NAME}}</option> 
                                 @endforeach 
                              </select>
                        </div>                         
                      </div>
                     
                     
                      <div class="form-group">
                        <label class="col-lg-6 control-label">Tipo</label>
                        <div class="col-lg-6">
                          <input type="text" class="form-control" name="txtTipo" id="txtTipo" onkeypress="return pulsar(event)"/>
                        </div>
                      </div>

                      <div class="form-group" >
                          <label class="col-lg-6 control-label">Orden</label>
                          <div class="col-lg-6">
                            <input type="number" class="form-control" name="txtOrden" id="txtOrden" />
                          </div>
                      </div>
                      

                      <div class="form-group">
                        <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
                        <button class="btn btn-success" type="reset">Limpiar</button>
                        <button type="submit" class="btn btn-primary">Guardar</button>                     
                        <a href="{{ route('rplantilla.index') }}" class="btn btn-warning shadow-sm" >Cancelar</a>
                      </div>
                        
                    </form>
              </div>
            </div>
           </center>
                          
         </div>
       </div>
     </div>
   </div>
 </div>

 <script>

  function pulsar(e) {
    tecla=(document.all) ? e.keyCode : e.which;
    if(tecla==32) return false;
  }

    
  function Filtrar(sender){

    //alert(sender.value);
    
    if(sender.value=="PO" || sender.value=="po_detalle"){
       $('#Po').show();
       $('#Fuente').hide();
      

    } else if(sender.value=="adicionales_po" || sender.value=="medicion" || sender.value=="etapa"){
      $('#Fuente').show();
      $('#Po').hide();
  
     
    }else{
      $('#Fuente').hide();
      $('#Po').hide();
    }

 
    $.ajax({
        url:'/rllenarcombo/'+sender.value,
        //data:'/'+sender.value,
        beforeSend: function () {         
            //jQuery('#loading_spinner').show();
        },
        success:function(data){
         
            //jQuery('#loading_spinner').hide()
            var option = '<option value="">Seleccione un(a) '+sender.value+'</option>'
            for (var i=0; i<data.length;i++){
                nombre="descripcion";
                option+='<option value="'+data[i].id+'">'+data[i][nombre]+'</option>';
            }
            if(sender.value=="PO" || sender.value=="po_detalle"){
                $("#cboCampo").html(option);
            }else{
                $("#cboIdOrigen").html(option);
            }
        }
    });


  }


 
 </script>
@endsection