<!-- Modal -->
<div id="modalCardOperationsDetails" class='modal fade' data-backdrop="static"  data-keyboard="false" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h3 id="myModalLabel"><?php echo $_translator->_getTranslation('Detalles de pago');?></h3>
        </div> 
        <div id="flashmessenger-lastCardOperations"></div>
        <div class="modal-body">  
            <div class='col-lg-12 col-md-12 col-sm-12'>
                <input type='button' id="printReceipt" class="btn btn-default pull-right" data-schemareceipt value="<?php echo $_translator->_getTRanslation('Imprimir recibo')?>"/>
                <div class="clear"></div>
                <table class="table table-condensed table-bordered m-t-1">
                    <tr>
                        <th class='text-center' style='width:10%;background-color: #F7FAFC'><?php echo $_translator->_getTranslation('Venta')?></th>
                        <th class='text-center' style='width:35%;background-color: #F7FAFC'><?php echo $_translator->_getTranslation('Tarjeta')?></th> 
                        <th class='text-center' style='width:25%;background-color: #F7FAFC'><?php echo $_translator->_getTranslation('Monto')?></th>
                        <th class='text-center' style='width:35%;background-color: #F7FAFC'><?php echo $_translator->_getTranslation('Status')?></th>
                    </tr>
                    <tr>
                        <td class='text-center pd_sale'></td>
                        <td class='text-center pd_card'></td>
                        <td class='text-center pd_amount'></td>
                        <td class='text-center pd_status'></td>
                    </tr>
                </table>
            </div> 
            <div class='clear'></div>
            
            <h4><?php echo $_translator->_getTranslation('Registros')?></h4>
            <table id="tblCardPaymentsLog" class="table table-condensed">
            <thead>
                <tr>
                    <th class='text-center' style='width:25%'><?php echo $_translator->_getTranslation('Fecha')?></th>
                    <th class='text-center' style='width:40%'><?php echo $_translator->_getTranslation('Tipo')?></th> 
                    <th class='text-right' style='width:35%'><?php echo $_translator->_getTranslation('Monto')?></th>
                </tr>
            </thead>
            <tbody></tbody>
            </table>
        </div>
        <div class="modal-footer">    
            <div class='col-lg-3 col-md-3 col-sm-12 pull-right'>
                <input type="button" class='btn btn-default pull-right setCursor' data-dismiss='modal' aria-hidden='true' value="<?php echo $_translator->_getTranslation('Cerrar');?>" />
            </div>            
        </div>
    </div>
    </div>
    <script>
        //$('#printReceipt').on('click','tbody tr td.charge',function(){printTicket();});
        //$('#tblCardPaymentsLog').on('click','tbody tr td.refund',function(){printTicketRefund($(this).data('reference'));});
        $('#printReceipt').on('click',function(){
            var schema_receipt = $(this).data('schemareceipt');
            var charge = $(this).data('charge');
            if(schema_receipt === 'charge'){printTicketCharge(charge);}
            else if(schema_receipt === 'refund'){printTicketRefund(charge);}
        });
    </script>
</div>