/* 
 * template.js
 *
 * Some simple templating.. for formatting json data.
 */


var Templates = {
    getTemplate:function ( tpl ) {
        switch ( tpl ) {
            case 'person-order-history-row':
                return '<div class="order-history-row"> \
                            <div class="billingnr">%billingnr%</div> \
                            <div class="orderdate">%orderdate%</div> \
                            <div class="amount">&euro; %amount%</div> \
                            <div class="status">%status%</div> \
                        </div>';
            break;
            case 'personal-overview-order-history-row':
                return '<div class="order-history-row">\n \
                            <div class="billingnr">%billingnr%</div>\n \
                            <div class="orderdate">%orderdate%</div>\n \
                            <div class="amount">&euro; %amount%</div>\n \
                            <div class="status">%status%</div> \n \
                            <div class="options"><a href="' + settings.xhr_address + 'orderhistorie/%billingnr%">Details</a></div> \
                        </div>';
            break;
            case 'order-history-row':
                return '<div class="order-history-row">\n \
                            <div class="billingnr">%billingnr%</div>\n \
                            <div class="orderdate">%orderdate%</div>\n \
                            <div class="amount">&euro; %amount%</div>\n \
                            <div class="status">%status%</div> \n \
                            <div class="options"><a href="#" order_id="%order_id%">Details</a></div> \
                        </div>';
            break;
            case 'tracktrace':
                return '<div class="tracktrace">\n \
                            <a href="http://www.123lens.nl/?c=external&url=https://tracktrace.tntpostpakketservice.nl/Search/searchbasic.aspx?lang=NL&B=%tracktrace%&P=%zipcode%" target="_blank">\
                                <img src="' + settings.xhr_address + 'views/templates/default/images/logo/tnt_tracktrace.png" border="0px" alt="Traceer" title="Traceer" /> \
                            </a>\n';
            break;
            case 'order-details-address-box':
                return '<div class="address-box">\n\
                            <div class="title">%title%</div>\n \
                            <div class="name">%name%</div>\n \
                            <div class="address">%address%<br />%zipcode% %city%<br />%country%</div>\n \
                            %tracktrace% \
                        </div>';
            break;
            case 'order-details-placeholder':
                return '<h3>%billingnr%</h3>\n \
                            <div class="orderdetails">\n \
                            <div class="boxes">\n \
                                %invoice_box% \
                                %delivery_box% \
                            </div>\n \
                            <div class="orderlines">\n \
                                <table border="0px" cellpadding="0px" cellspacing="0px" width="100%" class="basketMainTable">\n \
                                    <thead>\n \
                                        <th width="30%">Product</th>\n \
                                        <th width="10%">Oog</th>\n \
                                        <th width="10%">Sterkte</th>\n \
                                        <th width="18%">Prijs</th>\n \
                                        <th width="10%">Aantal</th>\n \
                                    </thead>\n \
                                    <tbody>\n \
                                        %orderlines%\n \
                                    </tbody>\n \
                                </table>\n \
                            </div>\n \
                        </div>\n \
                        <div class="clear"><br /></div>\n \
                        <div class="buttons" align="right" id="buttonBar">\n \
                            <button type="button" id="downloadPdf">\n \
                                <img src="' + settings.xhr_address + 'views/templates/default/images/icons/page_white_acrobat.png" alt="Download factuur" />\n \
                                Download factuur \n \
                            </button> &nbsp; \n \
                            <button type="button" id="readdBasket">\n \
                                <img src="' + settings.xhr_address + 'views/templates/default/images/icons/basket_go.png" alt="Bestelling opnieuw in winkelmandje plaatsen" />\n \
                                Plaats in winkelwagen\n \
                            </button> &nbsp;\n<br /><br /> \
                            <button type="button" class="negative" id="closeOrderDetail" >\n \
                                <img src="' + settings.xhr_address + 'views/templates/default/images/icons/cross.png" alt="Sluit detail overzicht" />\n \
                                Sluiten\n \
                            </button> &nbsp;\n \
                        </div>\n \
                        <div class="clear"><br /></div>';
            break;
            case 'order-line-row':
                return '<tr>\n \
                            <td>%name%</td>\n \
                            <td>%oog%&nbsp;</td>\n \
                            <td>%sphere%&nbsp;</td>\n \
                            <td>&euro; %price1%&nbsp;</td>\n \
                            <td>%quantity%</td>\n \
                        </tr>\n \
                        <tr>\n \
                            <td colspan="6" class="setLiner">%options%&nbsp;</td>\n \
                        </tr>\n';
            break;
            case 'friends-container':
                return '<table border="0px" cellpadding="0px" cellspacing="0px" width="100%" class="basketMainTable">\n \
                            <thead>\n \
                                <th width="25%">Vriend</th>\n \
                                <th width="20%">Datum uitnodiging</th>\n \
                                <th width="20%">Datum ingeschreven</th>\n \
                            </thead>\n \
                            <tbody>\n \
                                %friends%\n \
                            </tbody>\n \
                        </table>';
            break;
            case 'friend-row':
                return '<tr>\n \
                            <td>%friend%</td>\n \
                            <td>%date_invite%</td>\n \
                            <td>%date_signup%</td>\n \
                        </tr>';
            break;
            case 'friends-discount-container':
                return '<table border="0px" cellpadding="0px" cellspacing="0px" width="100%" class="basketMainTable">\n \
                            <thead>\n \
                                <th width="5%">Korting</th>\n \
                                <th width="10%">Ontvangen</th>\n \
                                <th width="10%">Uitgegeven</th>\n \
                                <th width="5%">Order</th>\n \
                            </thead>\n \
                            <tbody>\n \
                                %discounts%\n \
                            </tbody>\n \
                        </table>';
            break;
            case 'friend-discount-row':
                return '<tr>\n \
                            <td>&euro; %discount%</td>\n \
                            <td>%given_date%</td>\n \
                            <td>%used_date%</td>\n \
                            <td><a href="' + settings.xhr_address + 'orderhistorie/%billingnr%">%billingnr%</a></td>\n \
                        </tr>\n \
                        <tr>\n \
                            <td colspan="4"><i>%description%</i></td>\n \
                        </tr>';
            break; 
            case 'payment-row':
                return '<li>\n \
                            <div class="radio">\n \
                                <input type="radio" name="payment_id" value="%payment_id%" id="payment_id_%payment_id%" payment_id="%payment_id%"  class="payment"/>\n \
                                <input type="hidden" name="costs_discount" value="%costs_discount%" id="costs_discount_%payment_id%" plusmin="%plusmin%" />\n \
                            </div>\n \
                            <div class="logo"><label for="payment_id_%payment_id%"><img src="%logo%" border="0px" /></label></div>\n \
                            <div class="payment"><label for="payment_id_%payment_id%">%title% %extra%</label></div>\n \
                        </li>\n \
                        <li>\n \
                            <div class="radio">&nbsp;</div>\n \
                            <div class="payment_separator">&nbsp;</div>\n \
                        </li>';
            break;
            
            case 'loader':
                return '<div class="loader"> \n \
                            <img src="/views/templates/default/images/ajax-loading-basket.gif"> Bezig met laden...\n \
                        </div>';
            break;
        }
    }
};