$(document).ready(function() {
    setTimeout( function() {
        alert( "This Page has timed out." );
        location.reload();
    }, 3600000);

    $( document ).on( 'click', '.js-get-website-info', function( e ) {
        e.preventDefault();
        var num = $( this ).data( 'num' );
        getWebsiteInfo( num );
    } );

    function getWebsiteInfo(num) {
        window.open(redirect_link + '/?r=' + groupReservationNumber + '&package=' + num);
        //window.open(ptid_link + '/' + groupReservationNumber);
    }


    packages.forEach(function (package, index) {
        var html = [];
        html.push('<div class="wrap_packages">');
        html.push('    <div class="row">');
        html.push('        <div class="col-sm-2"></div>');
        if (typeof package.image === 'string' && package.image.length > 0) {
            html.push('        <div class="col-sm-4 wrap_image_package" id="package'); html.push(index + 1); html.push('HImage">');
            html.push('            <img data-src="'); html.push(package.image); html.push('" class="img-responsive lazyload" alt="room picture"/>');
            html.push('        </div>');
        }
        html.push('        <div class="col-sm-4">');
        html.push('            <h4'); if (package.soldout) html.push(' class="soldout"'); html.push('>'); html.push(package.title); html.push('</h4>');
        
        if (Number.isFinite(package.price) && package.price > 0 && !hideAllPackagePrices) {
            var priceType = (" " + package.type_price.toLowerCase()).replace(/ per /g, "/");
            html.push('            <div class="wrap_block_package">');
            html.push('                <span class="price'); if (package.soldout) html.push(' soldout'); html.push('">$' + package.price + priceType + '</span>');
            html.push('            </div>');
        }
        
        html.push('            <div class="wrap_block_package">');
        if (!package.soldout) {
            html.push('                <div style="display:' + package.in_stock + '">');
            html.push('                    <a href="#" class="js-get-website-info btn_theme" data-num="' + (index + 1) + '">book now!</a>');
            html.push('                </div>');
        } else {
            html.push('                <div>');
            html.push('                    <a href="#booking" class="scroll-to btn_theme btn_soldout disabled">book now!</a>');
            html.push('                </div>');
        }
        html.push('            </div>');
        html.push(package.description);
        if (package.soldout) {
            html.push('            <p class="soldout-message">sold out</p>');
        }
        html.push('        </div>');
        html.push('        <div class="col-sm-2"></div>');
        html.push('    </div>');
        html.push('</div>');
        $( '.jsWrapGridPackages' ).append( html.join('') );
    });
});