@extends('layouts.admin')
@section('contenido')
<section>
  <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 Sucursal</h3>
              <label>Nombre comercial</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
              <input type="text" class="form-control" id="nombreSucursalComercial" name="nombreSucursalComercial" 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="rfcSucursal"  name="rfcSucursal" placeholder="Ingrese RFC" onkeypress="return numerosyletras(event)" required>
              <label>Teléfono</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="telefonoSucursalMovil" name="telefonoSucursalMovil" placeholder="Teléfono Sucursal" 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="email1Sucursal" name="email1Sucursal"  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="email2Sucursal"  name="email2Sucursal" 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="calleSucursal" class="form-control" id="calleSucursal" 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="coloniaSucursal" id="coloniaSucursal" 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="numExteriorSucursal" name="numExteriorSucursal" 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="numInteriorSucursal" name="numInteriorSucursal" 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="cpSucursal" name="cpSucursal" 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="paisSucursal" id="paisSucursal" onchange="getEstados(this.value, 'estadoSucursal')">
                  <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="municipioSucursal" name="municipioSucursal">
                  <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="estadoSucursal" name="estadoSucursal" onchange="getMunicipios(this.value, 'municipioSucursal')">
                  <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="ciudadSucursal" name="ciudadSucursal" placeholder="Ingrese Ciudad" onkeypress="return soloLetras(event)" required>
              </div>
            </div>

            <!--Representantes de la Sucursal-->
            <div class="col-xs-12 col-md-6 col-lg-6 resp">
              <h3>Representante Legal / Administrador</h3>
              <h4>Responsable #1</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('6','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="guardarSucursal();" title="Cancelar">
              <i class="fa fa-save"></i>  Guardar
            </button>
          </div>
        </div>
      </form>
    </div>
    {!!Form::close()!!}
  </div>
</section>
@endsection
@section('script')
<script src="{{asset('js/sucursales.js')}}"></script>
<script src="{{asset('js/estados.js')}}"></script>
@endsection