<modal-dialvox v-model="targets.respuestas" small cancel="cerrar" closed="targets.respuestas = false">
    <h4>{{traducirFrase("Respuestas")}}</h4>
    <br><br>
    <div class="container">
        <div class="row animated fadeIn" v-if="!targets.addRespuesta && !targets.editRespuesta">
            <div class="row col s12">
                <table-dialvox
                    :headers="headers['respuestas']"
                    :options="options['respuestas']"
                    :hsearch="true"
                    :data="registrosRespuestas"
                    @delete="deleteRespuesta"
                    @edit="showEditRespuesta"
                >
                </table-dialvox>
                <br>
                <pagination-dialvox v-model="paginaTabla" :count="cuentaTabla"></pagination-dialvox>
                <br>
                <?php if ($_SESSION["Grupo"] == GRUPO_ADMINS) { ?>
                    <div class="center" id="botonCrear">
                        <a class="waves-effect waves-light btn blue lighten-2 " href="#" @click.prevent="showAddRespuesta">{{traducirFrase("Nueva Respuesta")}}</a>
                    </div>
                <?php } ?>
                <ul class="pagination center" id='paginacion'>
            </div>
        </div>
        <?php require_once "addRespuesta.php";?>
        <?php require_once "editRespuesta.php";?>
    </div>
</modal-dialvox>