<?php use_helper('UrlFunctions'); ?>
<?php use_helper( 'IncludePartial' ); ?>
<style>
body {font-size:60%} 
.header { background-color: #E1E1E1; color: #444444; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; }
.pager { background-color: #F4F4F4; background-image: none; border-bottom: thin solid #999999; }
.backgAviso{ background-color: #F4F4BC }
</style>
<style>
.grid
{
    border: 1px solid #77d5f7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.grid th 
{
    border-color: #77d5f7;
    background-color: #0a7db1;
    font-weight: normal;
    font-size: 11px;
    font-family: Verdana,Arial,sans-serif;
    height: 24px;
    padding: 0 2px;
    border-bottom: 1px solid #77d5f7;
}
.grid td 
{
    border-left: 0 none;
    border-right-color: #77d5f7;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #77d5f7;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0 2px;
    /*white-space: pre;*/
    height: 22px;
    /*border: 1px solid #77d5f7;*/
}
</style>
<table class="cuerpo" width="97%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td valign="top">
            
                <?php if( $o_ALM_TransaccionCabeceraBN->getIdTransaccionCabeceraConcat() ){ $s_Disabled = "disabled"; }else{ $s_Disabled = ""; } ?>
                <div id="resultContent" style=""></div>

                <div id="tabs" style="width: 100%; margin-top: 10px; font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 10px;">
                    <ul>
                        <li><a href="#tabs-1">General</a></li>
                        <!-- <li><a href="#tabs-2">Adicional</a></li> -->
                        <li><a href="#tabs-3">Archivos</a></li>
                    </ul>
                    <div id="tabs-1">

                        <fieldset class="formGen" style="margin-top:0px">
                            <table width="100%" style="background-color: #ffffff;" class="marco" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td width="15%">N&uacute;mero Transacci&oacute;n:</td>
                                    <td width="18%"><?=$o_ALM_TransaccionCabeceraBN->getIdNumeroDocumento();?> </td>
                                    <td width="15%">Fecha:</td>
                                    <td width="15%"><?=$o_ALM_TransaccionCabeceraBN->getFechaDocumento()?> </td>
                                    <td width="15%">Operaci&oacute;n:</td>
                                    <td width="22%"><?=ALM_TransaccionCabeceraBN::getArrayTipoTransaccion( $o_ALM_TransaccionCabeceraBN->getIdTransaccionOperacion() )?> </td>
                                </tr>
                                <tr>
                                    <td>Almacen Origen:</td>
                                    <td><b><?=$o_ALM_TransaccionCabeceraBN->getAlmacenOrigenDesc();?></b></td>
                                    <td><?php if( $o_ALM_TransaccionCabeceraBN->getAlmacenDestinoDesc() ){ ?> Almacen Destino: <?php }else{ ?>&nbsp;<?php } ?></td>
                                    <td><b><?=$o_ALM_TransaccionCabeceraBN->getAlmacenDestinoDesc();?></b></td>
                                    <td>Tipo Transacci&oacute;n:</td>
                                    <td><?=utf8_encode( $o_ALM_TransaccionCabeceraBN->getDescTipoTransaccionMast() )?> </td>
                                </tr>
                                <tr>
                                    <td>Numero Documento</td>
                                    <td><?=$o_ALM_TransaccionCabeceraBN->getDocumentoRefFiscal();?></td>
                                    <td>Documento a Generar:</td>
                                    <td><?=$o_ALM_TransaccionCabeceraBN->getDescTipoDocumento();?> </td>
                                    <td>Tipo Referencia:</td>
                                    <td><?=$o_ALM_TransaccionCabeceraBN->getDescTipoDocumentoDocRef();?>&nbsp;- Nro Ref: &nbsp;<?=$o_ALM_TransaccionCabeceraBN->getReferenciaNumeroDocumento();?></td>
                                </tr>
            					 <tr>
                                    <td>Comentario</td>
                                    <td><?=$o_ALM_TransaccionCabeceraBN->getComentario();?></td>
                                    <td>Proveedor</td>
                                    <td><?=$o_ALM_TransaccionCabeceraBN->getObjectProveedor()->getNombreCompletoLLeno()?></td>
                                    <td>Cliente</td>
                                    <td><?=$o_ALM_TransaccionCabeceraBN->getObjectCliente()->getNombreCompletoLLeno()?></td>
                                </tr>
                            </table>

                            <table class="grid" cellspacing="0" cellpadding="3" border="0" align="center" width="100%" style="border-bottom: 1px solid #999999;">
                                <tr>
                                    <th width="2%"  align="center" class="header"><b>No</b></th>
                                    <th width="10%" align="center" class="header"><b>C&oacute;digo</b></th>
                                    <!--<th width="10%" align="center" class="header"><b>CodBarras</b></th>-->
                                    <th width="30%" align="" class="header"><b>Descripci&oacute;n</b></th>
                                    
                                    <th width="5%" align="center" class="header"><b>Lote</b></th>
                                    <th width="5%" align="center" class="header"><b>Vencimiento</b></th>
                                    
                                    <th width="10%" align="center" class="header"><b>Cantidad</b></th>
                                    <th width="10%" align="center" class="header"><b>UniMed</b></th>
                                </tr>
                                <?php foreach ( $a_ALM_TransaccionDetalle as $i_Key => $o_ALM_TransaccionDetalleBN ){ ?>
                                <tr>
                                    <td align="center"><?=( $i_Key + 1 )?></td>
                                    <td align="center"><?=$o_ALM_TransaccionDetalleBN->getIdItem()?></td>
                                    <!--<td align="center"><?//$o_ALM_TransaccionDetalleBN->getObjectItem()->getCodigoBarras()?></td>-->
                                    <td align="" id=""><?=$o_ALM_TransaccionDetalleBN->getObjectItem()->getDescripcionCompleta()?></td>
                                    
                                    <td align="center"><?=$o_ALM_TransaccionDetalleBN->getLote()?></td>
                                    <td align="center"><?=substr( $o_ALM_TransaccionDetalleBN->getFechaVencimiento(), 0, 10 )?></td>
                                    
                                    <td align="center"><?=$o_ALM_TransaccionDetalleBN->getCantidad()?></td>
                                    <td align="center"><?=$o_ALM_TransaccionDetalleBN->getObjectUnidad()->getDescripcionCorta()?></td>
                                </tr>
                                <?php } ?>
                            </table>
                        </fieldset>


                        <table width="100%" border="0" style="margin-top: 10px;">
                            <tr>
                                <td align="center">
                                    <input type="button" class="button" value="Cerrar" onclick="parent.$( '#dialog' ).dialog( 'close' );">
                                    <input type="button" class="button" value="Imprirmir" onclick="window.open( '<?=buildUrl( 'transacciones/reporte', "i_Id=".$i_Id )?>', '_blank' );">
                                </td>
                            </tr>
                        </table>

                    </div>

                    <div id="tabs-3">

                        <?php $a_ArrayCajaChicaArchivos = $o_ALM_TransaccionCabeceraBN->getArrayCajaChicaArchivos(); ?>
                        <?php //if( $a_ArrayCajaChicaArchivos ){ ?>
                        <form id="form1" name="form1" method="POST" onsubmit=""  enctype="multipart/form-data">
                            <input type="hidden" name="i_Id" id="i_Id" value="<?=$o_ALM_TransaccionCabeceraBN->getObjectCajaChicaDet()->getIdCajaDet()?>">

                            <table class="" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td align="center">
                                        <input type="file" class="custom-file-input" id="customFile" name="customFile"  lang="es">
                                    </td>
                                    <td>
                                        <input type="hidden" name="TipoOpeArchivo" id="TipoOpeArchivo" value="NUEVO">
                                        <input type="hidden" name="SecuenciaArchivo" id="SecuenciaArchivo" value="">
                                        <button type="button" class="btn btn-info btn-block" onclick="$( '#SecuenciaArchivo' ).val( '' ); $( '#TipoOpeArchivo' ).val( 'NUEVO' ); guardarArchivo();">Guardar Archivo</button>
                                    </td>
                                </tr>
                            </table>

                            <script>
                            $( ".custom-file-input" ).on
                            (
                                "change", 
                                function() 
                                {
                                    var fileName = $( this ).val().split( "\\" ).pop();
                                    $( this ).siblings( ".custom-file-label" ).addClass( "selected" ).html( fileName );
                                }
                            );
                            </script>

                            <hr noshade="noshade" align="center" style="border-color: #CFCFCF;  color: #CFCFCF; height: 0.1px; text-align: center;">
                        
                            <table class="grid" cellspacing="0" cellpadding="3" border="0" align="center" width="100%" style="border-bottom: 1px solid #999999;">
                                <thead>
                                    <tr>
                                        <th scope="col" class="text-center">&nbsp;</th>
                                        <th scope="col" class="text-center">Nombre</th>
                                        <th scope="col" class="text-center">Tipo</th>
                                        <th scope="col" class="text-center">Fecha</th>
                                        <th scope="col" class="text-center">Usuario</th>
                                        <th scope="col" class=""></th>
                                    </tr>
                                </thead>
                                <tbody id="">
                                    <?php foreach ( $a_ArrayCajaChicaArchivos as $i_Key => $o_ALM_CajaChicaArhivosBN ) { ?>
                                    <tr>    
                                        <td align="center"><?=$i_Key+1?></td>
                                        <td> <?=$o_ALM_CajaChicaArhivosBN->getNombre()?> </td>
                                        <td align="center"> <?=$o_ALM_CajaChicaArhivosBN->getTipo()?> </td>
                                        <td align="center"> <?=substr( $o_ALM_CajaChicaArhivosBN->getFechaCreacion(), 0, 10 )?> </td>
                                        <td align="center"> <?=$o_ALM_CajaChicaArhivosBN->getUsuarioCreacion()?> </td>
                                        <td align="center">
                                            <button class="btn" title="" onclick="window.open( '<?=$o_ALM_CajaChicaArhivosBN->getUbicacionURL()?>', '_BLANK' ); return false;"> <img src="<?=getUrlImage( "btnDisplay.gif" )?>" title="Ver Documento" style="cursor:pointer"> </button> 
                                            <button class="btn" title="" onclick="$( '#SecuenciaArchivo' ).val( '<?=$o_ALM_CajaChicaArhivosBN->getIdSecuencia()?>' ); $( '#TipoOpeArchivo' ).val( 'ELIMINAR' ); guardarArchivo(); return false;">
                                                <img src="<?=getUrlImage( "btnDelete.gif" )?>" title="Eliminar" style="cursor:pointer">
                                            </button> 
                                        </td>
                                    </tr>
                                    <?php } ?>
                                </tbody>
                            </table>

<script type="text/javascript">
guardarArchivo = function()
{
    if( $( '#SecuenciaArchivo' ).val() == ""  )
    {
        if( $( "#customFile" ).val() == "" )
        {
            showAlertBootStrap( 'content_alert', 'alert-danger', "Seleccione un archivo." );
            return false;
        }
    }
    x = confirm( "Esta seguro de realizar el procedimiento?" );
    if( x )
    {
        blockContent( 'content_archivos' );
        var formData = new FormData( document.getElementById( "form1" ) );
        $.ajax
        (
            {
                url: '<?php echo buildUrl( 'cajachica/guadarArchivoCjaChi', "" ) ?>',
                type: 'POST',
                data: formData,
                async: false,
                cache: false,
                contentType: false,
                enctype: 'multipart/form-data',
                processData: false,
                success: function ( response )
                {
                    var o_json = jQuery.parseJSON( response );
                    unBlockContent( 'content_archivos' );
                    if( o_json.error )
                    {
                        showAlertBootStrap( 'content_alert', 'alert-danger', o_json.mensaje_error );
                        return false;
                    }
                    location.reload();
                }
            }
        );
    }
}
</script>

                        </form>
                        <?php //} ?>

                    </div>

                </div>

        </td>
    </tr>
</table>

<div id="dialog"><iframe id="myIframe" src="" frameborder="0" height="100%" width="100%"></iframe></div>
<div id="dialog2"><iframe id="myIframe2" src="" frameborder="0" height="100%" width="100%"></iframe></div>

<script>
    objMainTab.modalUIDialog( "#dialog", { title : "Auditoria", width : 425, height  : 230 } );
    objMainTab.modalUIDialog( "#dialog2", { title : "Auditoria", width : 425, height  : 230 } );
</script>

<script type="text/javascript">
var tabs = $( "#tabs" ).tabs();
</script>