@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 id="formtag">
    		<div class="modal-body">
          <div class="col-xs-12">
            <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" id="btncncl3" data-dismiss="modal" class="btn btn-danger"><i class="fa fa-close"></i> Cancelar</button>
            <button type="submit" id="btnsbmt3" class="btn btn-info"><i class="fa fa-save"></i> Aceptar</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
<script type="text/javascript">
  $('#formtag').submit(function(event){
    event.preventDefault();
    formData = new FormData($('#formtag')[0]);
    swal({
      title: "¿Guardar nueva etiqueta?",
      text: "",
      type: "info",
      showCancelButton: true,
      closeOnConfirm: false,
      showLoaderOnConfirm: true,
      confirmButtonText: 'Aceptar',
      cancelButtonText: 'Cancelar',
    },
    function(){
      $.ajax({
        data:  {'tipo':$('#tipo').val(),'nomcat':$('#nomcat').val()},
        url:   url+'addCategoria',
        type:  'GET',
        success:  function (data){
          var r = JSON.parse(data);
          if(!r.success) alerta('Error', 'Hubo un error al guardar los datos, intentelo más tarde', "error", "btn-danger","Cerrar");
          else{
            alerta('Información guardada', 'La etiqueta se guardó exitosamente', "success", "btn-success","Aceptar");
            $('#contags').append('<button class="btn btn-default m-t-10" id="tag'+r.id+'" onclick="addtag('+r.id+',0)" type="button">'+$('#nomcat').val()+'</button>')
          }
        },
        error:function(){ alerta('Error', "Ocurrio un problema al conectar con el servicio REST.", "error", "btn-danger","Cerrar"); }
      });
      setTimeout(function () { swal.close(); }, 1500);
    });
  });
