{#template CARTFORM}
	
	<div class="modal-header">
        <button class="close" data-dismiss="modal" type="button">&times;</button>
        <h3>{$T.labels.cartDialogHeader}</h3>
    </div>
<div class="modal-body">
	
	{#if $T.incompleteProfile}
    <div class="cart error">{$T.labels.incompleteProfile}</div>
    <span><a href="profile.aspx" id="completeProfile">fill profile</a></span><br/><br/>
    {#/if}

    {#if $T.cartItems.length>0}
		<table class="table table-bordered table-striped shoppingcart">
            {#foreach $T.cartItems as item} 
				<tr class="cartItem" rel="{$T.item.id}">
                    <td>
                        <a class="title" target="_blank" href="{$T.getUrl($T.item.id)}">{$T.item.title}</a>
                    </td>
                    <td valign="middle" style="width: 80px;">
                        <input style="margin: 0px; width: 50px;" class="amount" size="2" readonly="readonly" type="text" name="amount_{$T.item.id}" value="{$T.item.amount}" />
                    </td>
                    <td style="width: 75px;">
                        <div class="price origin">
                            $<span class="price_value">{$T.formatSum($T.item.price_sale*$T.item.amount)}</span>
                            {#if $T.item.price_unit_abbr}{$T.item.price_unit_abbr}{#/if}
                        </div>
                        <div class="discount amount">
                        </div>
                        <div class="price discount">
                        </div>
                    </td>
                    <td><a href="javascript:void(0)" class="remove">{$T.labels.removeLinkText}</a>
                    </td>
                </tr>
            {#/for}
			<tr>
                <td colspan="2">
                    <div id="save-spend-message" style="color:blue;"></div>
                    <div><span>Promocode?</span><input style="width: 200px; margin: 0 0 0 5px; padding: 0;" class="promocode" name="promocode" type="text" value="" /><a style="margin-left: 5px;" title="Apply" id="applyPromo" class="btn btn-success btn-mini"><i class="icon-ok icon-white"></i></a></div>
                </td>
                <td>
                    <div id="save-spend-discount" style="color:green;"></div>
                    <div class="price sum">
                        $<span id="totalValue">{$T.formatSum($T.calcTotalSum($T.cartItems))}</span>
                        {$T.totalSumAbbr($T.cartItems)}
                    </div>
                </td>
                <td></td>
            </tr>
        </table>
		
    {#if $T.recommendedItems.length>0}
        <div class="recommendedBooks">
            <h3>Recommended Books</h3><br/>
            <ul class="booksThumbnails" style="margin-left:0">
                {#foreach $T.recommendedItems as item}
                    <li rel-id="{$T.item.id}" rel-form="{$T.item.form}">{#if $T.item.primary_image_url!=""}
        <div class="thumbnail">
            <a class="bookCover" href='{$T.getUrl($T.item.id)}'>
				
                <img class="primaryimage" style="max-height: 70px;" src="{$T.item.primary_image_url}" />
            </a>
			<div class="caption">
				<a class="title" href="{$T.getUrl($T.item.id)}">{$T.item.title}
				</a>
				<div class="author">by <strong>{$T.item.author_name}</strong></div>
				<div class="price">$12</div><a title="Add book to cart" class="add">Add</a>
			</div>
        </div>
    {#/if}
    
                    </li>
                {#/for}
            </ul>
        </div>
    {#/if}

        <div class="cart warning invisible"></div>
        <div class="cart error invisible"></div>
    {#/if}

		{#if $T.cartItems.length==0}
		<div class="error">{$T.labels.cartIsEmptyMsg}</div>
    {#/if}
	
		{#if !$T.checkMinSum($T.cartItems)}
		<div class="error">{$T.formatCheckMinSumErrMsg()}</div>
    {#/if}	
</div>
<div class="modal-footer">
    <a href="javascript:void(0)" class="btn" data-dismiss="modal">{$T.labels.continueShoppingButtonText}</a>

    {#if $T.cartItems.length>0}
		<a href="javascript:void(0)" class="btn btn-primary order">{$T.labels.checkoutButtonText}</a>
    {#/if}
</div>

{#/template CARTFORM}

{#template ORDERLIST}
<div class="popupForm modal formcontainer">

    <div class="modal-header">
        <button class="close" data-dismiss="modal" type="button">&times;</button>
        <h3>{$T.labels.orderListDialogHeader}</h3>
    </div>
    <div class="modal-body">

        <table class="table table-bordered table-striped orderlist">
            <tr>
                <th>{$T.labels.dateText}</th>
                <th>{$T.labels.statusText}</th>
                <th>{$T.labels.sumText}</th>
            </tr>
            {#foreach $T.orders as item} 
				<tr rel="{$T.item.id}">
                    <td>{#if $T.item.submit_date}{$T.item.submit_date.format("d")} {$T.item.submit_date.format("t")}{#/if}</td>
                    <!-- td>{$T.item.price_sum}</td-->
                    <td>{$T.item.state_text}</td>
                    <td>${$T.formatSum($T.item.total_sum)} {#if $T.item.total_sum_unit_abbr}{$T.item.total_sum_unit_abbr}{#/if}</td>
                </tr>
            {#/for}
        </table>
        {#if $T.orders.length==0}
		<div class="error">{$T.labels.orderListIsEmptyMsg}</div>
        {#/if}	
    </div>
    <div class="modal-footer">
        <a href="javascript:void(0)" class="btn" data-dismiss="modal">{$T.labels.closeButtonText}</a>
    </div>
</div>
{#/template ORDERLIST}