@extends('layouts.admin')
@section('estilos')
<style> td .fa, td .fas{ margin-right: 5px; } </style>
<link href="{{ asset('assets/css/bootstrap-datepicker3.min.css') }}" rel="stylesheet">
@endsection
@section('contenido')
<div class="modal fade" aria-hidden="true" role="dialog" tabindex="-1" id="minteres">
  <div class="modal-dialog">
    <div class="modal-content">
			{!!Form::open(array('method'=>'POST','autocomplete'=>'off','id'=>'forminteres', 'enctype'=>'multipart/form-data'))!!}
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button>
        <h4 class="modal-title">Agregar interés en producto o servicios</h4>
  		</div>
      <div class="modal-body">
        <input type="hidden" id="ProsInteres" name="idPros" value="">
				<ul class="nav nav-pills nav-justified">
			    <li class="active"><a data-toggle="tab" href="#interesS">Servicios</a></li>
			    <li><a data-toggle="tab" href="#interesP">Productos</a></li>
			  </ul>
				<div class="tab-content">
					<div id="interesS" class="col-xs-12 tab-pane fade in active">
						<input type="hidden" id="idSS1" name="idps[]" value="">
						<input type="hidden" name="tipo[]" value="1">
            <input type="text" id="snSer1" class="form-control m-t-10" onkeypress="return numerosyletras(event)" onkeyup="srhServ2(this.value, 1)" placeholder="Buscar un Servicio">
            <div id="OpcSS1" style="position:absolute; z-index:100; display:none;"></div>
						<textarea class="form-control m-t-10" name="comentario[]" rows="3"></textarea>
            <div id="camposSS"></div>
            <button type="button" class="btn btn-success m-t-10" onclick="agregaIS()">Agregar Servicio</button>
					</div>
					<div id="interesP" class="col-xs-12 tab-pane fade">
            <input type="hidden" id="idPP1" name="idps[]" value="">
						<input type="hidden" name="tipo[]" value="2">
            <input type="text" id="snProd1" class="form-control m-t-10" onkeypress="return numerosyletras(event)" onkeyup="srhProd2(this.value, 1)" placeholder="Buscar un Producto">
            <div id="OpcPP1" style="position:absolute; z-index:100; display:none;"></div>
						<textarea class="form-control m-t-10" name="comentario[]" rows="3"></textarea>
            <div id="camposPP"></div>
            <button type="button" class="btn btn-success m-t-10" onclick="agregaIP()">Agregar Producto</button>
					</div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="reset" id="btncncl5" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="submit" id="btnsbmt5" class="btn btn-info"><i class="fa fa-save"></i>&nbsp;Aceptar</button>
      </div>
			{!!Form::close()!!}
    </div>
  </div>
</div>
@include('admin.prospectos.modals')
<section>
  <div class="row">
    <div class="box-header with-border row">
      <a href="#" class="btn btn-warning" data-toggle="collapse" data-target="#findOption" style="margin-bottom: 15px;">Filtros Avanzados</a>
      @if(Session::get('insert') == 1)
      <a href="{{URL::action('ProspectosController@create')}}" class="btn btn-info" style="float:right;"><i class="fa fa-plus"></i> Nuevo prospecto</a>
      @endif
    </div>
    <div class="collapse" id="findOption" style="margin-bottom: 15px;">
      <div class="col-xs-12" align="center">
        <label>Buscar clientes con las siguientes características:</label>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12" >
        <label>Nombre comercial</label>
        <div class="input-group">
          <input type="text" class="form-control" id="nombreComercial" id="nombreComercial" name="nombreComercial" placeholder="Ingrese Nombre Comercial" onkeypress="return soloLetras(event)" onkeyup="">
          <span class="input-group-addon" style="padding: 0px;"><a class="btn btn-primary" style="border-radius: 0px; border: 0px;" onclick="llenartabla();"><i class="fas fa-search" style="color: #fff;"></i></a></span>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
        <label>Nombre Contacto</label>
        <div class="input-group">
          <input type="text" class="form-control" id="nomContacto" name="nomContacto" placeholder="Ingrese nombre del contacto" onkeypress="return soloLetras(event)">
          <span class="input-group-addon" style="padding: 0px;"><a class="btn btn-primary" style="border-radius: 0px; border: 0px;" onclick="llenartabla();"><i class="fas fa-search" style="color: #fff;"></i></a></span>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
        <label>Apellidos Contacto</label>
        <div class="input-group">
          <input type="text" class="form-control" id="apeContacto" name="apeContacto" placeholder="Ingrese apellido del contacto" onkeypress="return soloLetras(event)">
          <span class="input-group-addon" style="padding: 0px;"><a class="btn btn-primary" style="border-radius: 0px; border: 0px;" onclick="llenartabla();"><i class="fas fa-search" style="color: #fff;"></i></a></span>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12" >
        <label>Ejecutivo a cargo</label>
        <select class="form-control" id="ejecutivo" name="ejecutivo" onchange="llenartabla()">
          <option value="">Seleccione...</option>
          @foreach($emples as $eje)
          <option value="{{$eje->emple_id}}">{{$eje->cnt_nombres}} {{$eje->cnt_apellidos}}</option>
          @endforeach
        </select>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12" >
        <label>Registrado por</label>
        <select class="form-control" id="regpor" name="regpor" onchange="llenartabla()">
          <option value="">Seleccione...</option>
          @foreach($emples as $eje)
          <option value="{{$eje->emple_id}}">{{$eje->cnt_nombres}} {{$eje->cnt_apellidos}}</option>
          @endforeach
        </select>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
        <label>Canal</label>
        <select class="form-control" id="canal" name="canal" onchange="llenartabla()">
          <option value="">Seleccione...</option>
          @foreach($cans as $c)
          <option value="{{$c->canal_id}}">{{$c->canal_nombre}}</option>
          @endforeach
        </select>
      </div>
    </div>
    <div class="col-sm-12 border scrollx" id="tbPros"></div>
  </div>
</section>
<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/prospectos.js')}}"></script>
<script type="text/javascript">
  var emples = ;
  var prods = ;
  var servs = ;
	var etiqs = ;
  $(document).ready(function(){ llenartabla(); });
	$(".datepicker").datepicker({
		autoclose: true,
		format: "yyyy-mm-dd",
		language:"es"
	});

	function interes(id){
	  $('#ProsInteres').val(id);
	  $('#minteres').modal('show');
	}
	$('#forminteres').submit( function(event){
	  event.preventDefault();DescButtons(5);
		var formData = new FormData($(this)[0]);
		if ($('#idSS1').val() == '' && $('#idPP1').val() == '')
	  alerta('Error','Debe seleccionar al menos un producto o un servicio', 'warning', 'btn-warning', 'Cerrar');
		else {
		  $.ajax({
		    url:url+'addIntereses',
		    data:formData,
		    type:'POST',
				cache:false,
		    contentType:false,
		    processData:false,
		    success:function(data){
		      var r = JSON.parse(data);
		      if (r.success) alerta('Exito!',r.msg,'success','Aceptar');
		      else alerta('Error',r.msg,'error','Aceptar');
		    },
		    error:function(){ alerta('Error','Hubo un erro al conectar con el servidor, intentelo más tarde','error','Aceptar'); }
		  });
		}
	  setTimeout(function () {
			$('#forminteres').trigger("reset");$('#minteres').modal('hide');
			ActButtons(5); swal.close();
			$('#camposSS').html('');s=1;$('#camposPP').html('');p=1;
		}, 2000);
	});
</script>
@endsection