<%= tmpl( 'tpl_team_settings_tab', { data : { activeTab : 'details' } } ) %>

<div style="display: <%= ( data.activeTab && data.activeTab === 'details' ) ? 'block' : 'none' %>">
    <h4>Teamdaten</h4>
    <form role="form" method="post" id="form_save_team">
        <input type="hidden" name="team.id" value="<%= data.team.id %>" />
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label for="team.display_name">Name des Teams</label>
                    <input type="text"
                           id="team.display_name"
                           name="team.display_name"
                           placeholder="Hier den Namen der Team eingeben"
                           class="form-control"
                           maxlength="255"
                           data-validate="required"
                           data-validate-errormsg="Bitte gebe einen Namen für Dein Team ein."
                           value="<%= ( data.team && data.team.display_name ) ? data.team.display_name : '' %>"
                        />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label for="team.category">Sport/Art (optional)</label>
                    <input type="text"
                           id="teamcategory"
                           name="team.category"
                           placeholder="bspw. Fussball, Handball, Freiwillige Feuerwehr"
                           class="form-control"
                           maxlength="32"
                           value="<%= ( data.team && data.team.category ) ? data.team.category: '' %>"
                        />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label for="team.reg_no">Registrierungsnummer (optional)</label>
                    <input type="text"
                           id="team.reg_no"
                           name="team.reg_no"
                           placeholder="Nummer, mit der das Team registriert ist"
                           class="form-control"
                           maxlength="255"
                           value="<%= ( data.team && data.team.reg_no) ? data.team.reg_no : '' %>"
                        />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <button type="button"
                        id="btn_save_team_cancel"
                        class="btn btn-primary btn-block">
                    Abbrechen
                </button>
            </div>
            <div class="col-md-6 col-sm-12">
                <button type="submit"
                        id="btn_save_team"
                        data-style="zoom-in"
                        data-size="l"
                        class="btn btn-primary btn-block ladda-button">
                    Änderungen speichern
                </button>
            </div>
        </div>
    </form>
</div>