{{#unless chatFull}}
{{#unless chatClosed}}
<form>
    <div style="margin-bottom:20px">
        <p><b>{{langString "supportChat.information"}}</b></p>
    </div>
    <div class="input-field">
        <input type="text" id="userName" {{#if userName}} value="{{userName}}" disabled {{/if}} />
        <label>{{langString "supportChat.personName"}}</label>
    </div>
    <div class="input-field">
        <input type="text" id="userMail" {{#if userMail}} value="{{userMail}}" disabled {{/if}} />
        <label>{{langString "supportChat.email"}}</label>
    </div>
    <div class="input-field">
        <select id="category">
            <option value="" selected>{{langString "supportChat.category.choose"}}</option>
            <option value="Administration &amp; Organsation">{{langString "supportChat.category.aAndO"}}</option>
            <option value="Arbeitsplätze">{{langString "supportChat.category.workStations"}}</option>
            <option value="Beschwerde">{{langString "supportChat.category.complaint"}}</option>
            <option value="Campus">{{langString "supportChat.category.campus"}}</option>
            <option value="Datenbanken">{{langString "supportChat.category.databases"}}</option>
            <option value="DNS">{{langString "supportChat.category.dns"}}</option>
            <option value="Druckservice">{{langString "supportChat.category.printservice"}}</option>
            <option value="eLearning">{{langString "supportChat.category.eLearning"}}</option>
            <option value="E-Mail">{{langString "supportChat.category.eMail"}}</option>
            <option value="FiT-Team">{{langString "supportChat.category.fitTeam"}}</option>
            <option value="Forschungsdatenmanagement (FDM)">{{langString "supportChat.category.fdm"}}</option>
            <option value="HPC">{{langString "supportChat.category.hpc"}}</option>
            <option value="Identity Management">{{langString "supportChat.category.idm"}}</option>
            <option value="Infowesen">{{langString "supportChat.category.infowesen"}}</option>
            <option value="IT Center spezifisch">{{langString "supportChat.category.itc"}}</option>
            <option value="ITIL">{{langString "supportChat.category.itil"}}</option>
            <option value="IT-SD-spezifisch">{{langString "supportChat.category.itsd"}}</option>
            <option value="ITSM-Tool">{{langString "supportChat.category.itsmtool"}}</option>
            <option value="Netzwerk Datennetz">{{langString "supportChat.category.network"}}</option>
            <option value="PC-Pool">{{langString "supportChat.category.pcpool"}}</option>
            <option value="Serverdienste für Institute">{{langString "supportChat.category.serverhosting"}}</option>
            <option value="Sharepoint (des IT Centers)">{{langString "supportChat.category.sharePoint"}}</option>
            <option value="Software">{{langString "supportChat.category.software"}}</option>
            <option value="Sonstiges">{{langString "supportChat.category.other"}}</option>
            <option value="Telefon">{{langString "supportChat.category.telephone"}}</option>
            <option value="Virtuelle Realität">{{langString "supportChat.category.vr"}}</option>
            <option value="Webdienste">{{langString "supportChat.category.webservices"}}</option>
            <option value="Weiterbildungsveranstaltungen">{{langString "supportChat.category.educationEvents"}}</option>
            <option value="Zertifikate">{{langString "supportChat.category.certificates"}}</option>
        </select>
        <label style="margin-left:-10px">{{langString "supportChat.category.category"}}</label>
    </div>
    <a id="startChat" class="waves-effect btn" style="width:200px;margin-top:10px">{{langString "supportChat.start"}}</a>
</form>
<div style="margin-top:20px">
    {{#if (gn formerStreamIdsCount)}}
        <div style="margin-bottom:20px"><b>{{langString "supportChat.lastChats"}}</b></div>
        {{#each formerStreamIds}}
            <div class="das-list-item">
                <a href="#das.channelDetails?channelId={{channelId}}&streamId={{streamId}}" class="waves-effect" style="display:block">
                    <span class="firstline">{{category}}</span><br />
                    <span class="secondline">{{#if date}}{{langString "supportChat.lastMessage"}}: {{date}}{{/if}}</span>
                </a>
            </div>
        {{/each}}
    {{/if}}
</div>
{{/unless}}
{{/unless}}
{{#if chatFull}}
<div id="noFreeSupportes">
    <p>
        {{langString "supportChat.chatFull"}}
    </p>
    <p>
        {{langString "supportChat.contact"}}
    </p>
    <div class="collection">
        <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="tel:+492418024680">
            <div class="col s3"><i class="material-icons" style="padding-top:5px;">phone</i></div>
            <div class="col s9">+49 241 80 24680</div>
        </a>
        <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="mailto:servicedesk@itc.rwth-aachen.de">
            <div class="col s3"><i class="material-icons" style="padding-top:5px;">email</i></div>
            <div class="col s9">servicedesk@itc.rwth-aachen.de</div>
        </a>
        <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="https://doc.itc.rwth-aachen.de/display/SD/Home">
            <div class="col s3"><i class="material-icons" style="padding-top:5px;">language</i></div>
            <div class="col s9">{{langString "supportChat.contactLink"}}</div>
        </a>
    </div>
</div>
{{/if}}
{{#if chatClosed}}
<div id="chatClosed">
    <p>
        {{langString "supportChat.chatClosed"}}
    </p>
    <p>
        {{langString "supportChat.openingHours"}}
    </p>
    <p>
        {{langString "supportChat.contact"}}
    </p>
    <div class="collection">
        <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="tel:+492418024680">
            <div class="col s3"><i class="material-icons" style="padding-top:5px;">phone</i></div>
            <div class="col s9">+49 241 80 24680</div>
        </a>
        <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="mailto:servicedesk@itc.rwth-aachen.de">
            <div class="col s3"><i class="material-icons" style="padding-top:5px;">email</i></div>
            <div class="col s9">servicedesk@itc.rwth-aachen.de</div>
        </a>
        <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="https://doc.itc.rwth-aachen.de/display/SD/Home">
            <div class="col s3"><i class="material-icons" style="padding-top:5px;">language</i></div>
            <div class="col s9">{{langString "supportChat.contactLink"}}</div>
        </a>
    </div>
</div>
{{/if}}