@extends('layouts.admin')
@section('contenido')
{!!Form::open(array('url'=>'#','method'=>'POST', 'id'=>'frm-nprov', 'autocomplete'=>'off','files'=>'true'))!!}
{{Form::token()}}
<div id="from-view">
  <form role="form">
    <div class="box-body">
      <div class="form-group">
        <div class="row">
          <div class="col-xs-12 col-md-6 col-lg-6">
            <label>Nombre Comercial</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" class="form-control" name="nombreProvedor" placeholder="Ingrese Nombre Comercial" onkeypress="return soloLetras(event)" required>
            <label>Razón social</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" class="form-control" name="razonSocial" placeholder="Ingrese Razon Social" onkeypress="return soloLetras(event)" required>
            <label>RFC</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" class="form-control" name="rfcProvedor" placeholder="Ingrese RFC" required>
            <div class="row" style="padding-right:13px; padding-left:13px;">
              <div class="col-xs-12 col-lg-9 col-md-9" style="padding-left: 0;">
                <label>Telefono</label><span style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" class="form-control" name="telprov" placeholder="Ingrese Teléfono" onkeypress="return solonumeros(event)" required>
              </div>
              <div class="col-xs-12 col-lg-3 col-md-3" style="padding-right: 0;">
                <label>Ext</label>
                <input type="text" class="form-control" name="extprov" placeholder="Extensión" onkeypress="return solonumeros(event)">
              </div>
            </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" name="email1Provedor" placeholder="usuario@ejemplo.com" required>
            </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" name="email2Provedor" placeholder="usuario@ejemplo.com">
            </div>
            <label>Logo de la empresa</label>
            <input type="file" class="file" name="fotoProvedor">
            <h3>Dirección</h3>
            <div class="row">
              <div class="col-xs-12 col-md-6 col-lg-6">
                <label>Calle</label><span style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" class="form-control" name="calleProv" placeholder="Ingrese Calle" onkeypress="return numerosyletras(event)" required>
              </div>
              <div class="col-xs-12 col-md-6 col-lg-6">
                <label>Colonia</label><span style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" class="form-control" placeholder="Ingrese Colonia" name="coloniaProv" onkeypress="return numerosyletras(event)" required>
              </div>
              <div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                  <label>Número Exterior</label><span style="color: red; font-size: 1.2em;"> *</span>
                  <input type="text" class="form-control"  placeholder="Numero Exterior" name="numExtProv" onkeypress="return numerosyletras(event)" required>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                  <label>Número Interior</label>
                  <input type="text" class="form-control"  placeholder="Numero Interior" name="numIntProv" onkeypress="return numerosyletras(event)">
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                  <label>Código Postal</label><span style="color: red; font-size: 1.2em;"> *</span>
                  <input type="text" class="form-control" name="cpProv" placeholder="Codigo Postal" onkeypress="return solonumeros(event)" required>
                </div>
              </div>
              <div class="col-xs-12 col-md-6 col-lg-6">
                <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>
              </div>
              <div class="col-xs-12 col-md-6 col-lg-6">
                <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>
              </div>
              <div class="col-xs-12 col-md-6 col-lg-6">
                <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">
                <label>Ciudad</label><span style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" class="form-control" name="ciudadProv" placeholder="Ingrese Ciudad" onkeypress="return soloLetras(event)" required>
              </div>
            </div>
            @if(Session::get('rol') == 1)
            <label>Empresa</label>
            <select name="idEmpresa" class="form-control">
              <option value="0">Seleccione...</option>
              @foreach($empresas as $emp)
              <option value="{{$emp->emp_id}}">{{$emp->emp_nom_comer}}</option>
              @endforeach
            </select>
            @else
            <input type="hidden" name="idEmpresa" value="{{Session::get('idEmpresa')}}">
            @endif
            <div class="box-body row" id="cloFrom-view" >
              <div class="col-xs-12 col-md-6 m-t-10 text-center">
                <button type="reset" class="btn btn-danger" onclick="window.history.back();" title="Cancelar">
                  <i class="fa fa-close"> </i> Cancelar
                </button>
              </div>
              <div class="col-xs 12 col-md-6 m-t-10 text-center">
                <button type="submit" class="btn btn-info" title="Cancelar">
                  <i class="fa fa-save"> </i> Guardar
                </button>
              </div>
            </div>
          </div>
          <div class="col-xs-12 col-md-6 col-lg-6">
            <h3>Responsables</h3>
            <label>Nombre (s)</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" name="nombreContacto1" class="form-control" placeholder="Ingrese Nombre (s)" onkeypress="return soloLetras(event)" required>
            <label>Apellidos</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" name="apellidos1" class="form-control" placeholder="Ingrese Apellidos" required>

            <div class="col-xs-9 col-lg-9 col-md-9" style="padding-left: 0;">
              <label>Teléfono</label><span style="color: red; font-size: 1.2em;"> *</span>
              <input type="text" class="form-control" name="tel1" placeholder="Ingrese Teléfono" onkeypress="return solonumeros(event)" required>
            </div>
            <div class="col-xs-3 col-lg-3 col-md-3" style="padding-right: 0;">
              <label>Ext</label>
              <input type="text" class="form-control" name="ext1" placeholder="Extensión" onkeypress="return solonumeros(event)">
            </div>
            <div>
              <label style="padding-left: 0;">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" placeholder="usuario@ejemplo.com" name="email1">
              </div>
            </div>
            <div id="contactos">
            </div>
            <br>
            <button type="button" class="btn btn-success" onclick="agregaContactos();">Agregar Contacto</button>
            <input type="hidden" id="cuantos" name="cuantos" value="1">
          </div>
          <div class="col-xs-12 col-md-6 col-lg-6">
            <h3>Datos Bancarios</h3>
            <label style="padding-left: 0;">Banco</label>
            <input type="text" class="form-control" placeholder="Nombre del banco o institución" name="banco1" required>
            <div class="col-xs-6 col-lg-6 col-md-6" style="padding-left: 0;">
              <label>No. de Cuenta</label><span style="color: red; font-size: 1.2em;"> *</span>
              <input type="text" class="form-control" name="cuenta1" placeholder="Cuenta de banco"  required>
            </div>
            <div class="col-xs-6 col-lg-6 col-md-6" style="padding-right: 0;">
              <label>Clabe Interbancaria</label><span style="color: red; font-size: 1.2em;"> *</span>
              <input type="text" class="form-control" name="clabe1" placeholder="Clabe de banco" required>
              <br>
            </div>
            
            <div id="bancos">
            </div>
            <button type="button" class="btn btn-success" onclick="agregaBancos();">Agregar Cuenta</button>
            <input type="hidden" id="datos" name="datos" value="1">
          </div>
        </div>
      </div>
    </div>
  </form>
</div>
{!!Form::close()!!}
@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://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('assets/plugins/jquery.inputmask.js') }}"></script>
<script src="{{ asset('assets/plugins/jquery.inputmask.date.extensions.js') }}"></script>
<script src="{{ asset('assets/plugins/jquery.inputmask.extensions.js') }}"></script>
<script src="{{asset('js/creaProv.js')}}"></script>
<script src="{{asset('js/functions.js')}}"></script>
<script src="{{asset('js/estados.js')}}"></script>
@endsection