@extends('layouts.admin')

@section('estilos')
<link href="{{ asset('assets/css/bootstrap-datepicker3.min.css') }}" rel="stylesheet">
@endsection

@section('contenido')

<div class="modal fade modal-slide-in-right" aria-hidden="true" role="dialog" tabindex="-1" id="formnewt">
  <div class="modal-dialog">
    <div class="modal-content">
			<div class="modal-header">
        <h4 class="modal-title">Nueva etiqueta</h4>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
			</div>
      {!!Form::open(array('method'=>'GET','url'=>'addCategoria','autocomplete'=>'off','enctype'=>'multipart/form-data','data-confirmar'=>'true','data-msg'=>'¿Guardar nueva etiqueta?'))!!}
    		<div class="modal-body">
          <div class="form-group">
            <label for="canal">Nombre de etiqueta</label><br><br>
            <input type="text" class="form-control" id="nomcat" name="nomcat" required><hr>
            <input type="hidden" name="tipo" id="tipo" value="5">
          </div>
          <div class="modal-footer">
            <button type="reset" data-dismiss="modal" class="btn btn-danger"><i class="fa fa-close"></i> Cancelar</button>
            <button type="submit" class="btn btn-info"><i class="fa fa-save"></i> Aceptar</button>
          </div>
        </div>
      {!!Form::close()!!}
    </div>
  </div>
</div>

