{{define "content"}}
{{template "page-header" dict "Title" "Settings"}}
<section>
<h2>Meeting defaults</h2>
<p>Applies to new meetings created by anyone on this team. Existing meetings keep their own settings.</p>
{{if .Saved}}{{template "callout" dict "Body" "Meeting defaults saved." "Tone" "positive"}}{{end}}
<form rst-form method="post" action="/settings/defaults">
{{template "meeting-options" .Defaults}}
<div rst-form-actions><button type="submit" rst-btn="primary lg">Save defaults</button></div>
</form>
</section>
<section>
<h2>Agents</h2>
{{if .Agents}}
<div rst-list class="calls-agents">
{{range .Agents}}
<div rst-row>
  <span rst-row-main><span class="calls-row-title">{{.Name}}</span><small rst-row-sub>{{if not .Revoked}}{{.Principal}} · {{end}}Created {{.Created}}</small></span>
  {{if .Revoked}}{{template "status-pill" dict "Label" "Revoked"}}{{else}}<a rst-row-action href="/settings/agents/{{.ID}}/revoke" aria-label="Revoke {{.Name}}">Revoke</a>{{end}}
</div>
{{end}}
</div>
{{else}}
{{template "empty-state" dict "Body" "No agents yet. An agent is a token a program uses to make and end meetings for you."}}
{{end}}
</section>
<section>
<h2>Create an agent</h2>
<form rst-form method="post" action="/settings/agents">
  {{template "field" dict "ID" "name" "Name" "name" "Label" "Name" "Required" true "Maxlength" "64" "Error" .NameError "Value" .Name}}
  <div rst-form-actions><button type="submit" rst-btn="primary lg">Create an agent</button></div>
</form>
</section>
{{end}}