<div class="row">
    <div class="col-md-12">
        <h3>Buddy einladen</h3>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <form role="form" method="post" id="form_invite_player">
            <div class="form-group">
                <label for="player_invitation_first_name">Vorname</label>
                <input type="text"
                       id="player_invitation_first_name"
                       name="player_invitation_first_name"
                       placeholder="Vorname"
                       class="form-control"
                       value=""
                       data-validate="required"
                       data-validate-errormsg="Bitte Vornamen eingeben"
                    />
            </div>
            <div class="form-group">
                <label for="player_invitation_last-name">Nachname</label>
                <input type="text"
                       id="player_invitation_last_name"
                       name="player_invitation_last_name"
                       placeholder="Nachname"
                       class="form-control"
                       value=""
                       data-validate="required"
                       data-validate-errormsg="Bitte Nachnamen eingeben"
                    />
            </div>
            <div class="form-group">
                <label for="player_invitation_email">Email Adresse</label>
                <input type="text"
                       id="player_invitation_email"
                       name="player_invitation_email"
                       placeholder="Email Adresse, an die die Einladung verschickt werden soll"
                       class="form-control"
                       value=""
                       data-validate="email"
                       data-validate-errormsg="Email Adresse ist nicht gültig."
                    />
            </div>
            <div class="row">
                <div class="col-md-12">
                    <label for="player_invitation_role">Rolle</label>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group btn-group btn-group-justified" data-toggle="buttons" id="btn-group-role">
                        <label class="btn btn-default">
                            <input type="radio" name="player_invitation_role" value="fan" id="role_fan" autocomplete="off" />Fan
                        </label>
                        <label class="btn btn-primary active">
                            <input type="radio" name="player_invitation_role" value="player" id="role_player" autocomplete="off"
                            checked="checked" />Buddy<span class="fa fa-check"></span>
                        </label>
                        <label class="btn btn-default">
                            <input type="radio" name="player_invitation_role" value="cotrainer" id="role_cotrainer" autocomplete="off"
                            />Co-Coach
                        </label>
                    </div>
                </div>
                <div class="col-md-12">
                    <dl class="dl-horizontal">
                        <dt>Fan</dt>
                        <dd>Fans dürfen chatten und lesend auf alle Bereiche zugreifen, aber nicht zu Terminen zu- oder absagen.</dd>
                        <dt>Buddy</dt>
                        <dd>Buddies dürfen chatten, Termine zu- und absagen und ihren Account verwalten.</dd>
                        <dt>Co-Coach</dt>
                        <dd>Co-Coaches dürfen alles was der Coach auch kann - bis auf das Team zu löschen.</dd>
                    </dl>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="row">
    <div class="col-md-6 col-sm-12">
        <button type="button"
                id="btn_invite_player_cancel"
                data-style="zoom-in"
                data-size="l"
                class="btn btn-primary btn-block ladda-button">
            Abbrechen
        </button>
    </div>
    <div class="col-md-6 col-sm-12">
        <button type="submit"
                id="btn_invite_player"
                data-style="zoom-in"
                data-size="l"
                class="btn btn-primary btn-block ladda-button">
            Einladung verschicken
        </button>
    </div>
</div>