{include="header"}

{if="$fsc->recibo"}
<script type="text/javascript">
    function eliminar_pago(id) {
        bootbox.confirm({
            message: '¿Realmente desea eliminar el pago/devolución?',
            title: '<b>Atención</b>',
            callback: function (result) {
                if (result) {
                    window.location.href = '{$fsc->url()}&deletep=' + id;
                }
            }
        });
    }
    $(document).ready(function () {
        $("#b_eliminar").click(function (event) {
            event.preventDefault();
            bootbox.confirm({
                message: '¿Realmente desea eliminar el recibo?',
                title: '<b>Atención</b>',
                callback: function (result) {
                    if (result) {
                        window.location.href = 'index.php?page=compras_recibos&delete={$fsc->recibo->idrecibo}';
                    }
                }
            });
        });
    });
</script>

<form name="f_recibo" action="{$fsc->url()}" method="post" class="form">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-6">
                <a class="btn btn-sm btn-default" href="index.php?page=compras_recibos">
                    <span class="glyphicon glyphicon-list"></span>
                    <span class="hidden-xs">&nbsp;Todos</span>
                </a>
                <div class="btn-group">
                    <a class="btn btn-sm btn-default" href="{$fsc->factura->url()}">
                        <span class="glyphicon glyphicon-arrow-left"></span>
                        <span class="hidden-xs">&nbsp;Factura</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-default" href="#" data-toggle="modal" data-target="#modal_imprimir">
                    <span class="glyphicon glyphicon-print"></span>
                    <span class="hidden-xs">&nbsp;Imprimir</span>
                </a>
                <div class="btn-group">
                    {loop="$fsc->extensions"}
                    {if="$value->type=='button'"}
                    <a href="index.php?page={$value->from}&id={$fsc->recibo->idrecibo}{$value->params}" class="btn btn-sm btn-default">{$value->text}</a>
                    {/if}
                    {/loop}
                </div>
                <div class="btn-group">
                    {if="$fsc->recibo->estado=='Pagado'"}
                    <button type="button" class="btn btn-sm btn-info dropdown-toggle" data-toggle="dropdown">
                        <span class="glyphicon glyphicon-ok"></span>
                        <span class="hidden-xs">&nbsp; {$fsc->recibo->estado}</span>
                        <span class="caret"></span>
                    </button>
                    {elseif="$fsc->recibo->estado=='Emitido'"}
                    <button type="button" class="btn btn-sm btn-warning dropdown-toggle" data-toggle="dropdown">
                        <span class="glyphicon glyphicon-time"></span>
                        <span class="hidden-xs">&nbsp; {$fsc->recibo->estado}</span>
                        <span class="caret"></span>
                    </button>
                    {else}
                    <button type="button" class="btn btn-sm btn-danger dropdown-toggle" data-toggle="dropdown">
                        <span class="glyphicon glyphicon-exclamation-sign"></span>
                        <span class="hidden-xs">&nbsp; {$fsc->recibo->estado}</span>
                        <span class="caret"></span>
                    </button>
                    {/if}
                    <ul class="dropdown-menu" role="menu">
                        {if="$fsc->recibo->estado=='Pagado'"}
                        <li>
                            <a href="#" data-toggle="modal" data-target="#modal_pago">
                                <span class="glyphicon glyphicon-remove"></span>&nbsp; Devuelto
                            </a>
                        </li>
                        {else}
                        <li>
                            <a href="#" data-toggle="modal" data-target="#modal_pago">
                                <span class="glyphicon glyphicon-ok"></span>&nbsp; Pagado
                            </a>
                        </li>
                        {/if}
                    </ul>
                </div>
            </div>
            <div class="col-xs-6 text-right">
                <div class="btn-group">
                    {if="$fsc->allow_delete"}
                    <a id="b_eliminar" class="btn btn-sm btn-danger" href="#">
                        <span class="glyphicon glyphicon-trash"></span>
                        <span class="hidden-sm hidden-xs">&nbsp;Eliminar</span>
                    </a>
                    {/if}
                    <button class="btn btn-sm btn-primary" type="submit" onclick="this.disabled = true; this.form.submit();">
                        <span class="glyphicon glyphicon-floppy-disk"></span>
                        <span class="hidden-xs">&nbsp;Guardar</span>
                    </button>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="page-header">
                    <h1>
                        <span class="glyphicon glyphicon-piggy-bank"></span> Recibo de compra
                        <small>{$fsc->recibo->codigo}</small>
                    </h1>
                    <p class="help-block">
                        Este recibo está marcado como <b>{$fsc->recibo->estado}</b>. Si quieres cambiarlo, haz
                        clic en el botón <b>{$fsc->recibo->estado}</b>, es un desplegable.
                    </p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-2">
                <div class="form-group">
                    Factura:
                    <div class="form-control">{$fsc->factura->codigo}</div>
                    <p class="help-block">Fecha: {$fsc->factura->fecha}</p>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    {if="$fsc->recibo->codproveedor"}Proveedor:{else}<span class="label label-danger">Proveedor desconocido</span>{/if}
                    <input type="text" name="nombreproveedor" value="{$fsc->recibo->nombreproveedor}" class="form-control" readonly=""/>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="form-group">
                    Emitido:
                    <div class="input-group">
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                        <input type="text" name="emitido" value="{$fsc->recibo->fecha}" class="form-control datepicker" autocomplete="off"/>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    Importe:
                    <div class="input-group">
                        {if="$fsc->recibo->estado=='Pagado'"}
                        <input type="text" name="importe" value="{$fsc->recibo->importe}" class="form-control" readonly=""/>
                        {else}
                        <input type="text" name="importe" value="{$fsc->recibo->importe}" class="form-control" autocomplete="off"/>
                        {/if}
                        <span class="input-group-addon">{$fsc->recibo->coddivisa}</span>
                    </div>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="form-group">
                    Tasa de conversión (1€ = X):
                    {if="$fsc->recibo->estado=='Pagado' OR $fsc->recibo->coddivisa=='EUR'"}
                    <input type="text" name="tasaconv" value="{$fsc->recibo->tasaconv}" class="form-control" readonly=""/>
                    {else}
                    <input type="text" name="tasaconv" value="{$fsc->recibo->tasaconv}" class="form-control" autocomplete="off"/>
                    {/if}
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-3">
                <div class="form-group">
                    Forma de pago:
                    <select name="codpago" class="form-control">
                        {loop="$fsc->forma_pago->all()"}
                        {if="$value->codpago==$fsc->recibo->codpago"}
                        <option value="{$value->codpago}" selected="">{$value->descripcion}</option>
                        {else}
                        <option value="{$value->codpago}">{$value->descripcion}</option>
                        {/if}
                        {/loop}
                    </select>
                </div>
            </div>
            <div class="col-sm-2">
                <div class='form-group{if="$fsc->recibo->vencido()"} has-error{/if}'>
                    Vencimiento:
                    <div class="input-group">
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-hourglass"></span>
                        </span>
                        <input type="text" name="fechav" value="{$fsc->recibo->fechav}" class="form-control datepicker" autocomplete="off" onchange="this.form.submit()"/>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    IBAN:
                    <input type="text" name="iban" value="{$fsc->recibo->iban}" class="form-control" autocomplete="off"/>
                    {if="$fsc->proveedor"}
                    <p class="help-block">
                        <a href="{$fsc->proveedor->url()}">Añade una cuenta bancaria al proveedor</a>
                        y sus datos se usarán automáticamente en los nuevos recibos.
                    </p>
                    {/if}
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    SWIFT/BIC:
                    <input type="text" name="swift" value="{$fsc->recibo->swift}" class="form-control" autocomplete="off"/>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    Observaciones:
                    <textarea class="form-control" name="observaciones" rows="6">{$fsc->recibo->observaciones}</textarea>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                {if="$fsc->pagos"}
                <ul class="nav nav-tabs">
                    <li role="presentation" class="active">
                        <a href="#">Asientos contables</a>
                    </li>
                </ul>
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th width="160">Fecha</th>
                                <th>Tipo</th>
                                <th>Subcuenta</th>
                                <th class="text-right">Acciones</th>
                            </tr>
                        </thead>
                        {loop="$fsc->pagos"}
                        <tr{if="$value->tipo=='Pago'"} class="success"{else} class="danger"{/if}>
                            <td><div class="form-control">{$value->fecha}</div></td>
                            <td><div class="form-control">{$value->tipo}</div></td>
                            <td><div class="form-control"><a href="{$value->subcuenta_url()}">{$value->codsubcuenta}</a></div></td>
                            <td class="text-right">
                                <div class="btn-group">
                                    {if="$value->idasiento"}
                                    <a href="{$value->asiento_url()}" class="btn btn-sm btn-default" title="Ver Asiento">
                                        <span class="glyphicon glyphicon-eye-open"></span>
                                    </a>
                                    {/if}
                                    <a class="btn btn-sm btn-danger" title="Eliminar" onclick="eliminar_pago('{$value->idpagodevol}')">
                                        <span class="glyphicon glyphicon-trash"></span>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        {/loop}
                    </table>
                </div>
                {/if}
            </div>
        </div>
    </div>
