<div class="row">
    <div class="col-md-12">
        <h3>Hilfe</h3>
    </div>
</div>

<div class="row">
    <div class="col-md-12">

        <h4 style="line-height: 40px"><i class="icon pe-7s-info" style="color: #048DBF"></i>Erklärungen zu den Reitern</h4>

        <div class="panel-group panel-group-lists" id="helpAccordion1" role="tablist" aria-multiselectable="true">

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="helpNews">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           data-parent="#helpAccordion1"
                           href="#collapseHelpNews"
                           aria-expanded="true"
                           aria-controls="collapseHelpNews">
                            <i class="icon pe-7s-chat"></i>News
                        </a>
                    </h4>
                </div>
                <div id="collapseHelpNews"
                     class="panel-collapse collapse in"
                     role="tabpanel"
                     aria-labelledby="helpNews">
                    <div class="panel-body">
                        <%= TB.Config.Content.helpHtml.news %>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="helpTermine">
                    <h4 class="panel-title">
                        <a role="button"
                           class="collapsed"
                           data-toggle="collapse"
                           data-parent="#helpAccordion1"
                           href="#collapseHelpTermine"
                           aria-expanded="true"
                           aria-controls="collapseHelpTermine">
                            <i class="icon pe-7s-date"></i>Termine
                        </a>
                    </h4>
                </div>
                <div id="collapseHelpTermine"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="helpTermine">
                    <div class="panel-body">
                        <%= TB.Config.Content.helpHtml.termine %>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="helpProfil">
                    <h4 class="panel-title">
                        <a role="button"
                           class="collapsed"
                           data-toggle="collapse"
                           data-parent="#helpAccordion1"
                           href="#collapseHelpProfil"
                           aria-expanded="true"
                           aria-controls="collapseHelpProfil">
                            <i class="icon pe-7s-id"></i>Profil
                        </a>
                    </h4>
                </div>
                <div id="collapseHelpProfil"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="helpProfil">
                    <div class="panel-body">
                        <%= TB.Config.Content.helpHtml.profil %>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="helpTeam">
                    <h4 class="panel-title">
                        <a role="button"
                           class="collapsed"
                           data-toggle="collapse"
                           data-parent="#helpAccordion1"
                           href="#collapseHelpTeam"
                           aria-expanded="true"
                           aria-controls="collapseHelpTeam">
                            <i class="icon pe-7s-users"></i>Team
                        </a>
                    </h4>
                </div>
                <div id="collapseHelpTeam"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="helpTeam">
                    <div class="panel-body">
                        <%= TB.Config.Content.helpHtml.team %>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="helpStatistik">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion1"
                           href="#collapseHelpStatistik"
                           aria-expanded="true"
                           aria-controls="collapseHelpStatistik">
                            <i class="icon pe-7s-graph2"></i>Statistik
                        </a>
                    </h4>
                </div>
                <div id="collapseHelpStatistik"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="helpStatistik">
                    <div class="panel-body">
                        <%= TB.Config.Content.helpHtml.statistik %>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="helpSeitenmenu">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion1"
                           href="#collapseHelpSeitenmenu"
                           aria-expanded="true"
                           aria-controls="collapseHelpSeitenmenu">
                            <i class="icon pe-7s-menu"></i>Seitenmenu
                        </a>
                    </h4>
                </div>
                <div id="collapseHelpSeitenmenu"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="helpSeitenmenu">
                    <div class="panel-body">
                        <%= TB.Config.Content.helpHtml.seitenmenu %>
                    </div>
                </div>
            </div>

        </div>




    </div>
</div>

