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

        <div class="bookingContainer">

        <ul class="pipeline clearfix">
            <li class="active"><a href="#" onclick="history.back(); return false;">Persönliche Daten</a></li>
            <li class="active"><a>Buchung prüfen</a></li>
            <li><a>Zahlung</a></li>
        </ul>

        <div class="row adressPanel">
            <div class="col-md-12">
            {@load resource="my/session"}
                {user.salutation}<br/>
                {user.title} {user.firstname} {user.lastname}<br/>
                {user.street}<br/>
                {user.country}-{user.zipcode} {user.city}<br/><br/>
                <b>email</b> {user.email}<br/>
                {?user.fax}<b>fax</b> {user.fax}<br/>{/user.fax}
                {?user.comment}<br/><b>comment</b> {user.comment}<br/>{/user.comment}
            {/load}
            </div>
        </div>

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

        {?items}
            <table class="table table-striped">
            <thead>
                <tr>
                    <th>Beschreibung</th>
                    <th class="text-right">Preis</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>
                                        {name}
                                    </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>Inklusivleistungen</h3>
                                        {detail.includedServices|t|s}
                                    </p>
                                    {/eq}
                                </div>
                            </div>
                            {?messages}
                            <div class="row">
                                <div class="col-sm-12">
                                    {#messages}
                                    <div>{.}</div>
                                    {/messages}
                                </div>
                            </div>
                            {/messages}
                        </td>
                        <td class="text-right nowrap">
                            {price|money}
                        </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>

            {@lt key=depositAmount.amount value=total.amount}
            <div class="row">
                <div class="col-sm-12 text-right">
                    <b>Anzahlung {depositAmount|money}</b>
                </div>
            </div>
            {/lt}

            <div class="row">
                <div class="col-md-12 text-right">
                    <a href="#" onclick="Samera.Cart.payBooking(); return false;" class="btn btn-primary">Zahlung</a>
                </div>
            </div>
        {:else}
            Warenkorb leer
        {/items}
        </div>
    {/load}