foca-modal-factura-detalle.html 3.97 KB
<div class="modal-header py-1">
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4 text-center">
            <strong>Factura
                <br>{{factura.TIP}}</strong>
        </div>
        <div class="col-md-4 text-center text-md-right">
            {{factura.numeroFactura}}
            <br class="d-none d-md-block">{{factura.FECHA_COMPROBANTE | date: 'dd/MM/yyyy'}}
        </div>
    </div>
</div>
<div class="modal-body" id="modal-body">
    <div class="row">
        <div class="col-12">
            <small><strong>({{factura.cliente.COD | rellenarDigitos: 5: 0}}) {{factura.cliente.NOM}}</strong></small>
            <br><small><strong>{{factura.cliente.DOM}}, {{factura.cliente.LOC}}, {{factura.cliente.PCI}}</strong></small>
            <br><small><strong>PAGO: {{factura.formaPago.NOMBRE}}</strong><strong class="float-right">Items: {{detalles.length}}</strong></small>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <table class="table table-sm mt-3">
                <thead>
                    <tr>
                        <th>Codigo</th>
                        <th>Cantidad</th>
                        <th>Detalle</th>
                        <th>Precio</th>
                        <th>Importe</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="detalle in detalles">
                        <td class="border-right border-top-0"><small>{{detalle.COD | rellenarDigitos: 2: 0}}-{{detalle.ART | rellenarDigitos: 5: 0}}</small></td>
                        <td class="border-right border-top-0"><small ng-bind="detalle.CAN | number: 2"></small></td>
                        <td class="border-right border-top-0"><small ng-bind="detalle.TIO"></small></td>
                        <td class="border-right border-top-0"><small ng-bind="detalle.PUN | number: 2"></small></td>
                        <td class="border-top-0"><small ng-bind="detalle.PUN * detalle.CAN | number: 2"></small></td>
                    </tr>
                </tbody>
            </table>
            <table class="table table-sm table-bordered">
                <tbody>
                    <tr>
                        <td><small>Neto</small></td>
                        <td><small>IVA</small></td>
                        <td><small>Percepción</small></td>
                        <td><small>Imp internos</small></td>
                        <td><small>Perc. IVA</small></td>
                    </tr>
                </tbody>
                <tbody>
                    <tr>
                        <td ng-bind="factura.NETO | number: 2"></td>
                        <td ng-bind="factura.IVA | number: 2"></td>
                        <td ng-bind="factura.PERCEPCION_IIBB"></td>
                        <td ng-bind="factura.IMPUESTOS_INTERNOS | number: 2"></td>
                        <td ng-bind="factura.PERCECPION_IVA | number: 2"></td>
                    </tr>
                </tbody>
                <tbody>
                    <tr>
                        <td></td>
                        <td></td>
                        <td><small>Moneda</small></td>
                        <td><small>Coticacion</small></td>
                        <td><small><strong>Total</strong></small></td>
                    </tr>
                </tbody>
                <tbody>
                    <tr>
                        <td></td>
                        <td></td>
                        <td ng-bind="factura.moneda.CODIGO_AFIP"></td>
                        <td ng-bind="factura.COTIZACION | number: 2"></td>
                        <td ng-bind="factura.TOTAL | number: 2"></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="modal-footer py-1">
    <div class="row">
        <div class="col-12">
            <button 
                class="btn btn-primary"
                ng-click="cerrar()"
                >Cerrar</button>
        </div>
    </div>
</div>