// Copyright 2015 The Vanadium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.

package templates

import "html/template"

var ListBlessings = template.Must(listBlessings.Parse(headPartial))

var listBlessings = template.Must(template.New("auditor").Parse(`<!doctype html>
<html>
<head>
  {{template "head" .}}
  <title>Blessings for {{.Email}}</title>
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
  <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.min.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>

  <script>
  function setTimeText(elem) {
    var timestamp = elem.data("unixtime");
    var m = moment(timestamp*1000.0);
    var style = elem.data("style");
    if (style === "absolute") {
      elem.html("<a href='#'>" + m.format("dd, MMM Do YYYY, h:mm:ss a") + "</a>");
      elem.data("style", "fromNow");
    } else {
      elem.html("<a href='#'>" + m.fromNow() + "</a>");
      elem.data("style", "absolute");
    }
  }

  $(document).ready(function() {
    $(".unixtime").each(function() {
      // clicking the timestamp should toggle the display format.
      $(this).click(function() { setTimeText($(this)); });
      setTimeText($(this));
    });

    // Setup the revoke buttons click events.
    $(".revoke").click(function() {
      var revokeButton = $(this);
      $.ajax({
        url: "/auth/google/{{.RevokeRoute}}",
        type: "POST",
        data: JSON.stringify({
          "Token": revokeButton.val()
        })
      }).done(function(data) {
        if (data.success == "false") {
          failMessage(revokeButton);
          return;
        }
        revokeButton.replaceWith("<div>Just Revoked!</div>");
      }).fail(function(xhr, textStatus){
        failMessage(revokeButton);
        console.error('Bad request: %s', status, xhr)
      });
    });
  });

  function failMessage(revokeButton) {
    revokeButton.parent().parent().fadeIn(function(){
      $(this).addClass("bg-danger");
    });
    toastr.options.closeButton = true;
    toastr.error('Unable to revoke identity!', 'Error!')
  }
  </script>
</head>

<body class="default-layout">
  <header>
    <nav class="left">
      <a href="#" class="logo">Vanadium</a>
    </nav>

    <nav class="main">
      <a href="#">Blessing Log</a>
    </nav>

    <nav class="right">
      <a href="#">{{.Email}}</a>
    </nav>
  </header>

  <main style="margin-left: 0px; max-width: 100%;">
    <table class="blessing-table">
        <tr>
        <td>Blessed as</td>
        <td>Public Key</td>
        <td>Issued</td>
        <td class="td-wide">Caveats</td>
        <td>Revoked</td>
        </tr>
        {{range .Log}}
          {{if .Error}}
            <tr class="">
              <td colspan="5">Failed to read audit log: Error: {{.Error}}</td>
            </tr>
          {{else}}
            <tr>
            <td>{{.Blessed}}</td>
            <td>{{.Blessed.PublicKey}}</td>
            <td><div class="unixtime" data-unixtime={{.Timestamp.Unix}}>{{.Timestamp.String}}</div></td>
            <td class="td-wide">
            {{range $index, $cav := .Caveats}}
              {{if ne $index 0}}
                <hr>
              {{end}}
              {{$cav}}</br>
            {{end}}
            </td>
            <td>
              {{ if .Token }}
              <button class="revoke button-passive" value="{{.Token}}">Revoke</button>
              {{ else if not .RevocationTime.IsZero }}
                <div class="unixtime" data-unixtime={{.RevocationTime.Unix}}>{{.RevocationTime.String}}</div>
              {{ end }}
            </td>
            </tr>
          {{end}}
        {{else}}
        <tr>
        <td colspan=5>No blessings issued</td>
        </tr>
        {{end}}
    </table>
  </main>
</body>
</html>`))