@extends('SGI.welcome')
@section('contenido')
<script type="text/javascript">
$(document).ready(function(){
    $("#idn1").click(function() {
      $("#idn2").load('{{url('combo2')}}' + '?idn1='  +this.options[this.selectedIndex].value) ;
      });
    $("#idn2").click(function() {
      $("#idn3").load('{{url('combo3')}}' + '?idn2='  +this.options[this.selectedIndex].value) ;
      });
        $("#idn3").click(function() {
      $("#idn4").load('{{url('combo4')}}' + '?idn3='  +this.options[this.selectedIndex].value) ;
      });
});
</script>
<div class="col-md-12 col-xs-12">
  <div class="x_panel">
    <div class="x_title">
      <h2>Alta de documentos</h2>
      <div class="clearfix"></div>
    </div>
  <div class="x_content">
    <form class="form-horizontal form-label-left" action ="/create"  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"></label>
          <div class="col-md-6 col-sm-6 col-xs-12">
            <input type="hidden" class="form-control" name='id_doc' id='id_doc'>
          </div>
        </div>

        <div class="form-group">
       	<label class="control-label col-md-3 col-sm-3 col-xs-12">Clave del documento:</label>
          <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
            <input type="text" class="form-control has-feedback-left" id='clave' placeholder="" name="clave" required>
            <span class="fa fa-pencil 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">Nombre del documento:</label>
          <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
            <input type="text" class="form-control has-feedback-left" id="nombre" placeholder="" name='nombre' required>
              <span class="fa fa-pencil 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">Formato:</label>
            <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
              <select class="form-control has-feedback-left" name='formato' id='formato' required>
              <option value = 'EXCEL'>Excel</option>
              <option value = 'PDF'>PDF</option> 
              <option value = 'WORD'>Word</option>
              </select>
            <span class="fa fa-file 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">Revisión:</label>
          <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
              <input type="text" class="form-control has-feedback-left" id='emision' placeholder="" name='emision' required>
           <span class="fa fa-copy 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">Ultima modificación:</label>
            <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
              <input type="date" class="form-control has-feedback-left" id='ultimamod' placeholder="" name='ultimamod' required>
              <span class="fa fa-table 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 nivel 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' required>
              @foreach($n1 as $n1)
              <option value = '{{$n1->idn1}}' name='idn1'>{{$n1->nombren1}}</option>
              @endforeach
              </select>
            <span class="fa fa-folder-open 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-folder-open 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 Control de Documentos:</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-folder-open 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 Formatos y Procedimientos:</label>
            <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
              <select class="form-control has-feedback-left" name='idn4' id='idn4' required>
              </select>
              <span class="fa fa-folder-open form-control-feedback left" aria-hidden="true"></span>
            </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">
          <label class="control-label col-md-3 col-sm-3 col-xs-12">Selecciona el documento:</label>
            <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
              <input type = 'file' name = 'archivo' id='archivo' required>
            </div>
        </div>
        <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 class="ln_solid"></div>
          <div class="form-group">
            <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
             <!-- <button type="reset" class="btn btn-danger"><i class="fa fa-trash"></i> Borrar</button>-->
            <button type="submit" class="btn btn-success" onclick="return pregunta()"><i class="fa fa-save"></i> Guardar</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
@stop