</script>
{!!Form::open(array('method'=>'POST','autocomplete'=>'off','id'=>'frm-npros'))!!}
<div id="from-view">
  <div class="row">
    <div class="col-xs-6 pull-right" align="right">
      <button type="reset" class="btn btn-danger" onclick="window.history.back();" title="Cancelar"><i class="fa fa-close"></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>
  <div class="row">
    <div class="col-md-6">
      <div class="row">
        <div class="col-md-3">
          <label>Tipo de cliente</label>
          <select class="form-control" name="persona">
            <option value="">Seleccione...</option>
            <option value="f">Física</option>
            <option value="m">Moral</option>
            <option value="d">Distribuidor</option>
          </select>
        </div>
        <div class="col-md-9">
          <label>Nombre comercial</label><span style="color: red; font-size: 1.2em;"> *</span>
          <div class="input-group">
            <input type="text" class="form-control" id="nombreComercial" name="nombreComercial" placeholder="Ingrese Nombre Comercial" onkeypress="return numerosyletras(event)" 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>
      <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 class="row">
        <div class="col-md-4">
          <label>RFC</label>&nbsp;&nbsp;&nbsp;<label id="aviso"></label>
          <input type="text" class="form-control" placeholder="Ingrese RFC" name="rfcProspecto" id="rfcProspecto" onkeypress="return numerosyletras(event)" onkeyup="srhRFC(this.value)" onchange="srhRFC(this.value)">
        </div>
        <div class="col-md-8">
          <label>Razón social</label>
          <input type="text" name="razonSocial" class="form-control" placeholder="Ingrese Razon Social" onkeypress="return soloLetras(event)" >
        </div>
      </div>
      <div class="row">
        <div class="col-md-4">
          <label>Canal</label><span style="color: red; font-size: 1.2em;"> *</span>
          <select class="form-control" name="medio">
            <option value="0">Seleccione...</option>
            @foreach($canales as $canal)
            <option value="{{$canal->canal_id}}">{{$canal->canal_nombre}}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-8">
          <label>Distribuidor</label>
          <select class="form-control" name="distribuidor" required>
            <option value="0">Sin distribuidor</option>
            @foreach($dists as $d)
            <option value="{{$d->pros_id}}">{{$d->pros_nombre}}</option>
            @endforeach
          </select>
        </div>
      </div>
      <div class="row">
        <div class="col-md-4">
          <label>Nº de Empleados</label>
          <input type="text" class="form-control" placeholder="Nº de Empleados" name="numEmpleados" onkeyup="solonumeros(event)">
        </div>
        <div class="col-md-2">
          <label>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 class="col-md-6">
          <label>Página web</label>
          <input type="text" class="form-control" placeholder="www.ejemplo.com" name="web">
        </div>
      </div>
      <div class="row">
        <div class="col-md-4">
          <label>Fecha estimada de cierre</label>
          <input type="text" class="form-control pull-right datepicker" placeholder="Fecha de cierre" name="fcierre" value="" onkeypress="return false">
        </div>
        <div class="col-md-8">
          <label>Posibilidad de cierre</label><span style="color: red; font-size: 1.2em;"> *</span>
          <select class="form-control" name="cierreProspecto" required>
            <option value="">Seleccione...</option>
                          @if ($tabs->$tb != '') <option value="{{$i}}">{{$tabs->$tb}} <b>({{$i}} %)</b></option> @endif
                          @if ($tabs->$tb != '') <option value="{{$i}}">{{$tabs->$tb}} <b>({{$i}} %)</b></option> @endif
                          @if ($tabs->$tb != '') <option value="{{$i}}">{{$tabs->$tb}} <b>({{$i}} %)</b></option> @endif
                          @if ($tabs->$tb != '') <option value="{{$i}}">{{$tabs->$tb}} <b>({{$i}} %)</b></option> @endif
                          @if ($tabs->$tb != '') <option value="{{$i}}">{{$tabs->$tb}} <b>({{$i}} %)</b></option> @endif
                          @if ($tabs->$tb != '') <option value="{{$i}}">{{$tabs->$tb}} <b>({{$i}} %)</b></option> @endif
                          @if ($tabs->$tb != '') <option value="{{$i}}">{{$tabs->$tb}} <b>({{$i}} %)</b></option> @endif
                          @if ($tabs->$tb != '') <option value="{{$i}}">{{$tabs->$tb}} <b>({{$i}} %)</b></option> @endif
                          @if ($tabs->$tb != '') <option value="{{$i}}">{{$tabs->$tb}} <b>({{$i}} %)</b></option> @endif
                          @if ($tabs->$tb != '') <option value="{{$i}}">{{$tabs->$tb}} <b>({{$i}} %)</b></option> @endif
                      </select>
        </div>
      </div>
      <div class="row">
        <div class="col-md-4">
          <label>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 class="col-md-8">
          <label>Ejecutivos a cargo</label>
          <div id="empsasig">
          </div>
          <select class="form-control" id="nwejecasig" required>
            <option value="" disabled selected>Agregar ejecutivo</option>
            @foreach($ejecutivos as $eje)
            <option value="{{$eje->emple_id}}">{{$eje->cnt_nombres}} {{$eje->cnt_apellidos}}</option>
            @endforeach
          </select>
        </div>
      </div>
      <hr>

      <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="callePros" placeholder="Ingrese Calle" onkeypress="return numerosyletras(event)">
        </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="coloniaPros" onkeypress="return numerosyletras(event)">
        </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="numExtPros" onkeypress="return numerosyletras(event)">
          </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="numIntPros" 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="cpPros" placeholder="Codigo Postal" onkeypress="return solonumeros(event)">
          </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="ciudadPros" placeholder="Ingrese Ciudad" onkeypress="return soloLetras(event)">
        </div>
        <div class="col-xs-12">
          <label>Referencia</label>
          <textarea name="dir_ref" id="dir_ref" rows="3" class="form-control" placeholder="Describa una referencia de la dirección" onkeypress="return numerosyletras(event)"></textarea>
        </div>
      </div>

      <!--input type="checkbox" name="usu" value="1"><label>Este cliente puede accesar a la aplicación.</label-->

      @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 class="col-xs-12 col-md-6 col-lg-6">
      <div class="form-group text-center">
        <h3>Contactos</h3>
        <h4><b>Contacto principal</b></h4>
        <label>Nombre</label><span style="color: red; font-size: 1.2em;"> *</span>
        <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>
              @foreach($ar as $val)
              <option value="{{$val}}">{{$val}}</option>
              @endforeach
            </select>
          </div>
          <input type="text" class="form-control" name="nombreContacto[]" placeholder="Ingrese Nombre (s)" onkeypress="return soloLetras(event)" required>
        </div>
        <label>Apellidos</label><span style="color: red; font-size: 1.2em;"> *</span>
        <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" onkeypress="return soloLetras(event)" required>
        </div>
        <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" onkeypress="return soloLetras(event)" value="">
        </div>
        <div class="row">
          <div class="col-xs-9 col-lg-9 col-md-9"><span style="color: red; font-size: 1.2em;"> *</span>
            <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" name="tel[]" placeholder="Ingrese Teléfono" onkeypress="return solonumeros(event)" required>
            </div>
          </div>
          <div class="col-xs-3 col-lg-3 col-md-3">
            <label>Ext</label>
            <input type="text" class="form-control" name="ext[]" placeholder="Extensión" onkeypress="return solonumeros(event)" >
          </div>
        </div>

        <label>Telefono movil</label>
        <div class="input-group">
          <div class="input-group-addon">
            <i class="fa fa-mobile"></i>
          </div>
          <input type="text" class="form-control" placeholder="Telefono Movil" name="tel2[]">
        </div>
        <label>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" placeholder="usuario@ejemplo.com" name="email[]" 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" placeholder="usuario@ejemplo.com" name="email2[]">
        </div>
        <div id="contactos"></div>
        <button type="button" class="btn btn-success m-t-10" onclick="agregaContactos();">Agregar Contacto</button>
      </div>
    </div>
  </div>
  <div class="row">
    <br>&nbsp;
    <hr size="2px" color="#124076" style="padding:5px 10px; border-radius:5px;" />
    <div class="col-xs-12 col-md-6 col-lg-6" id="divpro">
      <h3>Agregar Productos</h3>
      <input type="hidden" id="idProducto1" name="idProducto[]" value="">
      <input type="text" id="nomProd1" class="form-control" onkeypress="return numerosyletras(event)" onkeyup="srhProds(this.value, 1)" placeholder="Buscar un Producto">
      <div id="OpcProd1" class="100%" style="position:absolute; z-index:100; display:none;"></div>
      <label>Cantidad</label>
      <input type="text" class="form-control" id="cantP1" name="cantP[]" value="1" onkeyup="totalP(1)" required>
      <input type="hidden" name="preP[]" id="preP1">
      <label>Total</label>
      <input type="text" class="form-control" id="totP1" name="totP[]">
      <label >Inicio del producto</label>
      <div class="input-group date">
        <div class="input-group-addon">
          <i class="fa fa-calendar"></i>
        </div>
        <input type="text" class="form-control pull-right datepicker" placeholder="Fecha de Inicio" id="inicioP1" name="inicioP[]">
      </div>
      <label>Vigencia del producto</label><span style="color: red; font-size: 1.2em;"> *</span>
      <div class="input-group date">
        <div class="input-group-addon">
          <i class="fa fa-calendar"></i>
        </div>
        <input type="text" class="form-control pull-right datepicker" placeholder="Vigencia" id="vigP1" name="vigP[]">
      </div>
      <div id="camposP2">
      </div>
      <button type="button" class="btn btn-success m-t-10" onclick="agregaP()">Agregar Producto</button>
    </div>
    <div class="col-xs-12 col-md-12 col-lg-6" id="divser">
      <h3>Agregar Servicios</h3>
      <input type="hidden" id="idServicio1" name="idServicio[]" value="">
      <input type="text" id="nomSer1" class="form-control" onkeypress="return numerosyletras(event)" onkeyup="srhServs(this.value, 1)" placeholder="Buscar un Servicio">
      <div id="OpcServ1" class="100%" style="position:absolute; z-index:100; display:none;"></div>
      <label>Precio</label>
      <input type="text" class="form-control" id="preS1" name="preS[]" readonly>
      <div class="col-xs-6">
        <div class="radio">
          <label>Descuento</label>
          <input style="left:20px" type="radio" id="descS1" name="accionS[]" value="0">
        </div><br>
        <div class="radio">
          <label>Aumento</label>
          <input style="left:20px" type="radio" id="aumS1" name="accionS[]" value="1">
        </div>
      </div>
      <div class="col-xs-6">
        <label>Porcentaje de descuento/aumento</label>
        <input type="text" class="form-control" id="porS1" name="porS[]" onkeyup="calculaPrecio(this.value, 1)">
      </div>
      <label>Total</label>
      <input type="text" class="form-control" id="totalS1" name="totalS[]" onkeyup="calculaPorcentaje(this.value, 1)">
      <label>Referencia</label>
      <div class="input-group date">
        <div class="input-group-addon">
          <i class="fa fa-info"></i>
        </div>
        <input type="text" class="form-control" onkeypress="return numerosyletras(event)" placeholder="Referencia del servicio" id="referS1" name="referS[]">
      </div>
      <label>Inicio del servicio</label>
      <div class="input-group date">
        <div class="input-group-addon">
          <i class="fa fa-calendar"></i>
        </div>
        <input type="text" class="form-control pull-right datepicker" placeholder="Fecha de Inicio" id="inicioS1" name="inicioS[]">
      </div>
      <label>Vigencia del servicio</label>
      <div class="input-group date">
        <div class="input-group-addon">
          <i class="fa fa-calendar"></i>
        </div>
        <input type="text" class="form-control pull-right datepicker" placeholder="Vigencia" id="vigS1" name="vigS[]">
      </div>
      <div id="camposS2"></div>
      <button type="button" class="btn btn-success m-t-10" onclick="agregaS();">Agregar Servicio</button>
    </div>
  </div>
