@extends('SGI.welcome')
@section('contenido')
<script type="text/javascript">
$(document).ready(function(){
    $("#idn1").click(function() {
      $("#idn2").load('{{url('combon2')}}' + '?idn1='  +this.options[this.selectedIndex].value) ;
      });
    $("#idn2").click(function() {
      $("#idn3").load('{{url('combon3')}}' + '?idn2='  +this.options[this.selectedIndex].value) ;
      });
});
</script>
<div class="col-md-12 col-xs-12">
  <div class="x_panel">
    <div class="x_title">
      <h1>Alta de Formatos y Procedimientos</h1>
    <div class="clearfix"></div>
    </div>
    <div class="x_content">
    <form class="form-horizontal form-label-left" action ="/creacarpetan4"  method="POST" enctype='multipart/form-data'> {{csrf_field()}} 
    <div class="form-group">
	    <label class="control-label col-md-3 col-sm-3 col-xs-12">Carpeta principal:</label>
    	<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
        	<select class="form-control has-feedback-left" id="idn1"  name="idn1">
        	@foreach($n1 as $n1)
           	<option value = '{{$n1->idn1}}'>{{$n1->nombren1}}</option>
           	@endforeach
         	</select>
         <span class="fa fa-tag form-control-feedback left" aria-hidden="true"></span>
       </div>
    </div>
    <div class="form-group">
      <label class="control-label col-md-3 col-sm-3 col-xs-12">Carpeta de Procesos:</label>
      <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
        <select class="form-control has-feedback-left" name="idn2" id="idn2" required>
        </select>
        <span class="fa fa-tags form-control-feedback left" aria-hidden="true"></span>
      </div>
    </div>
    <div class="form-group">
      <label class="control-label col-md-3 col-sm-3 col-xs-12">Carpeta de Procesos:</label>
      <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
        <select class="form-control has-feedback-left" name="idn3" id="idn3" required>
        </select>
        <span class="fa fa-tags form-control-feedback left" aria-hidden="true"></span>
      </div>
    </div>
    <div class="form-group">
      <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name" >Nombre de la Carpeta:</label>
      <div class="col-md-6 col-sm-6 col-xs-12">
        <input type="text" id="nombren4" name='nombren4'required="required" class="form-control col-md-7 col-xs-12">
      </div>
    </div>
    <div class="form-group">
      <div class="col-md-6 col-sm-6 col-xs-12">
        <input type="hidden" id="id_usu" name="id_usu" value="{{Session('sesionid_usu')}}"   readonly class="form-control col-md-7 col-xs-12">
      </div>
    </div>
      <div class="form-group">
        <div class="form-group">
          <label class="control-label col-md-3 col-sm-3 col-xs-12">Activo:</label>
            <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
              <select class="form-control" id="selectactivo" class="w3-select" name="activo">
                <option  value="si">Si</option>
                <option value="no">No</option>
              </select>
            </div>
        </div>
      </div>
    </div>
        <div class="form-group">
          <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
              <button type="submit" class="btn btn-success"><i class="fa fa-save"></i>&nbsp Guardar</button>
            </div>
          </div>
        </form>
      </div>
      </div>
    </div>
  </div>
</div>
@stop