{% load offeroptions %}
!(function(){

    var myTabella = new Tabella(
        document.getElementById('offers'),
        {   
            from: "",
            tableHeader: [
                ['Habbo Hotel<br/>{% autoescape off %}{% stars 3 1 orange %}{% endautoescape %}<br/><img style="max-height:100px;max-width:100%;" src="https://logoeps.com/wp-content/uploads/2012/12/habbo-logo-vector.png"></img>'],
                ['Kumi Systems<br/>{% autoescape off %}{% stars 1 0 orange %}{% endautoescape %}<br/><img style="max-height:100px;max-width:100%;" src="https://kumi.systems/wp-content/uploads/2020/12/schrift_logo.png"></img>'],
            ],
            rows : [
                {
                    rowVal: [["1. Mai 2021", "1. Mai 2021"],["3. Mai 2021", "10. Mai 2021"],["2 Nächte", "9 Nächte"]],
                    rowDesc: ["Anreise", "Abreise", "Dauer"]
                },
                {
                    rowVal: [[{% autoescape off %}'{% hearts 3 red %} (304)', '{% hearts 5 red %} (1)'{% endautoescape %}]],
                    rowDesc: ["Bewertungen"]
                },
                {
                    rowVal: [['Doppelzimmer Luxus', 'Wohnzimmer'], ["1 King-Size Bett", "1 Couch"]],
                    rowDesc: ["Zimmerart", "Betten"]
                },
                {
                    rowVal: [['Romantikpaket inkl. Frühstück am Bett, 2x 60 Minuten Hot-Stone-Massage, 0,75l Prosecco, Obstschale, Zugang zum Spa', 'Gratis Arbeitsgelegenheit inklusive!']],
                    rowDesc: ["Zusätzliche Angaben"]
                },
                {
                    rowVal: [
                        [200, 200],
                        ['<button class="btn btn-orange btn-block">Zahlungspflichtig buchen!</button>', '<button class="btn btn-orange btn-block">Zahlungspflichtig buchen!</button>']
                    ],
                    rowDesc: ["Fixpreis", ""]
                }
            ]
        });
})();