@extends('layouts.admin')
@section('contenido')
<section class="content">
  <div class="row">
    {!!Form::open(array('url'=>'#','method'=>'POST','autocomplete'=>'off','id'=>'form-formu'))!!}
    {{Form::token()}}
    <div id="from-view">
      <form role="form">
        <div class="box-body">
          <div class="form-group">
            <div class="row"></div>
            <div class="col-xs-12 col-md-6 col-lg-6" id="qui">
              <h3>Datos Empresa</h3>
              <label>Nombre comercial</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
              <input type="text" class="form-control" id="nombreEmpresaComercial" name="nombreEmpresaComercial" placeholder="Ingrese nombre comercial" onkeypress="return numerosyletras(event)" required>
              <label for="nombreEmployees">Razón social</label>
              <input type="text" class="form-control" id="razon_social"  name="razon_social" placeholder="Ingrese Razón Social" onkeypress="return soloLetras(event)">
              <label >RFC</label>
              <input type="text" class="form-control" id="rfcEmpresa"  name="rfcEmpresa" placeholder="Ingrese RFC" onkeypress="return numerosyletras(event)" required>
              <div class="row">
                <div class="col-xs-4">
                  <label>Tipo de cliente</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
                  <select class="form-control" name="persona" id="persona" onchange="inhabilita(this.value)" required>
                    <option value="0">Seleccione...</option>
                    <option value="f">Física</option>
                    <option value="m">Moral</option>
                    <option value="d">Distribuidor</option>
                  </select>
                </div>
                <div class="col-xs-8">
                  <label>Giro de la empresa:</label>
                  <select class="form-control" id="giro" name="giro">
                    <option >Seleccione...</option>
    								<option value="Agropecuaria">Agropecuaria</option>
    								<option value="Raices">Bienes Raíces</option>
    								<option value="Cine">Cinematográfica</option>
    								<option value="Comisionista">Comisionista</option>
    								<option value="Comunicacion">Comunicación</option>
    								<option value="Construccion">Construcción</option>
    								<option value="Decoracion">Decoración</option>
    								<option value="Diseno">Diseño</option>
    								<option value="Editorial">Editorial</option>
    								<option value="Educacion">Educación</option>
    								<option value="Extractiva">Extractiva</option>
    								<option value="Financiera">Institución Financiera</option>
    								<option value="Manufacturera">Manufacturera</option>
    								<option value="Mayorista">Mayorista</option>
    								<option value="Metalurgia">Metalurgia</option>
    								<option value="Minorista">Minorista</option>
    								<option value="Salud">Salud</option>
    								<option value="Profesional">Servicios Profesionales</option>
    								<option value="Publico">Servicios Públicos</option>
    								<option value="Software">Software</option>
    								<option value="Telecom">Telecomunicaciones</option>
    								<option value="Transporte">Transporte</option>
    								<option value="Turismo">Turismo</option>
    								<option value="Otro">Otro</option>
                  </select>
                </div>
              </div>
              <label>Teléfono Empresa</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="fa fa-phone"></i>
                </div>
                <input type="text" class="form-control" id="telefonoEmpresaMovil" placeholder="Teléfono Empresa" name="telefonoEmpresaMovil" required onkeypress="return solonumeros(event)">
              </div>
              <label>Primer E-mail</label>
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                <input type="email" class="form-control" id="email1Empresa" name="email1Empresa"  placeholder="usuario@ejemplo.com" onkeypress="return validacorreo(event)">
              </div>
              <input type="hidden" name="tipo" value="2">
              <label>Segundo E-mail</label>
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                <input type="email" class="form-control" id="email2Empresa"  name="email2Empresa" placeholder="usuario@ejemplo.com" onkeypress="return validacorreo(event)">
              </div>

              <!--Datos de la dirección-->
              <h3>Dirección</h3>
              <div class="col-xs-12 col-md-6 col-lg-6" style="padding-left: 0;">
                <label>Calle</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" name="calleEmpresa" class="form-control" id="calleEmpresa" placeholder="Ingrese Calle" onkeypress="return numerosyletras(event)" required>
              </div>
              <div class="col-xs-12 col-md-6 col-lg-6" style="padding-right: 0;">
                <label>Colonia</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" name="coloniaEmpresa" id="coloniaEmpresa" class="form-control" placeholder="Ingrese Colonia" onkeypress="return numerosyletras(event)" required>
              </div>
              <div class="col-xs-6 col-md-4 col-lg-4" style="padding-left: 0;">
                <label >Número Exterior</label> <span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" class="form-control" id="numExteriorEmpresa" name="numExteriorEmpresa" placeholder=" Número Exterior" onkeypress="return numerosyletras(event)" required>
              </div>
              <div class="col-xs-6 col-md-4 col-lg-4">
                <label >Número Interior</label>
                <input type="text" class="form-control" id="numInteriorEmpresa" name="numInteriorEmpresa" placeholder="Número Interior" onkeypress="return numerosyletras(event)">
              </div>
              <div class="col-xs-12 col-md-4 col-lg-4" style="padding-right: 0;">
                <label >Código Postal</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" class="form-control" id="cpEmpresa" name="cpEmpresa" placeholder="Codigo Postal" onkeypress="return solonumeros(event)" required>
              </div>
              <div class="col-xs-12 col-md-6 col-lg-6" style="padding-left: 0;">
                <label >País</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
                <select class="form-control" name="paisEmpresa" id="pais" onchange="getEstados(this.value, 'estadoEmpresa')">
                  <option selected="" value="0">Seleccione...</option>
                  @foreach ($paises as $ps)
                  <option value="{{$ps->ps_is}}">{{$ps->ps_nombre}}</option>
                  @endforeach
                </select>
                <label>Delegación / Municipio</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
                <select class="form-control" id="municipioEmpresa" name="municipioEmpresa">
                  <option selected="" value="0" >Seleccione...</option>
                </select>
              </div>
              <div class="col-xs-12 col-md-6 col-lg-6" style="padding-right: 0;">
                <label >Estado</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
                <select class="form-control" id="estadoEmpresa" name="estadoEmpresa" onchange="getMunicipios(this.value, 'municipioEmpresa')">
                  <option value="0"  selected>Seleccione...</option>
                </select>
                <label >Ciudad</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" class="form-control" id="ciudadEmpresa" name="ciudadEmpresa" placeholder="Ingrese Ciudad" onkeypress="return soloLetras(event)" required>
              </div>
              <div class="col-xs-12">
                <h3>Logo de la empresa</h3>
                <input type="file" name="logotipo" id="input-1" class="file">
              </div>
            </div>

            <!--Representantes de la empresa-->
            <div class="col-xs-12 col-md-6 col-lg-6 resp">
              <h3>Representante Legal / Administrador</h3>
              <h4>Responsable #1 (Gerente o Lider)</h4>
              <label>Nombre (s) </label><span style="color: red; font-size: 1.2em;"> *</span>
              <input type="text" class="form-control" id="nombreResp1" name="nombreResp1" placeholder="Ingrese Nombre (s)" onkeypress="return soloLetras(event)" required>
              <label>Apellidos</label><span style="color: red; font-size: 1.2em;"> *</span>
              <input type="text" class="form-control" id="apePatResp1" name="apePatResp1" placeholder="Ingrese Apellidos" onkeypress="return soloLetras(event)" required>
              <div class="row">
                <div class="col-xs-12 col-md-8 col-lg-8">
                  <label>Teléfono</label><span style="color: red; font-size: 1.2em;"> *</span>
                  <div class="input-group">
                    <div class="input-group-addon">
                      <i class="fa fa-phone"></i>
                    </div>
                    <input type="text" class="form-control" id="telefonoResp1Casa" placeholder="Teléfono" name="telefonoResp1Casa" required onkeypress="return solonumeros(event)">
                  </div>
                </div>
                <div class="col-xs-12 col-md-4 col-lg-4">
                  <label>Extensión</label>
                  <div class="input-group">
                    <div class="input-group-addon">
                      <i class="fa fa-phone"></i>
                    </div>
                    <input type="text" class="form-control" id="ext1" placeholder="Extensión" name="ext1" onkeypress="return solonumeros(event)">
                  </div>
                </div>
              </div>
              <label>Teléfono móvil</label>
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="fa fa-phone"></i>
                </div>
                <input type="text" class="form-control" id="telefonoResp1Movil" placeholder="Teléfono Móvil" name="telefonoResp1Movil" onkeypress="return solonumeros(event)">
              </div>
              <label>Primer E-mail</label><span style="color: red; font-size: 1.2em;"> *</span>
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                <input type="email" class="form-control" id="email1Resp1" name="email1Resp1" placeholder="usuario@ejemplo.com" onkeyup="existe('2','email1Resp1', '','')" required onkeypress="return validacorreo(event)">
              </div>
              <div style="text-align: center; color: red;" id="resp"></div>
              <label>Segundo E-mail</label>
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                <input type="email" class="form-control" id="email2Resp1" name="email2Resp1" placeholder="usuario@ejemplo.com" onkeypress="return validacorreo(event)">
              </div>
              <div id="responsables">
              </div>
              <br>
              <center>
                <button type="button" class="btn btn-success" onclick="AgregarCampos();">Agregar Responsable</button>
              </center>
            </div>
          </div>
        </div>
        <div class="row box-body" id="cloFrom-view" >
          <div class="col-xs-12 col-md-6 col-lg-6 col-xs-offset-6" align="center">
            <button type="reset" class="btn btn-danger" onclick="window.history.back();" title="Cancelar">
              <i class="fa fa-close"></i>  Cancelar
            </button>
            <button type="button" class="btn btn-info" onclick="guardarEmpresa();" title="Cancelar">
              <i class="fa fa-save"></i>  Guardar
            </button>
          </div>
        </div>
      </form>
    </div>
    {!!Form::close()!!}
  </div>
</section>
@endsection
@section('script')
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/sortable.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/purify.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/fileinput.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/locales/es.js"></script>
<script src="{{asset('js/empresas.js')}}"></script>
<script src="{{asset('js/estados.js')}}"></script>
<script type="text/javascript">

$(".file").fileinput({
  autoReplace: true,
  overwriteInitial: true,
  language: "es",
  allowedFileExtensions: ["jpg", "png", "gif", "jpeg"],
  showCaption: false,
  showUpload: false,
  browseLabel: "Imagen...",
  browseIcon: " <i class=\"fa fa-picture-o\" style=\"color:#fff;\"></i>",
  removeClass: "btn btn-danger",
  removeLabel: "Eliminar",
  removeIcon: "<i class=\"fa fa-trash\"></i>"
});
</script>
@endsection