mixin groupoption(classname, onclickFunc, text)
    .row
        a.link
            i(class=classname, onClick=onclickFunc)
                span.groupoption=text

.groupcontainer
    .innergroupcontainer(id=group._id, style="background-color:"+group.color)
        .infocontainer
            .container
                .groupheader
                    input.col-12.ui-input-text.timertext(id=group._id+"_name" value=group.name, onBlur="renameGroup('#{group._id}',this)", onKeyPress="if(event.keyCode==13)this.blur();")
                .groupoptions
                    .row
                        span.grouptime
                            script. document.write(convertSeconds(#{group.time}));
                    +groupoption("fa fa-trash-o", "deleteGroup('"+group._id+"')", " Delete Group")
                    +groupoption("fa fa-random", "randomGroupColor('"+group._id+"')", "Change Color")
                    .row
                        a(href="/statistics/group/" + group._id)
                            i.fa.fa-bar-chart-o
                                span.groupoption Statistics
        .timerscontainer(ondrop="handleDrop(event)", ondragover="allowDrop(event)")
            if (typeof timers !== 'undefined')
                .container.timerslist(id=group._id+"_timersList")
                    each timer in timers
                        include timer
                    .row
                        a.btn.btn-white(onClick="newTimer('#{group._id}')")
                            i.fa.fa-clock-o.fa-lg
                            | Add Timer