{% extends "common.html" %}

{% block menuoptions %}
            <li class="pure-menu-item pure-menu-selected"><a href="javascript:editFlower()" class="pure-menu-link">Edit</a></li>
{% endblock menuoptions %}


{% block content %}
<div class="splash-container">
    <div class="splash">
        <table class="pure-table" style="width: 100%">
		<tr><td class="white right">Org</td><td class="white left">{{ flower.organization }}</td> </tr>
		<tr><td class="white right">You</td><td class="white left">{{ flower.myName }}</td> </tr>
		<tr><td class="white right">Login</td><td class="white left">{{ flower.myID }}</td> </tr>
		<tr><td class="white right">Hash</td><td id="secrettd" class="white left"><div id="secret" value="{{ flower.mySecret }}" onclick="myCopyFunction()">{{ flower.mySecret }}</div></td></tr>
            <tr><td class="white">{{ flower.dateCreated[:10] }}</td><td></td> </tr>
        </table>

    </div>
</div>

<script language="javascript">

setTimeout(function(){
  DoSubmit('list', '{{flower.organization}}', '{{flower.dateCreated}}', 'DoNotSetFilterinCookie')
}, 5000);

function editFlower() {
  DoSubmit('edit', '{{flower.organization}}', '{{flower.dateCreated}}', 'DoNotSetFilterinCookie')
}

function myCopyFunction() {
  var copyText = document.getElementById("secret");

  // Copy the text inside the text field
  navigator.clipboard.writeText(copyText.getAttribute("value"));

  // alert("Copied the text: "+copyText.getAttribute("value"));

  $("#secrettd").removeClass("white");
  $("#secrettd").addClass("blue");
}

</script>


{% endblock %}