{{template "layout.gohtml" .}}
{{define "content"}}
<div class="flex content three">
    <div class="full off-third-800 third-800">
        <h1>Saved</h1>
        Secret url:
        <div class="stack">
            <input class="stack" type="text" id="link" value="https://sendsafe.xyz/s/{{.id}}" />
            <button class="stack" id="copy"><i class="icon-docs"></i>&nbsp;Copy link</button>
        </div>
        <p>Send this link to recepient. This link can be viewed only once!</p>
        <a href="/" class="button"><i class="icon-left-big"></i>&nbsp;Back</a>
    </div>
</div>
<script type="application/javascript">
htmx.onLoad(function(content) {
    document.getElementById("copy").onclick = function () {
        var copyText = document.getElementById("link");
        copyText.select();
        copyText.setSelectionRange(0, 99999);
        document.execCommand("copy");
    }
})
</script>
{{ end }}