{!!Form::open(array('method'=>'POST','url'=>'clientes','autocomplete'=>'off','enctype'=>'multipart/form-data','data-confirmar'=>'true','data-msg'=>'Guardar nuevo cliente'))!!}

  <div class="col-lg-12 text-right">
    <button type="reset" class="btn btn-primary" onclick="location.href='{{URL::to('clientes')}}'" title="Cancelar"><i class="fa fa-times"></i>&nbsp;&nbsp;Cancelar</button>
    <button type="submit" class="btn btn-info" title="Cancelar"><i class="fa fa-save"></i>&nbsp;&nbsp;Guardar</button>
  </div>

  <div class="row">
    <div class="col-md-6">

      <div class="row">

        <div class="col-md-3">
          <div class="form-group">
            <label>Tipo de cliente</label>
            <select class="form-control" name="persona" required>
              <option value="">Seleccione...</option>
              <option value="f">Física</option>
              <option value="m">Moral</option>
              <option value="d">Distribuidor</option>
            </select>
          </div>
        </div>

        <div class="col-md-9">
          <div class="form-group">
            <label class="required">Nombre comercial</label>
            <div class="input-group">
              <input type="text" class="form-control" name="nombreComercial" placeholder="Ingrese Nombre Comercial" data-regla="numletras" data-msg="Escriba un nombre comercial válido" required>
              <span class="input-group-btn"><button data-toggle="modal" data-target="#formnewt" type="button" class="btn btn-primary"><i class="fa fa-tag"></i></button></span>
            </div>
          </div>
        </div>

      </div>
      
      <div class="form-group">
        <label>Regimen Fiscal</label><br>
        <div id="contags">
          <select class="form-control" name="regimen" id="regimen" required>
               <option value="" disabled selected>-- Seleccione un régimen fiscal --</option>
              @foreach( $regimen as $re )
                <option value="{{$re->clave}}">{{$re->concepto}} [{{$re->clave}}]</option>
              @endforeach
            </select>
        </div>
      </div>
      
     

      <div class="form-group">
        <label>Etiquetas</label><br>
        <div id="contags">
          <input type="hidden" name="tags" id="tags" value="">
          @foreach ($tags as $t)
          <button class="btn btn-default m-t-10" id="tag{{$t->cat_id}}" onclick="addtag({{$t->cat_id}},0)" type="button">{{$t->cat_nombre}}</button>
          @endforeach
        </div>
      </div>

      <div class="row">

        <div class="col-md-4">
          <div class="form-group">
            <label>RFC</label>&nbsp;&nbsp;&nbsp;<label id="aviso"></label>
            <input type="text" class="form-control" placeholder="Ingrese RFC" name="rfcProspecto" id="rfcProspecto" onkeyup="srhRFC(this.value)" onchange="srhRFC(this.value)" data-regla="clave" data-msg="Escriba un RFC válido">
          </div>
        </div>

        <div class="col-md-8">
          <div class="form-group">
            <label>Razón social</label>
            <input type="text" name="razonSocial" class="form-control" placeholder="Ingrese Razon Social" data-regla="texto" data-msg="Escriba una razón social válida" required>
          </div>
        </div>

      </div>

      <div class="row">

        <div class="col-md-4">
          <div class="form-group">
            <label class="required">Canal</label>
            <select class="form-control" name="medio" required>
              <option value="">Seleccione...</option>
              @foreach($canales as $canal)
              <option value="{{$canal->canal_id}}">{{$canal->canal_nombre}}</option>
              @endforeach
            </select>
          </div>
        </div>

        <div class="col-md-8">
          <div class="form-group">
            <label>Distribuidor</label>
            <select class="form-control" name="distribuidor">
              <option value="0">Sin distribuidor</option>
              @foreach($dists as $d)
              <option value="{{$d->pros_id}}">{{$d->pros_nombre}}</option>
              @endforeach
            </select>
          </div>
        </div>

      </div>

      <div class="row">

        <div class="col-md-4">
          <div class="form-group">
            <label>Nº de Empleados</label>
            <input type="number" class="form-control" placeholder="Nº de Empleados" name="numEmpleados" data-msg="Escriba un número de empleados válido">
          </div>
        </div>

        <div class="col-md-2">
          <div class="form-group">
            <label class="required">Moneda</label>
            <select class="form-control" name="mnd" required>
              @foreach($mnds as $m)
              <option value="{{$m->mon_name}}">{{$m->mon_name}}</option>
              @endforeach
            </select>
          </div>
        </div>

        <div class="col-md-6">
          <div class="form-group">
            <label>Página web</label>
            <input type="text" class="form-control" placeholder="www.ejemplo.com" name="web" data-regla="web" data-msg="Escriba una dirección web válida">
          </div>
        </div>

      </div>

      <div class="row">

        <div class="col-md-4">
          <div class="form-group">
            <label class="required">Giro de la empresa</label>
            <select class="form-control" name="giro" required>
              <option value="" selected disabled>Seleccione . . .</option>
              @foreach($giros as $k => $g)
              <option value="{{$k}}">{{$g}}</option>
              @endforeach
            </select>
          </div>
        </div>

        <div class="col-md-8">
          <div class="form-group">
            <label class="required">Ejecutivos a cargo</label>
            <div id="empsasig"></div>
            <select class="form-control" id="nwejecasig" required>
              <option value="" selected disabled>Agregar ejecutivo</option>
              @foreach($ejecutivos as $eje)
              <option value="{{$eje->emple_id}}">{{$eje->cnt_nombres}} {{$eje->cnt_apellidos}}</option>
              @endforeach
            </select>
          </div>
        </div>

      </div><hr>

      <h3>Dirección</h3>
      <div class="row">

        <div class="col-xs-12 col-md-6 col-lg-6">
          <div class="form-group">
            <label>Calle</label>
            <input type="text" class="form-control" name="callePros" placeholder="Ingrese Calle" data-regla="numletras" data-msg="Ingrese una calle válida">
          </div>
        </div>

        <div class="col-xs-12 col-md-6 col-lg-6">
          <div class="form-group">
            <label>Colonia</label>
            <input type="text" class="form-control" placeholder="Ingrese Colonia" name="coloniaPros" data-regla="numletras" data-msg="Ingrese una colonia válida">
          </div>
        </div>

        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
          <div class="form-group">
            <label>Número Exterior</label>
            <input type="text" class="form-control"  placeholder="Numero Exterior" name="numExtPros" data-regla="numletras" data-msg="Ingrese un número exterior correcto">
          </div>
        </div>

        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
          <div class="form-group">
            <label>Número Interior</label>
            <input type="text" class="form-control"  placeholder="Numero Interior" name="numIntPros" data-regla="numletras" data-msg="Ingrese un número interior correcto">
          </div>
        </div>

        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
          <div class="form-group">
            <label>Código Postal</label>
            <input type="text" class="form-control" name="cpPros" placeholder="Codigo Postal" minlength="4" maxlength="5" data-regla="entero" data-msg="Ingrese un código postal válido">
          </div>
        </div>

        <div class="col-xs-12 col-md-6 col-lg-6">
          <div class="form-group">
            <label>País</label>
            <select class="form-control" name="paisEmpresa" id="pais" onchange="getEstados(this.value, 'estadoEmpresa')">
              <option selected disabled value="0">Seleccione...</option>
              @foreach ($paises as $ps)
              <option value="{{$ps->ps_is}}">{{$ps->ps_nombre}}</option>
              @endforeach
            </select>
          </div>
        </div>

        <div class="col-xs-12 col-md-6 col-lg-6">
          <div class="form-group">
            <label>Estado</label>
            <select class="form-control" id="estadoEmpresa" name="estadoEmpresa" onchange="getMunicipios(this.value, 'municipioEmpresa')">
              <option selected disabled value="0">Seleccione...</option>
            </select>
          </div>
        </div>

        <div class="col-xs-12 col-md-6 col-lg-6">
          <div class="form-group">
            <label>Delegación / Municipio</label>
            <select class="form-control" id="municipioEmpresa" name="municipioEmpresa">
              <option selected disabled value="0" >Seleccione...</option>
            </select>
          </div>
        </div>

        <div class="col-xs-12 col-md-6 col-lg-6">
          <div class="form-group">
            <label>Ciudad</label>
            <input type="text" class="form-control" name="ciudadPros" placeholder="Ingrese Ciudad" data-regla="numletras" data-msg="Ingrese el nombre de su ciudad correctamente">
          </div>
        </div>

        <div class="col-xs-12">
          <div class="form-group">
            <label>Referencia</label>
            <textarea name="dir_ref" id="dir_ref" rows="3" class="form-control" placeholder="Describa una referencia de la dirección" data-msg="Revise la redacción de su referencia"></textarea>
          </div>
        </div>

      </div>

      <!--input type="checkbox" name="usu" value="1"><label>Este cliente puede accesar a la aplicación.</label-->
      <div class="form-group">
        @if(Session::get('rol') == 1)
        <label>Empresa</label><span style="color: red; font-size: 1.2em;"> *</span>
        <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" id="idEmpresa" name="idEmpresa" value="{{Session::get('idEmpresa')}}">
        @endif
      </div>

    </div>

    <div class="col-xs-12 col-md-6 col-lg-6">

      <div class="text-center">
        <h3>Contactos</h3>
      </div>

      <div class="form-group">
        <h4 class="required">Contacto principal</h4>
        <label class="required">Nombre</label>
        <div class="input-group">
          <div class="input-group-addon" style="border-right:0">
            <i class="fa fa-info"></i>
          </div>
          <div class="input-group-addon" style="padding:0; border-left:0;">
            <select class="cstm-sel" name="titulo[]">
              <option value=""></option>
              {!!$TITULOS!!}
            </select>
          </div>
          <input type="text" class="form-control" name="nombreContacto[]" placeholder="Ingrese Nombre (s)" data-regla="letras" data-msg="Ingrese su nombre correctamente" required>
        </div>
      </div>

      <div class="form-group">
        <label class="required">Apellidos</label>
        <div class="input-group">
          <div class="input-group-addon">
            <i class="fa fa-info"></i>
          </div>
          <input type="text" class="form-control" name="apellidos[]" placeholder="Ingrese Apellidos" data-regla="letras" data-msg="Ingrese sus apellidos correctamente" required>
        </div>
      </div>

      <div class="form-group">
        <label>Puesto</label>
        <div class="input-group">
          <div class="input-group-addon">
            <i class="fa fa-user"></i>
          </div>
          <input type="text" class="form-control" name="puesto[]" placeholder="Puesto que ocupa" data-regla="numletras" data-msg="Ingrese un puesto válido">
        </div>
      </div>

      <div class="row">

        <div class="col-xs-9 col-lg-9 col-md-9">
          <div class="form-group">
            <label class="required">Teléfono</label>
            <div class="input-group">
              <div class="input-group-addon">
                <i class="fa fa-phone"></i>
              </div>
              <input type="tel" class="form-control" name="tel[]" placeholder="Ingrese Teléfono" data-msg="Ingrese un teléfono válido" required>
            </div>
          </div>
        </div>

        <div class="col-xs-3 col-lg-3 col-md-3">
          <div class="form-group">
            <label>Ext</label>
            <input type="text" class="form-control" name="ext[]" placeholder="Extensión" maxlength="5" data-regla="entero" data-msg="Ingrese un número de extensión válido">
          </div>
        </div>

      </div>

      <div class="form-group">
        <label>Telefono movil</label>
        <div class="input-group">
          <div class="input-group-addon">
            <i class="fa fa-mobile"></i>
          </div>
          <input type="tel" class="form-control" placeholder="Telefono Movil" name="tel2[]" data-regla="telefono" data-msg="Ingrese un teléfono móvil válido">
        </div>
      </div>

      <div class="form-group">
        <label class="required">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="email[]" data-msg="Ingrese una dirección de correo electrónica válida" required>
        </div>
      </div>

      <div class="form-group">
        <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" placeholder="usuario@ejemplo.com" name="email2[]" data-msg="Ingrese una dirección de correo electrónica alterna válida">
        </div>
      </div>

      <div id="contactos"></div>
      <button type="button" class="btn btn-success m-t-10" onclick="addContacto();">Agregar Contacto</button>

    </div>

  </div>

  <div class="row">
    <hr size="2px" color="#124076" style="padding:5px 10px; border-radius:5px;" />
    <div class="col-lg-12">
      <span style="font-size:2em">Agregar productos y servicios &nbsp;&nbsp;&nbsp;</span>
      <button type="button" class="btn btn-info" onclick="addProducto()"><i class="fa fa-plus"></i> Agregar Producto</button>
      <button type="button" class="btn btn-primary" onclick="addServicio()"><i class="fa fa-plus"></i> Agregar Servicio</button>
    </div>
    <div id="contenedor">

    </div>
  </div>

{!!Form::close()!!}

@endsection

@section('script')
<script>
  var emples = ;
  var titulos = '';
</script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker.es.min.js') }}"></script>
<script src="{{asset('js/estados.js')}}"></script>
<script src="{{ asset('js/formularios.js') }}"></script>
<script src="{{asset('js/clientes/nuevo.js')}}"></script>
@endsection