{{define "content"}}
<div class="row">
    <div class="col-xs-4 col-sm-3 col-md-2 hidden-xs-down">
        <img class="d-flex mr-3 w-80 project-thumbnail" src="/static/assets/brand/bootstrap-social-logo.png"
             alt="group logo">
    </div>
    <div class="col-sm-9 - col-md-10">
        <div class="card-block">
            <h4 class="card-title">{{ .Group.Name }}</h4>
            <p class="card-text font-italic">{{ .Group.Description }}</p>
        </div>
    </div>
</div>

<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
    <li class="nav-item">
        <a class="nav-link" data-toggle="tab" id="tabButtonActivity" href="" role="tab">Activity</a>
    </li>
    <li class="nav-item">
        <a class="nav-link disabled" data-toggle="tab" id="tabButtonProjects" href="" role="tab">Projects</a>
    </li>
    <li class="nav-item">
        <a class="nav-link disabled" data-toggle="tab" id="tabButtonMembers" href="" role="tab">Members</a>
    </li>
    {{ if .LoggedIn }}
    <li class="nav-item ml-auto">
        <a class="nav-link disabled" data-toggle="tab" id="tabButtonSettings" href="" role="tab">Settings</a>
    </li>
    {{ end }}
</ul>

<!-- Tab panes -->
<div class="tab-content">
    <div class="tab-pane active" id="tabarea" role="tabpanel">
        {{template "tab-content" . }}
    </div>
</div>

<script src="/static/js/content-group.js"></script>


{{end}}


