{% load humanize %}
{% load purchased %}
{% with work.first_ebook as first_ebook %}
{% with work.last_campaign.supporters as supporters %}
{% with work.cover_image_thumbnail as thumbnail %}
{% with work.author as author %}
{% with work.title as title %}
{% with work.last_campaign as last_campaign %}
{% with work.last_campaign.status as status %}
{% with work.last_campaign.deadline as deadline %}
{% with work.id as workid %}
{% with request.user.wishlist.works.all as wishlist %}
{% purchased %}
<div class="thewholebook listview tabs {% if first_ebook or status == 'SUCCESSFUL' %}tabs-1{% else %}{% if status == 'ACTIVE' %}tabs-2{% else %}tabs-3{% endif %}{% endif %}">
<div class="listview book-list">
    <div class="listview panelback side2">
    	{% comment %} hover state of panel {% endcomment %}
		<div class="greenpanel2">
        {% if last_campaign %}
            {% comment %}top section: campaign info + optional action button. Varies by campaign status.{% endcomment %}
            {% if status == 'SUCCESSFUL' %} 
                <div class="greenpanel_top">
                    {% comment %}bibliographic data{% endcomment %}
                    <div class="white_text"> 
                        <p><a href="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}">{{ title }}</a></p>
                        <p>{{ author }}</p>
                    </div>
                    {% comment %}link to work page{% endcomment %}
                    <div class="moreinfo">
                            <a href="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}" target="_top">More Info</a> 
                    </div>
                    <div class="unglued_white">
                        <b>UNGLUED!</b>
                        <p><b>On:</b> {{ deadline|date:"M d, Y" }}</p>
                        <p><b>Raised:</b> {{ work.last_campaign.current_total|floatformat:0|intcomma }}</p>
                    </div>                    
                </div>
                <div class="add_button">
                    {% include "book_panel_addbutton.html" %}	
                </div>		
                <div class="white_text bottom_button" >
               {% if first_ebook %}
                    <a href="{% url download workid %}" class="hijax"><span class="read_itbutton button_text"><span>Read it Now</span></span></a>
                {% else %}
                    <a href="{% url work workid %}"><span class="read_itbutton button_text"><span>Coming Soon</span></span></a>
                {% endif %}
                </div>
            {% else %}{% if status == 'ACTIVE' %}
                <div class="greenpanel_top">
                    {% comment %}bibliographic data{% endcomment %}
                    <div class="white_text"> 
                        <p><a href="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}">{{ title }}</a></p>
                        <p>{{ author }}</p>
                    </div>
                    {% comment %}link to work page{% endcomment %}
                    <div class="moreinfo">
                            <a href="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}" target="_top">More Info</a> 
                    </div>

                    <div class="unglued_white">
                        <b>UNGLUE IT!</b>
                        {% ifequal work.last_campaign.type 1 %}
                            <p><b>${{ work.last_campaign.current_total|floatformat:0|intcomma }}</b> raised</p>
                            <p><b>${{ work.last_campaign.target|floatformat:0|intcomma }}</b> needed</p>
                            <p>by {{ deadline|naturalday:"M d, Y" }}</p>
                        {% else %}
                            <p><b>${{ work.last_campaign.left|floatformat:0|intcomma }}</b> needed</p>
                            <p>now ungluing on </p>
                            <p>{{ work.last_campaign.cc_date|naturalday:"M d, Y" }}</p>
                        {% endifequal %}
                    </div>                    
                </div>
                {% if request.user.id in supporters %}
                    <div class="white_text bottom_button">
                        {% include "book_panel_addbutton.html" %}	
                    </div>		
                {% else %}
                    <div class="add_button">
                        {% include "book_panel_addbutton.html" %}	
                    </div>		
                    <div class="white_text bottom_button" >
                        {% ifequal work.last_campaign.type 1 %}
                        <a href="{% url pledge work_id=workid %}"><span class="read_itbutton pledge button_text"><span>Pledge</span></span></a>
                        {% else %}
                            {% if purchased %}
                                <a href="{% url download workid %}"><span class="read_itbutton pledge button_text"><span>Download</span></span></a>
                            {% else %}
                                <a href="{% url purchase work_id=workid %}"><span class="read_itbutton pledge button_text"><span>Purchase</span></span></a>
                            {% endif %}
                        {% endifequal %}
                    </div>
               {% endif %}

            {% else %}
                <div class="greenpanel_top">
                    {% comment %}bibliographic data{% endcomment %}
                    <div class="white_text"> 
                        <p><a href="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}">{{ title }}</a></p>
                        <p>{{ author }}</p>
                    </div>
                    {% comment %}link to work page{% endcomment %}
                    <div class="moreinfo">
                            <a href="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}" target="_top">More Info</a> 
                    </div>
                    <div class="unglued_white">
                        {% if status == 'INITIALIZED' %}
                            <p>Campaign coming soon!</p>
                        {% else %}{% if status == 'SUSPENDED' %}
                            <p>This campaign has been suspended.</p><br /><p>See the <a href="{{faqurl}}">FAQ</a> for details.</p>
                        {% else %}{% if status == 'WITHDRAWN' %}
                            <p>This campaign has been withdrawn.</p><br /><p>See the <a href="{{faqurl}}">FAQ</a> for details.</p>
                        {% else %}{% if status == 'UNSUCCESSFUL' %}
                            <p>{{ deadline }}</p>
                            <p>Watch for a new campaign.</p>
                        {% endif %}{% endif %}{% endif %}{% endif %}
                    </div>                    
                </div>
                <div class="white_text bottom_button">
                    {% include "book_panel_addbutton.html" %}	
                </div>		
            {% endif %}{% endif %}
		{% else %}
			<div class="greenpanel_top">
                {% comment %}bibliographic data{% endcomment %}
                <div class="white_text"> 
                    <p><a href="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}">{{ title }}</a></p>
                    <p>{{ author }}</p>
                </div>
                {% comment %}link to work page{% endcomment %}
                <div class="moreinfo">
                        <a href="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}" target="_top">More Info</a> 
                </div>
				<div class="unglued_white">
                {% if first_ebook %}
					<b>AVAILABLE!</b>
					<div class="add_button">
                    {% include "book_panel_addbutton.html" %}	
                    </div>		
                {% else %}
                   <p>No campaign yet.</p><br /><p>But if lots of ungluers wishlist this book, maybe there will be!</p>
                {% endif %}                        
                </div>

			</div>
            <div class="white_text bottom_button">
                {% if first_ebook %}
                    <a href="{% url download workid %}" class="hijax"><span class="read_itbutton button_text"><span>Read it Now</span></span></a>
                {% else %}
                    {% include "book_panel_addbutton.html" %}
                {% endif %}                        
            </div>                    

		{% endif %}
				

		</div>
    </div>
    <div class="listview panelfront side1 book-thumb">
         <a href="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}" target="_top"><img src="{% if thumbnail %}{{ thumbnail }}{% else %}/static/images/generic_cover_larger.png{% endif %}" alt="Book cover" title="book cover" /></a>
    </div>
    <div class="listview panelfront side1 book-name">
        <div class="title">
            <a href="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}">{{ title }}</a>
        </div>
        <div class="listview author {{ author }}">{{ author }}</div>
    </div>
    
    {% comment %}same logic as above{% endcomment %}
    {% if request.user.is_anonymous %}
        <div class="listview panelfront side1 create-account">
            <span title="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}">Login to Add</span>
        </div>
    {% else %}{% if request.user.id in supporters %}
        <div class="listview panelfront side1 on-wishlist">
            <span>Pledged!</span>
        </div>
    {% else %}{% ifequal supporter request.user %}
        {% comment %} used only on your own supporter page. {% endcomment %}
        {% ifequal status "ACTIVE" %}
            <div class="listview panelfront side1 pledge">
                {% ifequal work.last_campaign.type 1 %}
                <span class="booklist_pledge"><a href="{% url pledge work_id=workid %}" class="fakeinput">Pledge</a></span>
                {% else %}
                    {% if purchased %}
                        <span class="booklist_pledge"><a href="{% url download workid %}" class="fakeinput">Download</a></span>
                    {% else %}
                        <span class="booklist_pledge"><a href="{% url purchase work_id=workid %}" class="fakeinput">Purchase</a></span>
                    {% endif %}
                
                {% endifequal %}
            </div>
        {% else %}
            <div class="listview panelfront side1 remove-wishlist">
                <span id="l{{ workid }}">Un-list</span>
            </div>
        {% endifequal %}
    {% else %}{% ifequal status "ACTIVE" %}
        <div class="listview panelfront side1 add-wishlist">
            {% ifequal work.last_campaign.type 1 %}
            <span class="booklist_pledge"><a href="{% url pledge work_id=workid %}" class="fakeinput">Pledge</a></span>
            {% else %}
                    {% if purchased %}
                        <span class="booklist_pledge"><a href="{% url download workid %}" class="fakeinput">Download</a></span>
                    {% else %}
                        <span class="booklist_pledge"><a href="{% url purchase work_id=workid %}" class="fakeinput">Purchase</a></span>
                    {% endif %}
            {% endifequal %}
        </div>
    {% else %}{% if work in wishlist %}
        <div class="listview panelfront side1 on-wishlist">
            <span>On My List!</span>
        </div>
    {% else %}
        <div class="listview panelfront side1 add-wishlist">
            {% if on_search_page %}
            <span class="gb_id" id="l{{ googlebooks_id }}">Add to My List</span>
            {% else %}
            <span class="work_id" id="l{{ workid }}">Add to My List</span>
            {% endif %}
        </div>
    {% endif %}{% endifequal %}{% endifequal %}{% endif %}{% endif %}
    
    <div class="listview panelfront side1 booklist-status">
		{% ifequal status "ACTIVE" %}
		    {% ifequal work.last_campaign.type 1 %}
		    <span class="booklist-status-text"><b>${{ work.last_campaign.current_total|floatformat:0|intcomma }}</b>/<b>${{ work.last_campaign.target|floatformat:0|intcomma }}</b></span>
		    {% else %}
		    <span class="booklist-status-text"><b>${{ work.last_campaign.left|floatformat:0|intcomma }}</b> to go</span>
		    {% endifequal %}
		{% else %}{% ifequal status "INITIALIZED" %}
		<span class="booklist-status-label">Status:&nbsp;</span><span class="booklist-status-text">Coming soon!</span>
		{% else %}{% ifequal status "SUCCESSFUL" %}
		    {% if not first_ebook %}
		        <span class="booklist-status-text">Ebook coming soon</span>
		    {% else %}
		        <span class="booklist-status-label"></span>
		    {% endif %}
		{% endifequal %}{% endifequal %}{% endifequal %}
    </div>
    <div class="listview panelfront side1 icons">
    
    	{% comment %}
    		For status icons, we should display...
    			If there is an ebook: options to get it
    			If no ebook but there is an active or successful campaign: progress toward goal
    			Otherwise: number of wishes
    	{% endcomment %}
        {% if first_ebook %}
				<a href="{% url download workid %}" class="hijax"><div class="read_itbutton"><span>Read it Now</span></div></a>
        {% else %}{% if status == 'ACTIVE' or status == 'SUCCESSFUL' %}
			<div class="booklist-status-img">
				<img src="/static/images/images/icon-book-37by25-{{ work.percent_unglued }}.png" title="book list status" alt="book list status" />
			</div>
        	<div class="booklist-status-label panel">{{ work.percent_of_goal }}%</div>
        {% else %}
            {% if work.num_wishes %}
	        	<a href="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}?tab=3" class="nobold"><span class="rounded"><span class="grey"><span class="panelnope">Listed by&nbsp;</span>{{ work.num_wishes }}</span></span></a>
	        {% else %}
	        	<a href="{% if workid %}{% url work workid %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}?tab=3" class="nobold"><span class="rounded"><span class="grey"><span class="panelnope">Listed by&nbsp;</span>0</span></span></a>
	        {% endif %}
        {% endif %}{% endif %}
        
    </div>
    <div class="listview panelfront side1 ebooks">
    </div>
</div>
</div>
{% endwith %}
{% endwith %}
{% endwith %}
{% endwith %}
{% endwith %}
{% endwith %}
{% endwith %}
{% endwith %}
{% endwith %}
{% endwith %}