</div>
{!!Form::close()!!}
@endsection
@section('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/oportunidades.js')}}"></script>
<script>
var prods = ;
var servs = ;
var emples = ;
$('.datepicker').datepicker({
  autoclose: true,
  format: 'yyyy-mm-dd',
  language:'es',
  orientation: "bottom auto"
});
$('#frm-npros').submit(function (event){
  event.preventDefault();
  formData = new FormData($('#frm-npros')[0]);
  swal({
    title: "¿Guardar Datos?",
    text: "Agregar una nueva oportunidad",
    type: "info",
    closeOnConfirm: false,
    showCancelButton: true,
    showLoaderOnConfirm: true,
    confirmButtonText: 'Aceptar',
    cancelButtonText: 'Cancelar',
  }, function(){
    $.ajax({
      data:formData,
      url:url+'oportunidades',
      type: 'POST',
      cache: false,
      processData: false,
      contentType: false,
      success:function(data){
        var r = JSON.parse(data);
        if (r.success) {
          alerta('Exito!', r.msg, 'success', 'btn-success', 'Ok');
          setTimeout(function() { window.location.href = url+'oportunidades'; }, 2000);
        } else alerta('Error', r.msg, 'error', 'btn-danger', 'Cerrar');
      },
      error:function(){ console.log('Ocurrió un error al conectar con el servidor web'); }
    });
  });
});
function addtag(id,hg){
  var tags = JSON.parse('['+$('#tags').val()+']');
  if (hg == 0) {
    tags.push(id);
    $('#tags').val(arrToStr(tags));
    $('#tag'+id).attr('class','btn btn-warning');
    $('#tag'+id).attr('onclick','addtag('+id+',1)');
  }
  else {
    tags.splice(tags.indexOf(id), 1);
    $('#tags').val(arrToStr(tags));
    $('#tag'+id).attr('class','btn btn-default');
    $('#tag'+id).attr('onclick','addtag('+id+',0)');
  }
}
function arrToStr(arr){
  str = '';
  for (var i in arr) {str += (i != 0) ? ','+arr[i] : arr[i]; }
  return str;
}

$('#nwejecasig').change( function() {
  $(this).prop('required',null);
  var ej = $(this).val(); $(this).val('');
  var selejeasig = '';
  selejeasig +='<div class="input-group"><select class="form-control" name="asig[]" required>';
  selejeasig +='<option disabled selected>Seleccione . . .</option>';
  for (e of emples) {
    if (e.emple_id == ej) selejeasig +='<option value="'+e.emple_id+'" selected>'+e.cnt_nombres+' '+e.cnt_apellidos+'</option>';
    else selejeasig += '<option value="'+e.emple_id+'">'+e.cnt_nombres+' '+e.cnt_apellidos+'</option>';
  }
  selejeasig +='</select><span class="input-group-addon" style="padding:0;"><button type="button" onclick="$(this).parent().parent().remove();" class="btn btn-danger"><i class="fa fa-close"></i></button></span></div>';
  $('#empsasig').append(selejeasig);
});

</script>
@endsection