{% extends 'CPPGroupPortalBundle:Default:base.html.twig' %}
{% block title %}Finish your configuration...{% endblock %}
 
{% block pagecontent %}
<style type="text/css">
    .continue_button {
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #58bce3), color-stop(1, #4052db) );
        background:-moz-linear-gradient( center top, #58bce3 5%, #4052db 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#58bce3', endColorstr='#4052db');
        background-color:#58bce3;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        border:1px solid #dcdcdc;
        display:inline-block;
        color:#fff;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        height: 30px;
    }
    .continue_button:hover {
        cursor: pointer;
    }
    .continue_button:active {
        position:relative;
        top:1px;
    }
	
	textarea:focus, input:focus {
border: 1px solid #09C;
}
	input    {
/*width:375px; */
/*display:block; */
border: 1px solid #999;
/* height: 25px; */
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

</style>

<table border="0">
<tr><td align="center" width="509" height="108" background="{{ asset('images/portal/objects/item-box.gif') }}"><h2 class="box-contents">{{ data.ProductName }}</h2></td></tr>
<tr><td align="center" width="509" height="108" background="{{ asset('images/portal/objects/item-box.gif') }}"><h2 class="box-contents">{{ data.CategoryName }}</h2>
</td></tr>
<tr><td align="center" width="509" height="108" background="{{ asset('images/portal/objects/item-box.gif') }}" style="background-repeat:no-repeat;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr><td width="50%" align="center"><span class="box-contents">Name: {{ data.UserTemplate.template_name }}</span><br />
<a href="{{ data.UserTemplate.pdf_preview_url }}" class="box-contents" target="_blank">Download Proof</a><br />
<a href="{{ data.UserTemplate.design_url }}&return_page=/portal/group/product/configure/&ex_response_param={{ data.extra_response_vars }}" class="box-contents">Edit Again</a><br />
</td>
<td width="50%" align="center">
<img src="{{ data.thumb }}" /></td>
</tr>
</table>
</td></tr>
<tr><td align="center" valign="top" width="509" height="108">
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="content-text">
<tr><td width="100%" class="content-text" align="center" valign="top" height="108" bgcolor="#FFFFFF"><h2 class="box-contents">Quantity</h2>
{{ form(form) }}</td></tr>

</table>

</td></tr>

</table>

<script>
  

    function updateSelections(event)
    {
        
    }
    function commaFormatted(amount)
    {
	var delimiter = ",";
	amount = new String(amount);
	var a = amount.split('.',2)
	var d = a[1];
	var i = parseInt(a[0]);
	if(isNaN(i)) { return ''; }
	var minus = '';
	if(i < 0) { minus = '-'; }
	i = Math.abs(i);
	var n = new String(i);
	var a = [];
	while(n.length > 3) {
            var nn = n.substr(n.length-3);
            a.unshift(nn);
            n = n.substr(0,n.length-3);
	}
	if(n.length > 0) { a.unshift(n); }
	n = a.join(delimiter);
	if(d.length < 1) { amount = n; }
	else { amount = n + '.' + d; }
	amount = minus + amount;
	return amount;
    }
     function getEmailproofto()
    {
        return $('#form_emailproofto').val().replace(/,/g,'');
    }
	

   
    function sendproof()
    {
      
        var display = $('.printing-price');
        display.html(" sending proof...");
        $.post('/portal/group/proof/emailer?proofurl={{ data.UserTemplate.pdf_preview_url }}&pc=1&emailto='+getEmailproofto(), function(data) {
            display.hide().html(data.emailmsg).fadeIn('fast');
         
        });
    }
    $(document).ready(function(){
        
     
        $("#form").append("<div><label><strong>Proof url</strong></label>:<br><span id=\"form-price\" class=\"printing-price\">{{ data.UserTemplate.pdf_preview_url }}</span><br><input type=\"button\" id=\"update_total\" value=\"Email Proof\" class=\"continue_button\" onclick=\"sendproof()\" /></div>");
      
       
       
    });
   
   

 
</script>
{% endblock %}