<div class="panel panel-default">
    <div class="panel-heading">
    <a data-toggle="collapse" data-parent="#accordion" href="#Log">Historial</a>
    </div>
    <div id="Log" class="panel-collapse collapse">
        <div class="panel-body">
        	<div class="table-responsive">
                <table class="table table-striped table-hover table-condensed">
                    <thead>
                        <tr>
                        <th>Última Actualización</th>
                        <th>Editor</th>
                        <th width="70%">Log</th>                                                
                        </tr>
                    </thead>
                    <tbody>                        
					<?php foreach($logs as $log) : ?>                                    
                        <tr>   
                        <td><small><?=$log['fecha']?></small></td>
                        <td><small><?=$log['modificador']?></small></td>
                        <td><small>
                        <div id="ver_on<? echo $log['id']; ?>" style="display:block"><a href="#log" onClick="mostrar('bloque<? echo $log['id']; ?>','ver_on<? echo $log['id']; ?>','ver_off<? echo $log['id']; ?>')"> [+] Ver detalles...</a></div>
                        <div id="ver_off<? echo $log['id']; ?>" style="display:none"><a href="#log" onClick="ocultar('bloque<? echo $log['id']; ?>','ver_on<? echo $log['id']; ?>','ver_off<? echo $log['id']; ?>')"> [-] Ocultar detalles...</a></div>
                        <div id="bloque<? echo $log['id']; ?>" style="display: none"><br /><? 
                        
                        $detalle = explode("||",$log['modificaciones']);
                        
                        for($i=0;$i<count($detalle)-1;$i++)
                                {
                                $fila = explode("@@",$detalle[$i]);
                                             echo "$fila[0]: \"$fila[1]\" <b><em>cambió por</em></b> \"$fila[2]\"<br>";
                                }
                        ?></div></small>                      
                        </td>                        
                        </tr>
                    <? endforeach;?>                        
                    </tbody>
                </table>
            </div>
            <!-- /.table-responsive -->            
        </div>
    </div>
</div>

