{{ define "sidebar-right" }}
<div class="sidebar-right">
    <div class="tab-bar">
        <div class="tab tab-active" data-target="#tab-calendar">
            <span>Calendar</span>
        </div>
        <div class="tab" data-target="#tab-graph">
            <span>Graph</span>
        </div>
        <div class="tab" data-target="#tab-linked-refs">
            <span>Backlinks</span>
        </div>
    </div>
    <div class="tabs">
        <div class="tab-page" id="tab-calendar">
            {{block "calendar" .}}
            {{end}}
        </div>

        <div class="tab-page" id="tab-graph">
            <div class="graph-view">
                {{ if .ShowGraph }}
                    <div class="graph-network" data-name="{{ .Name }}" style="height:80vh; top:0; position: sticky"></div>
                {{ end }}
            </div>
        </div>

        <div class="tab-page" id="tab-linked-refs">
            {{ if .Backrefs }}
                <div class="backrefs content">
                    <h3>Linked references</h3>
                    <ul>
                        {{ range $name, $refs := .Backrefs }}
                            <li><a href="/edit/{{ $name }}">{{ (index $refs 0).Title }}</a>
                                <ul>
                                    {{ range $ref := $refs }}
                                        <li>{{ $ref.LineEditHTML }}</li>
                                    {{ end }}
                                </ul>
                            </li>
                        {{ end }}
                    </ul>
                </div>
            {{ end }}
        </div>
    </div>
</div>
{{ end }}