@extends('layouts.admin')

@section('estilos')
<style>
  td .fa, td .fas{ margin-right: 5px; }
  .split, .gutter.gutter-horizontal {
      float: left;
  }
  .gutter.gutter-horizontal {
    cursor: ew-resize;
    background: #3c8dbc;
    border-radius: 3px;
  }
</style>
<link href="{{ asset('assets/css/bootstrap-clockpicker.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/css/bootstrap-datepicker3.min.css') }}" rel="stylesheet">
@endsection

@section('contenido')

@include('admin.prospectos.modals')

<div class="row">
  <div class="split-parent">

    <div class="split border" id="contentProspectos">
      <div class="row">
        <div class="text-left col-md-4 col-sm-12">
          <h3>Prospectos</h3>
        </div>
        <div class="text-right col-md-8 col-sm-12">
          <button class="btn btn-primary" id="cleanPro">Limpiar Filtros</button>
          <button class="btn btn-success" data-toggle="modal" data-target="#modal-filtros-prospectos"><i class="fa fa-search"></i> Aplicar filtros</button>
          @if(Session::get('insert') == 1)
          <a href="{{URL::action('ProspectosController@create')}}" class="btn btn-info"><i class="fa fa-plus"></i> Nuevo Prospecto</a>
          @endif
        </div>
      </div>
      <div class="scroll-xy m-t-10">
        <table id="tableProspectos" class="table table-striped" style="width:100%">
          <thead>
            <tr>
              <th>Prospecto</th>
              <th>Contacto</th>
              <th>Fecha</th>
              <th>Origen</th>
              <th>Registrado por</th>
              <th>Ejecutivo a cargo</th>
              <th></th>
              <th></th>
            </tr>
          </thead>
        </table>
      </div>
    </div>

    <div class="split border" id="contentOportunidades">
      <div class="row">
        <div class="text-left col-md-4 col-sm-12">
          <h3>Oportunidades</h3>
        </div>
        <div class="text-right col-md-8 col-sm-12">
          <button class="btn btn-primary" id="cleanOpr">Limpiar Filtros</button>
          <button class="btn btn-success" data-toggle="modal" data-target="#modal-filtros-oportunidades"><i class="fa fa-search"></i> Aplicar filtros</button>
        </div>
      </div>
      <div class="scroll-xy m-t-10">
        <table id="tableOportunidades" class="table table-striped" style="width:100%">
          <thead>
            <tr>
              <th>Oportunidad</th>
              <th>Contacto</th>
              <th>Fecha</th>
              <th>Total</th>
              <th>Origen</th>
              <th>Registrado por</th>
              <th>Ejecutivo a cargo</th>
              <th>%</th>
              <th></th>
              <th></th>
            </tr>
          </thead>
        </table>
      </div>
    </div>

  </div>
</div>

<div class="row">
  <section class="border">
    <div class="row">
      <div class="text-left col-md-4 col-sm-12">
          <h3>Clientes</h3>
        </div>
      <div class="text-right col-md-8 col-sm-12">
        <button class="btn btn-primary" id="cleanCli">Limpiar Filtros</button>
        <button class="btn btn-success" data-toggle="modal" data-target="#modal-filtros-clientes"><i class="fa fa-search"></i> Aplicar filtros</button>
        @if(Session::get('insert') == 1)
        <a href="{{URL::action('ClientesController@create')}}" class="btn btn-info"><i class="fa fa-plus"></i> Nuevo Cliente</a>
        @endif
      </div>
    </div>
    <div class="scroll-x m-t-10">
      <table id="tableClientes" class="table table-bordered table-striped">
        <thead>
          <tr>
            <th>Cliente</th>
            <th>Contacto</th>
            <th>Fecha</th>
            <th>Total</th>
            <th>Origen</th>
            <th>Registrado por</th>
            <th>Ejecutivo a cargo</th>
            <th></th>
          </tr>
        </thead>
      </table>
    </div>
  </section>
</div>

@endsection

@section('script')
<script type="text/javascript"> var emples = ; </script>
<script src="{{ asset('assets/plugins/bootstrap-clockpicker.min.js') }}"></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('assets/plugins/jquery.knob.js') }}"></script>
<script src="{{ asset('assets/plugins/split.min.js') }}"></script>
<script src="{{ asset('js/clientes/index.js') }}"></script>
<script src="{{ asset('js/formularios.js') }}"></script>
@endsection