<div class="row">
    <div class="col s3">
        <input type='text' id='texto' class="form-control" placeholder='Busqueda' onkeyup='pagina=1;cambiaPagina(pagina);'>
    </div>
</div>
<table class="table striped highlight responsive-table">
    <thead>
        <tr>
            <th id="th1">{{traducirFrase("Audio")}}</th>
            <th id="th2">{{traducirFrase("Fecha de carga")}}</th>
            <th id="th3">{{traducirFrase("Reproducir")}}</th>
            <?php if ($_SESSION["Grupo"] == GRUPO_ADMINS) {?>
                <th id="th4">{{traducirFrase("Opciones")}}</th>
            <?php }?>
        </tr>
    </thead>
    <tbody>
        <tr v-for="dato in Registros">
            <td>{{dato.Nombre}}</td>
            <td>{{convertDate(dato.FechaCarga)}}</td>
            <td width="400"><audio :src="'obtenerAudioStream?id='+dato.id" controls="controls" height="30" width="300"></audio></td>
            <?php if ($_SESSION["Grupo"] == GRUPO_ADMINS) {?>
                <td>
                    <a href="#" class="tooltipped" v-bind:data-tooltip="traducirFrase('Borrar audio')" data-position="top" v-on:click="deleteAudio(dato.Nombre,dato.id)"><i class="material-icons">delete</i></a>
                </td>
            <?php }?>
        </tr>
    </tbody>
</table>
<div id="barrita">
    <center><img src="<?=IMG_ADMIN;?>spinner.gif"></center>
</div>