<div class="row">
    <div class="col-md-12">

        <h4><i class="icon pe-7s-info" style="color: #048DBF"></i>F.A.Q.</h4>

        <h6>Team Management</h6>

        <div class="panel-group panel-group-lists"
             id="helpAccordion2"
             role="tablist"
             aria-multiselectable="true">

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqTM1">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion2"
                           href="#collapsefaqTM1"
                           aria-expanded="true"
                           aria-controls="collapsefaqTM1">
                            Wie registriere ich mein Team?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqTM1"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqTM1">
                    <div class="panel-body">
                        <ol>
                            <li>Gehe auf tbuddy.de</li>
                            <li>Klicke auf den Button „Registrieren“</li>
                            <li>Fülle die Felder aus</li>
                            <li>Du bekommst eine E-Mail, um deine E-Mailadresse zu validieren</li>
                            <li>Wenn du durch Klicken des Linkes die E-Mailadresse validiert hast, kann es losgehen</li>
                        </ol>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqTM2">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion2"
                           href="#collapsefaqTM2"
                           aria-expanded="true"
                           aria-controls="collapsefaqTM2">
                            Wie lade ich Buddies ein?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqTM2"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqTM2">
                    <div class="panel-body">
                        <ol>
                            <li>Klicke auf den Reiter &quot;Team&quot; unten auf der Website befindet sich der Button &quot;Buddy einladen&quot;</li>
                            <li>Name und E-Mailadresse ausfüllen und Einladung verschicken</li>
                        </ol>
                        <p><strong>Wichtig</strong>: Nur der Coach oder Co-Coach können Buddies einladen!</p>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqTM3">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion2"
                           href="#collapsefaqTM3"
                           aria-expanded="true"
                           aria-controls="collapsefaqTM3">
                            Wie registriere ich mein Team?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqTM3"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqTM3">
                    <div class="panel-body">
                        <ol>
                            <li>Klicke auf den Reiter „Team“</li>
                            <li>Klicke auf die gewünschte Person</li>
                            <li>Ernenne sie/ihn zum Co-Coach</li>
                        </ol>
                        <p><strong>Wichtig:</strong> Co-Coaches dürfen alles was der Coach auch kann – bis auf das Team zu löschen</p>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqTM4">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion2"
                           href="#collapsefaqTM4"
                           aria-expanded="true"
                           aria-controls="collapsefaqTM4">
                            Wie lösche ich Teammitglieder?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqTM4"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqTM4">
                    <div class="panel-body">
                        <ol>
                            <li>Klicke auf den Reiter &quot;Team&quot;</li>
                            <li>Klicke auf die gewünschte Person</li>
                            <li>Klicke auf &quot;Buddy löschen&quot;</li>
                        </ol>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqTM5">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion2"
                           href="#collapsefaqTM5"
                           aria-expanded="true"
                           aria-controls="collapsefaqTM5">
                            Gibt es einen Massenimport oder Ähnliches?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqTM5"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqTM5">
                    <div class="panel-body">
                        <p>
                            Es gibt noch keinen Massenimport, wir arbeiten an dem Feature. Bei sehr großen Teams sind wir euch gerne behilflich.
                        </p>
                    </div>
                </div>
            </div>

        </div>


        <h6>Termine</h6>

        <div class="panel-group panel-group-lists"
             id="helpAccordion3"
             role="tablist"
             aria-multiselectable="true">

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqT1">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion3"
                           href="#collapsefaqT1"
                           aria-expanded="true"
                           aria-controls="collapsefaqT1">
                            Wie erstelle ich einen Termin?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqT1"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqT1">
                    <div class="panel-body">
                        <ol>
                            <li>Auf den Reiter &quot;Termine&quot; klicken</li>
                            <li>Auf den Button &quot;Neuen Spieltermin erstellen&quot; oder &quot;Neuen Termin erstellen&quot; klicken</li>
                            <li>Wichtige Felder ausfüllen (Grund, Startzeit etc.)</li>
                        </ol>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqT2">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion3"
                           href="#collapsefaqT2"
                           aria-expanded="true"
                           aria-controls="collapsefaqT2">
                            Wie können die Buddies zu- oder absagen?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqT2"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqT2">
                    <div class="panel-body">
                        Einfach auf den grünen oder roten Daumen klicken.
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqT3">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion3"
                           href="#collapsefaqT3"
                           aria-expanded="true"
                           aria-controls="collapsefaqT3">
                            Wie füge ich die Termine in meinen persönlichen Kalender?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqT3"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqT3">
                    <div class="panel-body">
                        <ol>
                            <li>Klicke auf den Termin</li>
                            <li>Klicke auf den Button &quot;In Kalender einfügen&quot;</li>
                            <li>Wähle den gewünschten Kalender aus</li>
                            <li>Der Termin wird automatisch übertragen</li>
                        </ol>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqT4">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion3"
                           href="#collapsefaqT4"
                           aria-expanded="true"
                           aria-controls="collapsefaqT4">
                            Wie kann ich mein Team daran erinnern zu- oder abzusagen?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqT4"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqT4">
                    <div class="panel-body">
                        <ol>
                            <li>Auf den Reiter &quot;Termine&quot; klicken</li>
                            <li>Klicke auf den gewünschten Termin (auf das Datum, welches blau unterlegt ist)</li>
                            <li>Klicke auf den Button &quot;Erinnerung senden&quot;. Alle die noch keine Rückmeldung gegeben haben, werden per Mail an den Termin erinnert</li>
                        </ol>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqT5">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion3"
                           href="#collapsefaqT5"
                           aria-expanded="true"
                           aria-controls="collapsefaqT5">
                            Wie kann ich die Teilnehmerliste als PDF exportieren?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqT5"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqT5">
                    <div class="panel-body">
                        <ol>
                            <li>Auf den Reiter &quot;Termine&quot; klicken</li>
                            <li>Klicke auf den gewünschten Termin (auf das Datum, welches blau unterlegt ist)</li>
                            <li>Klicke auf den Button &quot;Termin bearbeiten&quot;</li>
                        </ol>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqT6">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion3"
                           href="#collapsefaqT6"
                           aria-expanded="true"
                           aria-controls="collapsefaqT6">
                            Wie kann ich Serientermine einstellen?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqT6"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqT6">
                    <div class="panel-body">
                        <ol>
                            <li>Auf den Reiter &quot;Termine&quot; klicken</li>
                            <li>Klicke auf &quot;Neuen Termin erstellen&quot;</li>
                            <li>Unter Häufigkeiten kannst du wählen, zwischen &quot;Einmaliger Termin&quot; und &quot;Serientermin&quot;“</li>
                            <li>Nun kannst du angeben, wie oft und wie lange sich der gewünschte Termin wiederholen soll</li>
                        </ol>
                    </div>
                </div>
            </div>

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqT7">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion3"
                           href="#collapsefaqT7"
                           aria-expanded="true"
                           aria-controls="collapsefaqT7">
                            Wie abonniere ich Termine mit meiner Kalender-App?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqT7"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqT7">
                    <div class="panel-body">
                        Weiterführende Hilfe für die Integration...
                        <ul>
                            <li>in den Google-Kalender findet Ihr hier (Link hinter hier: <a href="https://support.google.com/calendar/answer/37100?co=GENIE.Platform%3DDesktop&hl=de&oco=1" target="_blank">Google Support</a>).</li>
                            <li>in den IPhone/IPad-Kalender findest Du hier (<a href="http://www.maclife.de/ratgeber/handbuch/iphone/iphone-kalender-mir-ferienterminen-bundesligaspielen-abonnieren-10064288.html" target="_blank">Mac Life</a>)</li>
                            <li>in Outlook findet Ihr hier in einem Video: <a href="https://www.youtube.com/watch?v=D2J7KueH5oo" target="_blank">You Tube Video</a></li>
                            <li>Solltest Du Hilfe benötigen, einfach nach "ical Kalender abonnieren" googlen</li>
                        </ul>
                    </div>
                </div>
            </div>


        </div>

        <h6>Statistik</h6>

        <div class="panel-group panel-group-lists"
             id="helpAccordion4"
             role="tablist"
             aria-multiselectable="true">

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqS1">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion4"
                           href="#collapsefaqS1"
                           aria-expanded="true"
                           aria-controls="collapsefaqS1">
                            Kann ich die Statistik ändern oder neu starten?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqS1"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqS1">
                    <div class="panel-body">
                        Bis jetzt leider noch nicht.
                    </div>
                </div>
            </div>
        </div>

        <h6>App</h6>

        <div class="panel-group panel-group-lists"
             id="helpAccordion5"
             role="tablist"
             aria-multiselectable="true">

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqApp1">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion5"
                           href="#collapsefaqApp1"
                           aria-expanded="true"
                           aria-controls="collapsefaqApp1">
                            Hab ich in der App die gleichen Funktionen wie bei der Desktop Version?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqApp1"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqApp1">
                    <div class="panel-body">
                        Ja.
                    </div>
                </div>
            </div>
        </div>

        <h6>Weiteres</h6>

        <div class="panel-group panel-group-lists"
             id="helpAccordion6"
             role="tablist"
             aria-multiselectable="true">

            <div class="panel panel-deault">
                <div class="panel-heading" role="tab" id="faqDiv1">
                    <h4 class="panel-title">
                        <a role="button"
                           data-toggle="collapse"
                           class="collapsed"
                           data-parent="#helpAccordion6"
                           href="#collapsefaqDiv1"
                           aria-expanded="true"
                           aria-controls="collapsefaqDiv1">
                            Wo finde ich weitere Hilfe?
                        </a>
                    </h4>
                </div>
                <div id="collapsefaqDiv1"
                     class="panel-collapse collapse"
                     role="tabpanel"
                     aria-labelledby="faqDiv1">
                    <div class="panel-body">
                        <a href="mailto:support@tbuddy.de" target="_top">support@tbuddy.de</a> hilft dir gerne weiter, wenn du weitere Fragen oder Anregungen hast.
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>