{{#if error}}
{{> errorpartial message=error}}
{{else}}
<div class="row">
    <div class="col s4"><img src="img/L2P_Icon.svg" style="max-width:70px;max-height:70px; margin-top:5px;" /></div>
    <div class="col s8"><b>{{title}}</b></div>
</div>
{{#with overview}}
<div class="collection">
    {{#if (gn numberOfAnnouncements)}}
    <a id="announcements" class="collection-item waves-effect" style="padding:10px;width:100%;">
        <div class="row" style="margin-bottom:0px;">
            <div class="col s9">
                {{langString "l2p.details.announcements"}}
            </div>
            <div class="col s2" style="text-align:right">
                <div class="actual">{{numberOfActualAnnouncements}}/{{numberOfAnnouncements}}</div>
            </div>
            <i class="col s1 material-icons" style="text-align:right;">announcement</i>
        </div>
    </a>
    {{/if}}
    {{#if (gn numberOfEMails)}}
    <a id="emails" class="collection-item waves-effect" style="padding:10px;width:100%;">
        <div class="row" style="margin-bottom:0px;">
            <div class="col s9">
                {{langString "l2p.details.emails"}}
            </div>
            <div class="col s2" style="text-align:right">
                <div class="actual">{{numberOfEMails}}</div>
            </div>
            <i class="col s1 material-icons" style="text-align:right;">email</i>
        </div>
    </a>
    {{/if}}
    {{#if (gn numberOfDocuments)}}
    <a id="documents" class="collection-item waves-effect" style="padding:10px;width:100%;">
        <div class="row" style="margin-bottom:0px;">
            <div class="col s9">
                {{langString "l2p.details.documents"}}
            </div>
            <div class="col s2" style="text-align:right">
                <div class="actual">{{numberOfDocuments}}</div>
            </div>
            <i class="col s1 material-icons" style="text-align:right;">folder_open</i>
        </div>
    </a>
    {{/if}}
    {{#if (gn numberOfSharedDocuments)}}
    <a id="sharedDocuments" class="collection-item waves-effect" style="padding:10px;width:100%;">
        <div class="row" style="margin-bottom:0px;">
            <div class="col s9">
                {{langString "l2p.details.sharedDocuments"}}
            </div>
            <div class="col s2" style="text-align:right">
                <div class="actual">{{numberOfSharedDocuments}}</div>
            </div>
            <i class="col s1 material-icons" style="text-align:right;">folder_open</i>
        </div>
    </a>
    {{/if}}
    {{#if (gn numberOfStructuredMaterials)}}
    <a id="structuredMaterials" class="collection-item waves-effect" style="padding:10px;width:100%;">
        <div class="row" style="margin-bottom:0px;">
            <div class="col s9">
                {{langString "l2p.details.structuredMaterials"}}
            </div>
            <div class="col s2" style="text-align:right">
                <div class="actual">{{numberOfStructuredMaterials}}</div>
            </div>
            <i class="col s1 material-icons" style="text-align:right;">folder_open</i>
        </div>
    </a>
    {{/if}}
    {{#if (gn numberOfHyperlinks)}}
    <a id="hyperlinks" class="collection-item waves-effect" style="padding:10px;width:100%;">
        <div class="row" style="margin-bottom:0px;">
            <div class="col s9">
                {{langString "l2p.details.hyperlinks"}}
            </div>
            <div class="col s2" style="text-align:right">
                <div class="actual">{{numberOfHyperlinks}}</div>
            </div>
            <i class="col s1 material-icons" style="text-align:right;">public</i>
        </div>
    </a>
    {{/if}}
    {{#if (gn numberOfQuizzes)}}
    <a id="quizzes" class="collection-item waves-effect" style="padding:10px;width:100%;">
        <div class="row" style="margin-bottom:0px;">
            <div class="col s9">
                {{langString "l2p.details.quizzes"}}
            </div>
            <div class="col s2" style="text-align:right">
                <div class="actual">{{numberOfQuizzes}}</div>
            </div>
            <div class="col s1" style="text-align: right"><img src="img/Quizz2Go.gif" style="height:28px;width:28px; margin-top: -3px; margin-right: -3px;" /></div>
            
        </div>
    </a>    
    {{/if}}
    {{#if (gn numberOfLiterature)}}
    <a id="literature" class="collection-item waves-effect" style="padding:10px;width:100%;">
        <div class="row" style="margin-bottom:0px;">
            <div class="col s9">
                {{langString "l2p.details.literature"}}
            </div>
            <div class="col s2" style="text-align:right">
                <div class="actual">{{numberOfLiterature}}</div>
            </div>
            <i class="col s1 material-icons" style="text-align:right;">local_library</i>
        </div>
    </a>    
    {{/if}}    
</div>
{{/with}}
{{/if}}