<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Vertragsverwaltung - Das Erweiterungsmodul für dein Business</h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="index.html">Home</a>
            </li>
            <li class="breadcrumb-item">
                <a>Vertragsverwaltung</a>
            </li>
            <li class="breadcrumb-item active">
                <strong>Informationen</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">
    </div>
</div>
<div class="wrapper wrapper-content">

    <div class="row">
        <div class="col-lg-6">

            <div class="ibox">
                <div class="ibox-title">
                    <h3>ProBuddy Vertrag</h3>
                </div>
                <div class="ibox-content" style="">
                    <p>
                        Mit dem Erweiterungsmodul „Vertrag“ im Manager wird ProBuddy zu Deiner zentralen Abwicklungsplattform für Dein Business. Löse bestehende Listen und Excel-Tabellen ab und weise Terminteilnahmen direkt Einzelverträgen zu.
                    </p>
                    <p>
                        Die Transparenz für Dich und auch vor allem Deine Kunden wird steigen. Die Kommunikation zu offenen Zahlungen, tatsächlicher Vertragsauslastung („Wie viel Guthaben habe ich denn noch?“) und Neuabschlüssen wird verbessert und sorgt so hoffentlich für mehr Zeit und Zufriedenheit – auf allen Seiten.
                    </p>
                    <h4>Funktionalitäten im Überblick</h4>
                    <ul>
                        <li>Verträge pro Teilnehmer anlegen und verwalten</li>
                        <li>(Neu-)Kunden können auch ohne Vertrag buchen – keine Abhängigkeit</li>
                        <li>Forderungs-/Zahlungsübersicht mit Notification über die Probuddy-App</li>
                        <li>Flexible Vertragsformen (flatfrate, Kontingent (10er Karte), Events, ...)</li>
                        <li>Freie, flexible Zuweisung von Terminteilnahmen zu Verträgen</li>
                        <li>Aktive, transparente Information über Vertragsstatus in der ProBuddy-App</li>
                        <li>Archivierung von Alt-Verträgen (mit Reaktivierungsoption)</li>
                        <li>u.v.m.</li>
                    </ul>
                </div>
            </div>

            <% if ( false == user.hasTestedContractModule() ) {    %>

                <div class="ibox">
                    <div class="ibox-title">
                        <h3>Jetzt Testzeitraum starten</h3>
                    </div>
                    <div class="ibox-content" style="">
                        <p>
                            Starte jetzt unverbindlich Deinen 30-tägigen Testzeitraum für das ProBuddy-Modul „Vertrag“. Nutze alle Daten aus Deiner ProBuddy-Live-Umgebung und teste das Vertragsmodul. Nach Ende der 30 Tage kannst Du das Modul entweder direkt weiternutzen oder wir löschen die Daten für Dich.
                        </p>
                        <p>
                            <button type="button"
                                    class="btn btn-primary btn-block"
                                    data-id="btnConfirmActivationStart">
                                Vertragsmodul jetzt 30 Tage testen
                            </button>
                        </p>
                    </div>
                </div>

            <% } else {    %>

                <div class="ibox">
                    <div class="ibox-title">
                        <h3>Sie haben Interesse?</h3>
                    </div>
                    <div class="ibox-content" style="">
                        <p>
                            Kontaktieren Sie unseren Vertrieb unter <strong>timo@probuddy.de</strong>
                        </p>
                        <p>
                            <a href="mailto:timo@probuddy.de"
                                    class="btn btn-primary btn-block"
                                    data-id="btnConfirmActivationStart">
                                E-Mail Schreiben
                            </a>
                        </p>
                    </div>
                </div>

            <% }    %>

        </div>
        <div class="col-lg-6">

            <div class="ibox">
                <div class="ibox-content">
                    <div class="embed-responsive embed-responsive-16by9">
                        <iframe src="https://player.vimeo.com/video/509408620" width="640" height="361" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
                    </div>
                </div>
            </div>

            <div class="ibox">
                <div class="ibox-title">
                    <h3>Kosten</h3>
                </div>
                <div class="ibox-content" style="">
                    <p>
                    ProBuddy „Vertrag“ ist ein Erweiterungsmodul für ProBuddy „Basis“ und kann kostenpflichtig hinzugebucht werden. Wie bei ProBuddy „Basis“ orientiert sich der monatliche Preis an der verwalteten Anzahl Teilnehmer.
                    </p>
                    <ul>
                        <li>ProBuddy “Vertrag  50“:&nbsp;&nbsp;9,90 EUR/mtl.</li>
                        <li>ProBuddy “Vertrag 100“: 19,90 EUR/mtl.</li>
                        <li>ProBuddy “Vertrag 200“: 29,90 EUR/mtl.</li>
                        <li>ProBuddy “Vertrag 300“: 39,90 EUR/mtl.</li>
                    </ul>

                </div>
            </div>
        </div>
    </div>

</div>

<% if ( false == user.hasTestedContractModule() ) {    %>
<div class="modal inmodal fade"
     data-id="modal-confirm-contract-test-activation"
     tabindex="-1"
     role="dialog"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button"
                        class="close"
                        data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">ProBuddy Vertragsmodul</h4>
            </div>
            <div class="modal-body">
                <section data-id="section-activation-confirmation"
                         style="display: none">
                    <h5>30-tägigen Testzeitraum starten?</h5>
                    <p>
                        Möchtest Du jetzt den 30-tägigen Testzeitraum für das ProBuddy-Module <strong>"Vertrag"</strong> startem?
                    </p>
                </section>
                <section data-id="section-loader"
                         style="display: none">
                    <div style="height: 200px; padding-top: 70px">
                        <div class="sk-spinner sk-spinner-double-bounce">
                            <div class="sk-double-bounce1"></div>
                            <div class="sk-double-bounce2"></div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="modal-footer">
                <button type="button"
                        class="btn btn-white"
                        data-dismiss="modal">Abbrechen</button>
                <button type="button"
                        data-id="btnStartTestphase"
                        class="btn btn-primary">Ja, jetzt unverbindlich starten</button>
            </div>
        </div>
    </div>
</div>
<% }    %>