{include="header"}

{if="$fsc->url_recarga"}
<script type="text/javascript">
    function recargar() {
        window.location.href = '{$fsc->url_recarga}';
    }
    $(document).ready(function () {
        setTimeout(recargar, 2000);
    });
</script>
{/if}

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12">
            <div class="btn-group">
                <a class="btn btn-sm btn-default" href="index.php?page=ventas_recibos">
                    <span class="glyphicon glyphicon-arrow-left"></span>
                    <span class="hidden-xs">&nbsp; Recibos</span>
                </a>
                <a class="btn btn-sm btn-default" href="{$fsc->url()}" title="Recargar la página">
                    <span class="glyphicon glyphicon-refresh"></span>
                </a>
            </div>
            <a class="btn btn-sm btn-success" href="#" data-toggle="modal" data-target="#modal_nueva_remesa">
                <span class="glyphicon glyphicon-plus"></span>
                <span class="hidden-xs">&nbsp;Nueva</span>
            </a>
            <div class="page-header">
                <h1>
                    <i class="fa fa-university" aria-hidden="true"></i> Remesas
                    <span class="badge">{$fsc->num_resultados}</span>
                </h1>
                <p class="help-block">
                    Desde aquí puedes agrupar los cobros de recibos domiciliados en un banco,
                    siempre y cuando los recibos tengan un <b>IBAN</b> asociado.
                </p>
            </div>
        </div>
    </div>
    <form action="{$fsc->url()}" method="post" class="form">
        <div class="row">
            <div class="col-sm-3">
                <div class="form-group">
                    <div class="input-group">
                        <input class="form-control" type="text" name="query" value="{$fsc->query}" autocomplete="off" autofocus="" placeholder="Buscar"/>
                        <span class="input-group-btn">
                            <button class="btn btn-primary hidden-sm" type="submit">
                                <span class="glyphicon glyphicon-search"></span>
                            </button>
                        </span>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <select name="b_estado" class="form-control" onchange="this.form.submit()">
                        <option value="">Cualquier estado</option>
                        <option value="">------</option>
                        {loop="$fsc->estados()"}
                        {if="$value==$fsc->b_estado"}
                        <option value="{$value}" selected="">{$value}</option>
                        {else}
                        <option value="{$value}">{$value}</option>
                        {/if}
                        {/loop}
                    </select>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <div class="input-group">
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                        <input type="text" name="b_desde" value="{$fsc->b_desde}" class="form-control datepicker" placeholder="Desde" autocomplete="off" onchange="this.form.submit()"/>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <div class="input-group">
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                        <input type="text" name="b_hasta" value="{$fsc->b_hasta}" class="form-control datepicker" placeholder="Hasta" autocomplete="off" onchange="this.form.submit()"/>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <div class="row">
        <div class="col-sm-12">
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Fecha</th>
                            <th>Descripción</th>
                            <th class="text-right">Total</th>
                            <th>Estado</th>
                            <th class="text-right">Fecha cargo</th>
                        </tr>
                    </thead>
                    {loop="$fsc->resultados"}
                    <!--{$tr_class=''}-->
                    {if="$value->estado=='Realizada'"}<!--{$tr_class=' success'}-->{elseif="$value->estado=='En trámite'"}<!--{$tr_class=' warning'}-->{/if}
                    <tr class="clickableRow{$tr_class}" href="{$value->url()}">
                        <td><a href="{$value->url()}">{$value->idremesa}</a></td>
                        <td>{$value->fecha}</td>
                        <td>{$value->descripcion}</td>
                        <td class="text-right">{$fsc->show_precio($value->total, $value->coddivisa)}</td>
                        <td>{$value->estado}</td>
                        <td class="text-right">{$value->fechacargo}</td>
                    </tr>
                    {else}
                    <tr class="warning">
                        <td colspan="6">Sin resultados.</td>
                    </tr>
                    {/loop}
                </table>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 text-center">
            <ul class="pagination">
                {loop="$fsc->paginas()"}
                <li{if="$value['actual']"} class="active"{/if}>
                    <a href="{$value['url']}">{$value['num']}</a>
                </li>
                {/loop}
            </ul>
        </div>
    </div>
</div>

<form action="{$fsc->url()}" method="post" class="form">
    <input type="hidden" name="nueva" value="TRUE"/>
    <div class="modal" id="modal_nueva_remesa" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title">
                        <i class="fa fa-university" aria-hidden="true"></i> Nueva remesa
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        Descripción:
                        <input type="text" name="descripcion" value="Remesa {$fsc->today()}" class="form-control" required="" autocomplete="off" autofocus=""/>
                    </div>
                    <div class="form-group">
                        <a href="{$fsc->forma_pago->url()}">Forma de pago</a>:
                        <select name="codpago" class="form-control">
                            {loop="$fsc->formas_pago_domiciliadas()"}
                            <option value="{$value->codpago}">{$value->descripcion}</option>
                            {else}
                            <option value="">Ninguna forma de pago está domiciliada</option>
                            {/loop}
                        </select>
                    </div>
                    <div class="form-group">
                        Fecha de cargo:
                        <input type="text" name="fechacargo" value='{function="date('t-m-Y')"}' class="form-control datepicker" autocomplete="off" required=""/>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-sm btn-primary" type="submit">
                        <span class="glyphicon glyphicon-floppy-disk"></span>
                        <span class="hidden-xs">&nbsp;Guardar</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>

{include="footer"}