List ebooks on account page

template.html

<div class="col-xs-12">
    <hr>
    <h1>Digital Downloads Available On Your Account</h1>
    <div id="ebook-list">
        <div class="row">
        [%site_value id:'footer_javascript'%]
           [%thumb_list type:'orders' %]
                [%param *header%]
                [%/param%]
                [%param *body%]
                    [%if [@amount_owed@] eq 0 %]
                        [%show_order id:'[@order_id@]'%]
                            [%param *header%]
                                    <script type="text/javascript">
                            [%/param%]
                            [%param *body%]
                                            var product[@count@] = '[@sku@]';
											console.log(product[@count@])
                            [%/param%]
                            [%param *footer%]
                                    </script>
                            [%/param%]
                        [%/show_order%]
                        [%show_order id:'[@order_id@]'%]
                            [%param *header%]
                                    <script type="text/javascript">
                                        $(document).ready(function() {
                                            var ebook = {
                            [%/param%]
                            [%param *body%]
                                [%if [@count@] ne 0 %],[%/if%]'[@model@]':'[@misc24@]'
                            [%/param%]
                            [%param *footer%]
                                            };
                                            var counter = 0;
                                            for (var name in ebook ) {
                                                if (ebook[name] != '') {
                                                    var product = window['product' + counter]
                                                    $('#ebook-list .row').append('<div class="col-xs-1"><img src="/assets/thumb/'+ product + '.jpg"' + 'width="80px"></div>' + '<div class="col-xs-11"><p><strong>' + name + ' ' + '</strong><br><a href="' + ebook[name] + '">Click Here to Download</a>' + '</p></div>');
                                                    var counter = counter + 1 ;
													$('#noEbook').addClass('hidden')
                                                }
                                            }
                                        });
                                    </script>
                            [%/param%]
                        [%/show_order%]
					[%else%]
						[%show_order id:'[@order_id@]'%]
							[%param *header%]
								<div class="col-xs-12">
							[%/param%]
							[%param *body%]
									[%if [@misc24@] %]
										</p>You currently have <b>[@model@]</b> on order, but the payment has not yet been received</p>
									[%/if%]
							[%/param%]
							[%param *footer%]
								</div>
							[%/param%]
						[%/show_order%]
                    [%/if%]
                [%/param%]
                [%param *footer%]
                [%/param%]
            [%/thumb_list%]
            [%/site_value%]
			<div class="col-xs-12" id='noEbook'>
				<p >There are no E-books currently available on your account</p>
			</div>
        </div>
    </div>
</div>