@if( $cliente )
    @else
    @endif

@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="card-box">
        <ul id="tabs-crm" class="nav nav-tabs tabs-bordered nav-justified"><!-- available classes "bordered", "right-aligned" -->
            <li class="active"><a href="#crm-dashboard" data-toggle="tab">DASHBOARD</a></li>
            <li><a href="#crm-vicidial" data-toggle="tab"><i class="entypo-phone"></i> ViciDial</a></li>
            <li><a href="#crm-actividades" data-toggle="tab">ACTIVIDADES</a></li>
            <li><a href="#crm-recaudos" data-toggle="tab">RECAUDOS</a></li>
            <li><a href="#dev-calidad" data-toggle="tab">DEV. CALIDAD</a></li>
            <li><a href="#dev-buen-estado" data-toggle="tab">DEV. BUEN ESTADO</a></li>
            <li ><a href="#crm-pedidos" data-toggle="tab">PEDIDOS</a></li>
            <li><a href="#crm-facturas" data-toggle="tab">FACTURAS</a></li>
            <li><a href="#crm-cartera" data-toggle="tab">CARTERA</a></li>
            <li><a href="#crm-itemsp" data-toggle="tab">ITEMS PEND.</a></li>
        </ul>

        <div class="tab-content">

            @if( strlen(Input::get('cliente')) == 0 )

                {{-- HOME TAB --}}
                @include('crm::crm.tabs.home')

            @else

                {{-- PROFILE TAB --}}
                @include('crm::crm.tabs.profile')

                {{-- VICIDIAL TAB --}}
                @include('crm::crm.tabs.vicidial')

                {{-- ACTIVIDADES TAB --}}
                @include('crm::crm.tabs.actividades')

                {{-- RECAUDOS TAB --}}
                @include('crm::crm.tabs.recaudos')

                {{-- DEV. CALIDAD TAB --}}
                @include('crm::crm.tabs.devoluciones_calidad')

                {{-- DEV. BUEN ESTADO TAB --}}
                @include('crm::crm.tabs.devoluciones_buen_estado')

                {{-- PEDIDOS TAB --}}
                @include('crm::crm.tabs.pedidos')

                {{-- FACTURAS TAB --}}
                @include('crm::crm.tabs.facturas')

            @endif
        </div>
    </div>
</div>

@section('footer')
    <div class="modal red fade custom-width" id="clientes-modal" role="dialog">
        <div class="modal-dialog" style="width: 96%">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title"><i class="icon-2x mdi mdi-account-search"></i> SELECCIONAR CLIENTE</h4>
                </div>

                <div class="modal-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" width="100%" id="tabla-clientes">
                            <thead>
                                <tr>
                                    <th>NIT</th>
                                    <th>Sucursal ID</th>
                                    <th>Razon Social</th>
                                    <th>Sucursal Nombre</th>
                                    <th>Vendedor Codigo</th>
                                    <th>Listaprecio Codigo</th>
                                    <th>Telefono</th>
                                    <th>Tipo</th>
                                    <th>Clase</th>
                                    <th>Seleccionar</th>
                                </tr>
                                <tr class="filter-column-tr">
                                    <th>NIT...</th>
                                    <th>Sucursal Id...</th>
                                    <th>Razon Social...</th>
                                    <th>Sucursal Nombre...</th>
                                    <th>Vendedor Codigo...</th>
                                    <th>Listaprecio Codigo...</th>
                                    <th>Telefono...</th>
                                    <td>
                                        <select class="filterInput">
                                            <option value=""></option>
                                            <option value="PLATA">PLATA</option>
                                            <option value="ORO">ORO</option>
                                            <option value="PLATINO">PLATINO</option>
                                            <option value="PUNTO DYNAMICO">PUNTO DYNAMICO</option>
                                            <option value="LISTA COMERCIAL 1">LISTA COMERCIAL 1</option>
                                            <option value="LISTA F14">LISTA F14</option>
                                            <option value="LISTA PRECIOS WEB">LISTA PRECIOS WEB</option>
                                            <option value="LISTA DE PRECIOS LIBRE">LISTA DE PRECIOS LIBRE</option>
                                            <option value="LISTA CHAPILLAS FERR (PD)">LISTA CHAPILLAS FERR (PD)</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select class="filterInput">
                                            <option value=""></option>
                                            <option value="A">A</option>
                                            <option value="B">B</option>
                                            <option value="B">C</option>
                                            <option value="B">D</option>
                                        </select>
                                    </td>
                                    <td>&nbsp;</td>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>

    <!-- DATATABLES -->
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>

    <script type="text/javascript">

        $(document).ready(function() {
            var tableClientes = setAjaxDatatable('#tabla-clientes', '/crm/clientes/clientes-json/');
        });
    </script>
@stop