{{define "content"}}
                <div class="row d-sm-flex d-none mt-2 mb-4">
                    <div class="col-sm-2 d-none d-sm-block">
                        <div class="d-flex project-small-thumbnail">
                            <img src="/static/img/placeholder.png" alt="project logo">
                            <div class="project-thumbnail-background"></div>
                            <div class="project-thumbnail-content"></div>
                            <div id="project-thumbnail-letter">P</div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-10">
                        <div class="card-block">
                            <div class="d-none d-sm-block float-right badge badge-secondary"><span>created </span><time class="timeago" datetime="">{{ .Project.CreationDate }}</time></div>
                            <h4 class="card-title">{{ .Project.Owner }}{{ .Project.Name }}</h4>
                            <p class="card-text font-italic">{{ .Project.Description }}</p>
                        </div>
                    </div>
                </div>

                <!-- Nav tabs -->
                <nav class="mobile-full-width" role="navigation">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="This feature will be available in a future version">
                            <a class="nav-link disabled" id="tabButtonDashboard" data-toggle="tab" href="" role="tab">Dashboard</a>
                        </li>
                        <li class="nav-item hide-5" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="This feature will be available in a future version">
                            <a class="nav-link disabled" id="tabButtonActivity" data-toggle="tab" href="" role="tab">Activity</a>
                        </li>
                        <li class="nav-item hide-4">
                            <a class="nav-link" id="tabButtonTestCases" data-toggle="tab" href="" role="tab">Test Cases</a>
                        </li>
                        <li class="nav-item hide-3">
                            <a class="nav-link" id="tabButtonTestSequences" data-toggle="tab" href="" role="tab">Test Sequences</a>
                        </li>
                        <li class="nav-item hide-2">
                            <a class="nav-link" id="tabButtonProtocols" data-toggle="tab" href="" role="tab">Protocols</a>
                        </li>
                        <li class="nav-item hide-1" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="This feature will be available in a future version">
                            <a class="nav-link disabled" id="tabButtonMembers" data-toggle="tab" href="" role="tab">Members</a>
                        </li>
                        {{ if .LoggedIn }}
                        <li class="nav-item hide-1" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="This feature will be available in a future version">
                            <a class="nav-link disabled" id="tabButtonSettings" data-toggle="tab" href="" role="tab">Settings</a>
                        </li>
                        {{ end }}
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" data-toggle="dropdown" id="more" href="" role="button">More</a>
                            <div class="dropdown-menu tab-collapse-menu">
                                <span class="dropdown-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="This feature will be available in a future version">
                                    <a class="show-5 disabled not-clickable" data-toggle="tab" id="menuButtonActivity">Activity</a>
                                </span>
                                <a class="dropdown-item show-4" data-toggle="tab" id="menuButtonTestCases">Test Cases</a>
                                <a class="dropdown-item show-3" data-toggle="tab" id="menuButtonTestSequences">Test Sequences</a>
                                <a class="dropdown-item show-2" data-toggle="tab" id="menuButtonProtocols">Protocols</a>
                                <span class="dropdown-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="This feature will be available in a future version">
                                    <a class="show-1 disabled not-clickable" data-toggle="tab" id="menuButtonMembers">Members</a>
                                </span>
                                {{ if .LoggedIn }}
                                <span class="dropdown-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="This feature will be available in a future version">
                                    <a class="show-1 disabled not-clickable" data-toggle="tab" id="menuButtonSettings">Settings</a>
                                </span>
                                {{ end }}
                            </div>
                        </li>
                        <li class="nav-item ml-auto">
                            <a class="nav-link disabled" id="tabButtonHelp" data-toggle="modal"
                               data-target="#helpModal" href="" role="tab">
                                <i class="fa fa-question-circle" aria-hidden="true"></i>
                            </a>

                        </li>
                    </ul>
                </nav>
                <!-- Tab panes -->
                <div class="tab-content mobile-full-width">
                    <div class="tab-pane active" id="tabarea" role="tabpanel">
                        {{template "tab-content" . }}
                    </div>
                </div>

                <script src="/static/js/project-tabs.js"></script>
{{end}}


