@include('layouts.breadcumb')

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

        </div>
        <!-- panel body -->
        <div class="panel-body">

            <div class="tabs-vertical-env">
                <ul class="nav tabs-vertical" style="width: 5%;"><!-- available classes "right-aligned" -->
                    <li rel="tooltip" data-placement="right" data-original-title="CONTENIDOS VENDEDORES" class="active"><a href="#site-list" data-toggle="tab"><i class="fa fa-2x fa-list"></i></a></li>
                    <li rel="tooltip" data-placement="right" data-original-title="BANNERS"><a href="#site-banners" data-toggle="tab"><i class="fa fa-2x fa-tag"></i></a></li>
                    <li rel="tooltip" data-placement="right" data-original-title="IMAGENES SLIDER"><a href="#site-slider" data-toggle="tab"><i class="fa fa-2x fa-picture-o"></i></a></li>
                    <li rel="tooltip" data-placement="right" data-original-title="IMAGENES SLIDER COMPRADOR"><a href="#site-slider-comprador" data-toggle="tab"><i class="fa fa-2x fa-file-image-o"></i></a></li>
                    <li rel="tooltip" data-placement="right" data-original-title="CONTENIDOS COMPRADORES"><a href="#site-list-comprador" data-toggle="tab"><i class="fa fa-2x fa-suitcase"></i></a></li>
                </ul>

                <div class="tab-content" style="width: 95%;">
                    <div class="tab-pane active" id="site-list">
                        <table class="table table-striped table-bordered table-colored-bordered table-bordered-inverse table-hover" id="table-1">
                            <thead>

                                <tr>
                                    <th width="3%">ID</th>
                                    <th>TITULO</th>
                                    <th>URL</th>
                                    <th width="20%">FECHA MODIFICACIÓN</th>
                                    <th width="3%">STATUS</th>
                                    <th width="3%">EDITAR</th>
                                </tr>
                                <tr class="filter-column-tr">
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach( $paginas  as $row)
                                <tr>
                                    <td>{{ $row->id }}</td>
                                    <td>{{ $row->titulo }}</td>
                                    <td>
                                        <a href="http://www.vendedorestrella.com/pages/view/{{ $row->slug }}" target="_blank">
                                            http://www.vendedorestrella.com/pages/view/{{ $row->slug }}
                                            <i class="fa fa-external-link"></i>
                                        </a>
                                    </td>
                                    <td class="right-aligned">{{ date('d-m-Y H:i:s', strtotime($row->updated_at) ) }}</td>
                                    <td>
                                        @if( $row->activo == 1 )
                                            <a class="btn btn-primary" rel="tooltip" data-original-title="ACTIVO">
                                                <i class="fa fa-2x fa-check-square-o"></i>
                                            </a>
                                        @else
                                            <a class="btn btn-primary" rel="tooltip" data-original-title="INACTIVO">
                                                <i class="fa fa-2x fa-square-o"></i>
                                            </a>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="/mercadeo/vendedor-estrella/contenido/edit/{{ $row->id }}" class="btn btn-primary" rel="tooltip" data-original-title="EDITAR">
                                            <i class="fa fa-2x fa-edit"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>

                    <div class="tab-pane" id="site-banners">
                        <table class="table table-striped table-bordered table-colored-bordered table-bordered-inverse table-hover" id="table-2">
                            <thead>

                                <tr>
                                    <th width="3%">ID</th>
                                    <th>TITULO</th>
                                    <th width="3%">TIPO</th>
                                    <th width="20%">FECHA MODIFICACIÓN</th>
                                    <th width="3%">STATUS</th>
                                    <th width="3%">EDITAR</th>
                                </tr>
                                <tr class="filter-column-tr">
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach( $banners  as $row)
                                <tr>
                                    <td>{{ $row->id }}</td>
                                    <td>{{ $row->titulo }}</td>
                                    <td>{{ $row->tipo }}</td>
                                    <td class="right-aligned">{{ date('d-m-Y H:i:s', strtotime($row->updated_at) ) }}</td>
                                    <td>
                                        @if( $row->activo == 1 )
                                            <a class="btn btn-primary" rel="tooltip" data-original-title="ACTIVO">
                                                <i class="fa fa-2x fa-check-square-o"></i>
                                            </a>
                                        @else
                                            <a class="btn btn-primary" rel="tooltip" data-original-title="INACTIVO">
                                                <i class="fa fa-2x fa-square-o"></i>
                                            </a>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="/mercadeo/vendedor-estrella/contenido/edit/{{ $row->id }}" class="btn btn-primary" rel="tooltip" data-original-title="EDITAR">
                                            <i class="fa fa-2x fa-edit"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>


                    <div class="tab-pane" id="site-slider">
                        <button onclick="location.href='/mercadeo/vendedor-estrella/contenido/add/banner_slider'" rel="tooltip" data-original-title="AGREGAR NUEVO SLIDER" class="btn btn-lg btn-icon btn-danger btn-rounded waves-effect waves-light pull-right"><i class="fa fa-plus"></i> AGREGAR</button>
                        <div class="clearfix"></div>
                        <br />
                        <table class="table table-striped table-bordered table-colored-bordered table-bordered-inverse table-hover" id="table-3">
                            <thead>

                            <tr>
                                <th width="3%">ID</th>
                                <th>TITULO</th>
                                <th width="3%">ORDEN</th>
                                <th width="20%">FECHA MODIFICACIÓN</th>
                                <th width="3%">STATUS</th>
                                <th width="3%">EDITAR</th>
                                <th width="3%">ELIMINAR</th>
                            </tr>
                            <tr class="filter-column-tr">
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach( $slider  as $row)
                                <tr>
                                    <td>{{ $row->id }}</td>
                                    <td>{{ $row->titulo }}</td>
                                    <td>{{ $row->orden }}</td>
                                    <td class="right-aligned">{{ date('d-m-Y H:i:s', strtotime($row->updated_at) ) }}</td>
                                    <td>
                                        @if( $row->activo == 1 )
                                            <a class="btn btn-primary" rel="tooltip" data-original-title="ACTIVO">
                                                <i class="fa fa-2x fa-check-square-o"></i>
                                            </a>
                                        @else
                                            <a class="btn btn-primary" rel="tooltip" data-original-title="INACTIVO">
                                                <i class="fa fa-2x fa-square-o"></i>
                                            </a>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="/mercadeo/vendedor-estrella/contenido/edit/{{ $row->id }}" class="btn btn-primary" rel="tooltip" data-original-title="EDITAR">
                                            <i class="fa fa-2x fa-edit"></i>
                                        </a>
                                    </td>
                                    <td>
                                        <a data-url="/mercadeo/vendedor-estrella/contenido/delete/{{ $row->id }}" rel="tooltip" data-original-title="Eliminar Registro" data-title="{{ $row->titulo }}" data-toggle="modal-delete" class="btn btn-primary">
                                            <i class="fa fa-2x fa-trash-o"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>

                    <div class="tab-pane" id="site-slider-comprador">
                        <button onclick="location.href='/mercadeo/vendedor-estrella/contenido/add/banner_slider_comprador'" rel="tooltip" data-original-title="AGREGAR NUEVO SLIDER" class="btn btn-lg btn-rounded waves-effect waves-light btn-icon btn-danger pull-right"><i class="fa fa-plus"></i> AGREGAR</button>
                        <div class="clearfix"></div>
                        <br />
                        <table class="table table-striped table-bordered table-colored-bordered table-bordered-inverse table-hover" id="table-4">
                            <thead>

                            <tr>
                                <th width="3%">ID</th>
                                <th>TITULO</th>
                                <th width="3%">ORDEN</th>
                                <th width="20%">FECHA MODIFICACIÓN</th>
                                <th width="3%">STATUS</th>
                                <th width="3%">EDITAR</th>
                                <th width="3%">ELIMINAR</th>
                            </tr>
                            <tr class="filter-column-tr">
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach( $slidercomprador  as $row)
                                <tr>
                                    <td>{{ $row->id }}</td>
                                    <td>{{ $row->titulo }}</td>
                                    <td>{{ $row->orden }}</td>
                                    <td class="right-aligned">{{ date('d-m-Y H:i:s', strtotime($row->updated_at) ) }}</td>
                                    <td>
                                        @if( $row->activo == 1 )
                                            <a class="btn btn-primary" rel="tooltip" data-original-title="ACTIVO">
                                                <i class="fa fa-2x fa-check-square-o"></i>
                                            </a>
                                        @else
                                            <a class="btn btn-primary" rel="tooltip" data-original-title="INACTIVO">
                                                <i class="fa fa-2x fa-square-o"></i>
                                            </a>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="/mercadeo/vendedor-estrella/contenido/edit/{{ $row->id }}" class="btn btn-primary" rel="tooltip" data-original-title="EDITAR">
                                            <i class="fa fa-2x fa-edit"></i>
                                        </a>
                                    </td>
                                    <td>
                                        <a data-url="/mercadeo/vendedor-estrella/contenido/delete/{{ $row->id }}" rel="tooltip" data-original-title="Eliminar Registro" data-title="{{ $row->titulo }}" data-toggle="modal-delete" class="btn btn-primary">
                                            <i class="fa fa-2x fa-trash-o"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>

                    <div class="tab-pane" id="site-list-comprador">
                        <table class="table table-striped table-bordered table-colored-bordered table-bordered-inverse table-hover" id="table-5">
                            <thead>

                            <tr>
                                <th width="3%">ID</th>
                                <th>TITULO</th>
                                <th>URL</th>
                                <th width="20%">FECHA MODIFICACIÓN</th>
                                <th width="3%">STATUS</th>
                                <th width="3%">EDITAR</th>
                            </tr>
                            <tr class="filter-column-tr">
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach( $paginas_comprador  as $row)
                                <tr>
                                    <td>{{ $row->id }}</td>
                                    <td>{{ $row->titulo }}</td>
                                    <td>
                                        <a href="http://www.vendedorestrella.com/pages-comprador/view/{{ $row->slug }}" target="_blank">
                                            http://www.vendedorestrella.com/pages-comprador/view/{{ $row->slug }}
                                            <i class="fa fa-external-link"></i>
                                        </a>
                                    </td>
                                    <td class="right-aligned">{{ date('d-m-Y H:i:s', strtotime($row->updated_at) ) }}</td>
                                    <td>
                                        @if( $row->activo == 1 )
                                            <a class="btn btn-primary" rel="tooltip" data-original-title="ACTIVO">
                                                <i class="fa fa-2x fa-check-square-o"></i>
                                            </a>
                                        @else
                                            <a class="btn btn-primary" rel="tooltip" data-original-title="INACTIVO">
                                                <i class="fa fa-2x fa-square-o"></i>
                                            </a>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="/mercadeo/vendedor-estrella/contenido/edit/{{ $row->id }}" class="btn btn-primary" rel="tooltip" data-original-title="EDITAR">
                                            <i class="fa fa-2x fa-edit"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>


                </div>

            </div>
        </div>
    </div>

</div>
@section('footer')
    <script type="text/javascript">

        $(document).ready(function() {
            setDatatable('#table-1');
            setDatatable('#table-2');
            setDatatable('#table-3');
            setDatatable('#table-4');
            setDatatable('#table-5');

        });
    </script>
@stop