{% 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"  />
<link type="text/css" rel="stylesheet" href="/static/css/pledge.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 {% if modified %}modified your pledge for{% else %}pledged{% endif %} ${{ transaction.amount|intcomma }} to <I><a href="{% url work work.id %}">{{ work.title }}</a></I>.  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>
	<div class="modify_notification clearfix">
		<div>
		Your pledge: ${{transaction.amount|intcomma}}.<br />
		Your premium: {% if transaction.premium %}{{ transaction.premium.description }}{% else %}You did not request a premium for this campaign.{% endif %}<br />
		</div>
	</div>

	<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>

{% ifequal work.id 81834 %}
<!-- Google Code for Thank you Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 1072527387;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "hiQVCPC14AIQm_C1_wM";
if ({{ transaction.amount }})
var google_conversion_value = {{ transaction.amount }};
}
/* ]]> */
</script>
<script type="text/javascript" src="https://www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="https://www.googleadservices.com/pagead/conversion/1072527387/?value={{ transaction.amount }}&amp;label=hiQVCPC14AIQm_C1_wM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>
{% endifequal %}

{% endblock %}