@include('_layouts.breadcumb')

<hr />

<div class="content">
    <div class="panel panel-warning" data-collapsed="0">
        <!-- panel head -->
        <div class="panel-heading">
            <div class="panel-title">
                <h2><i class="{{ $breadcumb->icono }}"></i> {{ $breadcumb->nombre }}</h2>
            </div>
        </div>
        <!-- panel body -->
        <div class="panel-body">

            @include('ventas::informes.vendedores.gestion.form')

            @if( Input::get('vendedor_id') )
            <div class="container-fluid">
                <ul class="nav nav-tabs bordered" id="vendedorReportes" style="background: #f5f5f5;">
                    <li class="active"><a href="#actividadesTab" data-url="/ventas/informes/vendedor-actividades/?{{ Request::getQueryString() }}">Actividades</a></li>
                    <li><a href="#estadisticaTab" data-url="/ventas/informes/vendedor-ventas/?{{ Request::getQueryString() }}">Estadisticas de Venta</a></li>
                    <li><a href="#efectividadTab" data-url="/ventas/informes/vendedor-efectividad/?{{ Request::getQueryString() }}">Efectividad Visitas</a></li>
                    <li><a href="#extrarutasTab" data-url="/ventas/informes/vendedor-extrarutas/?{{ Request::getQueryString() }}">Extrarutas</a></li>
                    <li><a href="#clientesNoVisitadosTab" data-url="/ventas/informes/vendedor-clientes-no-visitados/?{{ Request::getQueryString() }}">Clientes no Visitados</a></li>
                    <li><a href="#clientesNoProgramadosTab" data-url="/ventas/informes/vendedor-clientes-no-programados/?{{ Request::getQueryString() }}">Clientes no Programados</a></li>
                    <li><a href="#visitasTiemposTab" data-url="/ventas/informes/vendedor-duracion-visitas/?{{ Request::getQueryString() }}">Duración Visitas</a></li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane active" id="actividadesTab"></div>
                    <div class="tab-pane" id="estadisticaTab"></div>
                    <div class="tab-pane" id="efectividadTab"></div>
                    <div class="tab-pane" id="extrarutasTab"></div>
                    <div class="tab-pane" id="clientesNoVisitadosTab"></div>
                    <div class="tab-pane" id="clientesNoProgramadosTab"></div>
                    <div class="tab-pane" id="visitasTiemposTab"></div>
                </div>
            </div>
            @endif

        </div>
    </div>

</div>

@section('footer')
    <script>
        // load first tab content
        $('#actividadesTab').load("/ventas/informes/vendedor-actividades/?{{ Request::getQueryString() }}");
    </script>
    @include('ventas::informes.vendedores.gestion.scripts')
@stop