</form>

<form action="{$fsc->url()}" method="post" class="form">
    <input type="hidden" name="nuevopago" value="TRUE"/>
    <div class="modal fade" id="modal_pago" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <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">Cambiar estado</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        Nuevo estado:
                        <select name="tipo" class="form-control">
                            {if="$fsc->recibo->estado=='Pagado'"}
                            <option value="Devolución">Devuelto</option>
                            {else}
                            <option value="Pago">Pagado</option>
                            {/if}
                        </select>
                    </div>
                    <div class="form-group">
                        Fecha:
                        <input type="text" name="fecha" value="{$fsc->today()}" class="form-control datepicker" autocomplete="off"/>
                    </div>
                    {if="$fsc->empresa->contintegrada"}
                    {if="$fsc->subcuentas_pago"}
                    <div class="form-group">
                        Pagar desde:
                        <select name="codsubcuenta" class="form-control">
                            {loop="$fsc->subcuentas_pago"}
                            <option value="{$value->codsubcuenta}">{$value->descripcion}</option>
                            {/loop}
                            <option value="">------</option>
                            {loop="$fsc->cuenta_banco->all()"}
                            {if="$value->codsubcuenta"}
                            <option value="{$value->codsubcuenta}">{$value->descripcion}</option>
                            {/if}
                            {/loop}
                        </select>
                        <label>
                            <input type="checkbox" name="generarasiento" value="TRUE" checked=""/>
                            Generar asiento
                        </label>
                    </div>
                    {else}
                    <div class="alert alert-info">
                        No se ha encontrado ninguna cuenta marcada como
                        <a href="index.php?page=cuentas_especiales">Cuentas de caja</a>.
                        Y por tanto no se generará el asiento de pago.
                    </div>
                    {/if}
                    {/if}
                </div>
                <div class="modal-footer">
                    <button class="btn btn-sm btn-primary" type="submit" onclick="this.disabled = true;this.form.submit();">
                        <span class="glyphicon glyphicon-floppy-disk"></span>
                        <span class="hidden-xs">&nbsp;Guardar</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>

<div class="modal fade" id="modal_imprimir">
    <div class="modal-dialog">
        <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">Imprimir recibo de compra</h4>
                <p class="help-block">
                    Más formatos en la <a href="https://www.facturascripts.com/store" target="_blank">tienda de plugins</a>.
                </p>
            </div>
            <div class="modal-body">
                {loop="$fsc->extensions"}
                {if="$value->type=='pdf'"}
                <a href="index.php?page={$value->from}{$value->params}&id={$fsc->recibo->idrecibo}" target="_blank" class="btn btn-block btn-default">
                    <span class="glyphicon glyphicon-print"></span> &nbsp; {$value->text}
                </a>
                {/if}
                {/loop}
            </div>
            <div class="modal-footer">
                <a href="index.php?page=admin_empresa#impresion" target="_blank">Opciones de impresión</a>
            </div>
        </div>
    </div>
</div>

{else}
<div class="thumbnail">
    <img src="view/img/fuuu_face.png" alt="fuuuuu"/>
</div>
{/if}

{include="footer"}