{% extends "basepledge.html" %}
{% load humanize %}

{% block title %}Pledge Completed{% endblock %}

{% block extra_extra_head %}
<link type="text/css" rel="stylesheet" href="/static/css/campaign.css"  />
<link type="text/css" rel="stylesheet" href="/static/css/searchandbrowse.css"  />
<link type="text/css" rel="stylesheet" href="/static/css/book_panel.css"  />

<script src="/static/js/slides.min.jquery.js"></script>
<script src="/static/js/slideshow.js"></script>
<script src="/static/js/greenpanel.js"></script>

<!-- toggle to panelview state instead of listview default -->
<script type="text/javascript">
	jQuery(document).ready(function($) { 
        $('.listview').addClass("panelview").removeClass("listview");
    });    
</script>    

<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
<script type="text/javascript" src="/static/js/embed.js"></script>
{% endblock %}

{% block doccontent %}
<div class="clearfix">

    <h2 class="thank-you">Thank you!</h2>
    
	<p class="pledge_complete">You've just pledged ${{ transaction.amount|intcomma }} to <a href="{% url work work.id %}">{{ work.title }}</a>.  If it reaches its goal of ${{ campaign.target|intcomma }} by {{ campaign.deadline|date:"M d Y"}}, it will be unglued for all to enjoy.</p>
	<p class="pledge_complete">You can help even more by sharing this campaign with your friends:</p>
	
	<div id="widgetcode">Copy/paste this into your site:<br /><textarea rows="7" cols="22">&lt;iframe src="https://{{request.META.HTTP_HOST}}/api/widget/{{work.first_isbn_13}}/" width="152" height="325" frameborder="0"&gt;&lt;/iframe&gt;</textarea></div>
	<ul class="social menu pledge">
		{% with site.domain as domain %}
		<a href="https://www.facebook.com/sharer.php?u=https://{{ site.domain }}{% url work work.id|urlencode:"" %}"><li class="facebook first"><span>Facebook</span></li></a>
		<a href="https://twitter.com/intent/tweet?url=https://{{ site.domain }}{% url work work.id|urlencode:"" %}&amp;text=I%20just%20pledged%20to%20unglue%20{{ work.title|urlencode }}%20at%20%40unglueit.%20Will%20you%20join%20me%3F"><li class="twitter"><span>Twitter</span></li></a>
		{% endwith %}
		<a href="{% url emailshare 'pledge' %}?next={% url work work.id|urlencode:"" %}"><li class="email"><span>Email</span></li></a>
		<a href="#" id="embed"><li class="embed"><span>Embed</span></li></a>
	</ul>
</div>

<br />
<div id="js-slide">
	<div class="js-main">
		<div class="jsmodule">
		{% include "slideshow.html" %}
		</div>
	</div>
</div>

<div id="js-maincontainer-bot-block">
	<div id="js-search">
		<label>What book would you give to the world? </label>
			<form action="{% url search %}" method="get">
				<input type="text" id="watermark" onfocus="imgfocus()" onblur="imgblur(0)" size="25" class="inputbox" name="q" value="{{ q }}">
				<input type="submit" class="greenbutton" value="Search">
			</form>
	</div>
</div>

{% endblock %}