{{template "header" .}}

{{if .IsPOST}}
    <div class="form-signin">
      <h1 class="form-signin-heading>">Sign Out</h1>

      <noscript>
        <p>
          It seems that Javascript is disabled.
        </p>

        <p>
          We can try to log you out using third-party cookies, but if
          you have a privacy extension that disables that, you will
          need to <b>QUIT YOUR BROWSER COMPLETELY</b> to sign yourself
          out of the current session!
        </p>
      </noscript>
      
      <p>
        Signing you out from all services...
      </p>

      <ul>
        {{range $i, $svc := .Services}}
        <li>
          <noscript>
            <img src="{{$svc.URL}}">
          </noscript>
          <div class="logout-status" id="status_{{$i}}">...</div> {{$svc.Name}}
        </li>
        {{end}}
      </ul>

      <div id="services" data-services="{{.ServicesJSON}}"></div>

    </div>
{{else}}
    <form class="form-signin" action="/logout" method="post">
      {{.CSRFField}}

      <h1 class="form-signin-heading">Sign Out</h1>

      <p>
        You are about to sign out from the following services:
      </p>

      <ul>
        {{range .Services}}
        <li>{{.Name}}</li>
        {{end}}
      </ul>

      <button type="submit" class="btn btn-lg btn-primary btn-block">Logout</button>

    </form>
{{end}}

{{template "footer" .}}