{@load resource="my/cart"}
    <h1>Warenkorb</h1>

    <div class="bookingContainer">
        {?items}
        <table class="table table-striped">
        <thead>
            <tr>
                <th>Beschreibung</th>
                <th class="text-right">Preis</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {#items}
                <tr>
                    <td class="description">
                        <div class="row">
                            <div class="col-sm-3">
                                {?detail.mediums}
                                <img src="{@imageurl id=detail.mediums[0].id type="LT" /}" class="img-responsive" >
                                {/detail.mediums}
                            </div>
                            <div class="col-sm-9">
                                <strong>
                                    {?editable}
                                    <a href="#" onclick="Samera.Cart.edit({id}); return false">
                                    {/editable}
                                    {^fixedQuantity}{quantity}x {/fixedQuantity}{name}
                                    {?editable}
                                    </a>
                                    {/editable}
                                </strong><br>
                                <p>
                                   {?arrivalDay}
                                    Anreise: {@date date=arrivalDay /} <br>
                                    Abreise: {@date date=departureDay /} <br>
                                    Nächte: {duration}
                                    {/arrivalDay}
                                </p>
                                {?occupancy}
                                    <strong>Belegung</strong><br>
                                    <ul>
                                    {@if cond="{occupancy.adults} == 1"}
                                        <li>1 Erwachsener</li>
                                    {/if}
                                    {@if cond="{occupancy.adults} > 1"}
                                        <li>{occupancy.adults} Erwachsene</li>
                                    {/if}

                                    {#occupancy.children}
                                        <li>Kind {.}</li>
                                    {/occupancy.children}

                                    {#occupancy.pets}
                                        <li>{count}x {name}</li>
                                    {/occupancy.pets}
                                    </ul>
                                {/occupancy}
                                <p>
                                    {detail.description|t|s}
                                </p>
                                {@eq key=type value="package"}
                                <p>
                                    <h3>{detail.roomCategory.name}</h3>
                                    {detail.roomCategory.description|t|s}
                                </p>
                                <p>
                                    <h3>###includedServices###</h3>
                                    {detail.includedServices|t|s}
                                </p>
                                {/eq}
                            </div>
                        </div>
                    </td>
                    <td class="text-right nowrap">
                        {price|money}
                    </td>
                    <td class="text-right nowrap">
                        {^fixedQuantity}
                            <a href="#" onclick="Samera.Cart.updateQuantity({id}, {quantity|decrement}); return false"><i class="fa fa-minus-circle"></i></a>
                            {~n}<a href="#" onclick="Samera.Cart.updateQuantity({id}, {quantity|increment}); return false"><i class="fa fa-plus-circle"></i></a>
                        {/fixedQuantity}
                        {~n}
                        <a href="#" onclick="Samera.Cart.remove({id}); return false"><i class="fa fa-times-circle"></i></a>
                    </td>
                </tr>
            {:else}
                <tr><td>Warenkorb leer</td></tr>
            {/items}
        </tbody>
        </table>

        <div class="row pricePanel">
            <div class="col-sm-12 text-right nowrap">
                <b>Gesamtpreis</b><br/>
                <span class="total">{total|money}</span><br/>
                inkl. USt. exkl. Ortstaxe
            </div>
        </div>

        <div class="row buttonGroup">
            <div class="col-sm-12 text-right">
                <a href="anfrage.html" class="btn btn-primary">
                    Unverbindliche Anfrage
                </a>
                {?bookingPossible}
                    {~n}{~n}
                    <a href="buchung.html" class="btn btn-primary">
                        Online Buchung
                    </a>
                {/bookingPossible}
            </div>
        </div>
        {/items}

        <div class="linie"></div>

        <b>Zusatzleistungen hinzufügen</b><br/><br/>
        {@load resource="additionalservices"}
            <div class="row">
            {#categories}
                {?showInCart}
                <div class="col-sm-4 additionalServiceButton"><a href="{id|url}"><span>{name}</span></a></div>
                {/showInCart}
            {/categories}
            </div>
        {/load}

    </div>
    {/load}