@include('_layouts.breadcumb')

<hr />

<div class="content custom-vertical">

    <div class="tabs-vertical-env">

        <ul class="nav tabs-vertical"><!-- available classes "right-aligned" -->
            <li class="active">
                <a rel="tooltip" data-original-title="Listar / Consultar" href="#gestion-listar" data-toggle="tab">
                    <i class="fa fa-2x fa-list"></i>
                </a>
            </li>
            <li>
                <a rel="tooltip" data-original-title="Agregar Nuevo Registro" href="#gestion-agregar" data-toggle="tab">
                    <i class="fa fa-2x fa-plus"></i>
                </a>
            </li>
        </ul>

        <div class="tab-content">
            <div class="tab-pane active" id="gestion-listar">
                <table class="tableData table table-bordered" id="gestion-grid">
                    <thead>
                    <tr class="replace-inputs">
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                    </tr>
                    <tr>
                        <th width="5%">ID</th>
                        <th width="9%">PROGRAMADO</th>
                        <th width="20%">AUXILIAR</th>
                        <th width="15%">ACTIVIDAD</th>
                        <th width="9%">INICIAL</th>
                        <th width="9%">FINALIZA</th>
                        <th width="8%">D. DESDE</th>
                        <th width="8%">D. HASTA</th>
                        <th width="8%">ELIMINAR</th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
            <div class="tab-pane" id="gestion-agregar">
                <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 id="gestion-cobro-content" class="panel-body">
                        <form method="post" action="" role="form" id="gestion-cobro-form">
                            <div class="col-md-6" style="border-right: 1px dotted #eee;">
                                <div class="form-group">
                                    <label class="control-label" for="state">Auxiliar de Cartera:</label>

                                    <select class="select2" name="auxiliarcartera_id" id="auxiliarcartera_id">
                                        @foreach( $auxiliares as $auxiliar )
                                        <option value="{{ $auxiliar->id }}">{{ strtoupper($auxiliar->nombre) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-7 no-padding-left">
                                    <div class="form-group">
                                        <label for="fecha_inicial">Rango Fechas:</label>
                                        <div class="input-group">
                                            <input type="text" name="fecha_rango" id="fecha_rango" class="form-control input-lg daterangepick" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-5 no-padding-right">
                                    <div class="form-group">
                                        <label for="dias_desde">Días Vencimiento:</label>
                                        <div class="clearfix"></div>
                                        <div class="col-md-6 no-padding-left no-padding-right">
                                            <input data-mask="integer" data-numeric="true" data-numeric-align="right" type="text" name="vencimiento_inicio" id="vencimiento_inicio" class="form-control input-lg" placeholder="desde ..." />
                                        </div>
                                        <div class="col-md-6 no-padding-right">
                                            <input data-mask="integer" data-numeric="true" data-numeric-align="right" type="text" name="vencimiento_fin" id="vencimiento_fin" class="form-control input-lg" placeholder="hasta ..."/>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                                <div class="form-group">
                                    <label class="control-label" for="state">Actividad Relacionada:</label>

                                    <select name="actividad_tipo_id" id="actividad_tipo_id" class="select2">
                                        @foreach( $actividades as $actividad )
                                        <option value="{{ $actividad->id }}">{{ strtoupper($actividad->nombre) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="clearfix"></div>
                                <hr />
                                <button type="button" class="btn btn-default btn-icon btn-lg" data-dismiss="modal"><i class="entypo-cancel-squared"></i> Cerrar</button>
                                <button type="submit" data-loading-text="Loading..."  class="btn btn-warning btn-icon btn-lg"><i class="fa fa-save"></i> Guardar</button>
                                <input type="hidden" name="_token" value="