<div class="row">
    <div class="col-xs-12">
        <h3>Termine abonnieren <span class="span-premium"><i class="glyphicon glyphicon-star"></i></span></h3>
    </div>

</div>

<div class="panel panel-default">
    <div class="panel-body">
        <div class="row">
            <div class="col-xs-12">
                <p>
                    <span class="primary-color"><i class="fa fa-info-circle"></i></span>&nbsp;Ihr könnt ab sofort Euren TBuddy-Kalender abonnieren und in Euren Google-, iOS- oder Outlook-Kalender integrieren.
                </p>
                <p>
                    Abonnieren heißt, der Kalender wird aktualisiert zur Verfügung gestellt wird und kann von Eurem Kalenderprogramm synchronisiert werden. D.h., wenn weitere Termine hinzukommen oder verändert werden, wird Euer Kalender automatisch aktualisiert.
                </p>
                <p>
                    Du kannst entweder den gesamten Kalender (<strong>unabhängig</strong> von Deinen Zu- oder Absagen) oder nur Deinen Kalender (<strong>nur mit Deinen Zusagen</strong>) abonnieren.
                </p>
            </div>
        </div>
    </div>
</div>
<div class="panel panel-default">
    <div class="panel-body">
        <div class="row">
            <div class="col-xs-12">
                <strong>Alle Termine</strong>
            </div>
            <div class="col-md-8 col-sm-12">
                <input type="text"
                       readonly="readonly"
                       data-id="tbuddy-ics-team"
                       value="https://client.tbuddy.de/ical/<%= data.team.public_id %>/tbuddy.ics"
                       style="-webkit-user-select: text;user-select: text;"
                       class="form-control" />
            </div>
            <div class="col-md-4 col-sm-12">
                <button class="btn btn-block btn-premium"
                        data-id="btn-copy-ics-team">
                    Kopieren <i class="glyphicon glyphicon-star"></i>
                </button>
            </div>
        </div>
        <div class="row" style="margin-top: 12px;">
            <div class="col-xs-12">
                <strong>Alle Termine, zu denen du zugesagt hast</strong>
            </div>
            <div class="col-md-8 col-sm-12">
                <input type="text"
                       data-id="tbuddy-ics-team-profile"
                       readonly="readonly"
                       value="https://client.tbuddy.de/ical/<%= data.team.public_id %>-<%= TB.Client.profile.id %>/tbuddy.ics"
                       class="form-control"
                       style="-webkit-user-select: text;user-select: text;"
                />
            </div>
            <div class="col-md-4 col-sm-12">
                <button class="btn btn-block btn-premium"
                        data-id="btn-copy-ics-team-profile">
                    Kopieren <i class="glyphicon glyphicon-star"></i>
                </button>
            </div>
        </div>
    </div>
</div>
<div class="panel panel-default">
    <div class="panel-body">
        <div class="row">
            <div class="col-xs-12">
                <p>
                    <em>Weiterführende Hilfe zur Integration in bekannte Kalender Apps gibt es in unseren <a href="/#/c=Content&a=help">F.A.Q.</a></em>
                </p>
            </div>
        </div>
    </div>
</div>