<div v-for="({numeroSala, horarioSala, horarioReservado}, i) in agendas" class="card white br6">
                    <div class="card-content black-text">
                        <span class="card-title center">
                            {{(numeroSala.length && numeroSala[0]) || ('Sala 0' + (i + 1))}}
                        </span>

                        <p class="center-align">
                            <button data-target="modal1"
                                    v-for="(horario, indice) in todosHorarios"
                                    :disabled="horarioSala.includes(horario)"
                                    class="btn blue-ya white-text modal-trigger
                                    btnHorario waves-teal waves-effect waves-light "
                                    :class="{btnOrange: horarioSala.includes(horarioReservado)}"
                                    @click="retornaHora(horario); retornaSala('Sala 0' + (i + 1))">{{horario + ':00'}}</button>
                        </p>
                    </div>
                </div>