<template name="home">
    {{> header}}
    <main>
        <div class="col s12 m10 l8">
            <div class="row">
                {{#each rooms}}
                    <div class="col s12 m5 l2">
                        <div class="card">
                            <div class="card-image waves-effect waves-block waves-light">
                                <img src={{currentSong.song.img}}>
                                <figcaption>
                                    <h5>{{currentSong.song.title}}</h5>
                                    <h5>{{currentSong.song.artist}}</h5>
                                    <a href=/{{type}} class="waves-effect waves-light btn">Join Room</a>
                                </figcaption>
                            </div>
                            <div class="card-content">
                            <span class="card-title activator grey-text text-darken-4">{{display}}<i class="material-icons right">more_vert</i></span>
                            <p><span class="user-num">{{userNum}}</span> <i class="material-icons">perm_identity</i></p>
                            </div>
                            <div class="card-reveal">
                                <span class="card-title grey-text text-darken-4">{{display}}<i class="material-icons right">close</i></span>
                                {{roomDesc}}
                            </div>
                        </div>
                    </div>
                {{/each}}
            </div>
        </div>
    </main>
    {{> footer}}
</template>
