@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')
@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('OportunidadesController@create')}}" class="btn btn-info" style="float:right;"><i class="fa fa-plus"></i> Nueva oportunidad</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('assets/plugins/jquery.knob.js')}}"></script>
<script src="{{asset('js/oportunidades.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"
	});
</script>
@endsection