@include('layouts.breadcumb')
@section('header')

    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">

@stop

<div class="row">
    <div class="panel panel-danger panel-border">
        <!-- panel head -->
        <div class="panel-heading">

            @if( $tipo == 1 )
                <div class="panel-title">LISTADO VENDEDORES ESTRELLA ACTIVOS</div>
            @else
                <div class="panel-title">LISTADO COMPRADORES ESTRELLA ACTIVOS</div>
            @endif

            <span class="reload-actividades"></span>
        </div>
        <!-- panel body -->
        <div class="panel-body">
            <button id="procesarBtn" onclick="location.href='/mercadeo/vendedor-estrella/listado/excel/?tipo={{ $tipo }}';showMessage('GENERANDO REPORTE, ESPERE POR FAVOR');" type="button" data-loading-text="<i class='fa fa-spin fa-cog'></i> Procesando ..." class="btn btn-inverse btn-rounded waves-effect waves-light btn-icon btn-lg pull-right">
                <i class="fa fa-cogs"></i> GENERAR REPORTE EXCEL            </button>
            <div class="clearfix"></div>
            <br />
            <div class="card-box table-responsive">
                <table class="table table-striped table-bordered table-colored-bordered table-bordered-inverse table-hover" id="tabla-vendedores">
                    <thead>
                    <tr>
                        <th>NIT</th>
                        <th>SUCURSAL</th>
                        <th>CEDULA</th>
                        <th>NOMBRE</th>
                        <th>CELULAR</th>
                        <th>EMAIL</th>
                        <th>ULT.ACTUALIZACIÓN</th>
                        <th>ESTADO</th>
                        <th>TIPO</th>
                        <th>ESTRELLAS</th>
                        <th>+</th>
                    </tr>
                    <tr class="filter-column-tr">
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

</div>
@section('footer')
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>

    <script type="text/javascript">
        setAjaxDatatable( '#tabla-vendedores', '/mercadeo/vendedor-estrella/listado/json?tipo={{ $tipo }}' );
    </script>
@stop