@extends($user_shop ?'web.user.layouts.layout' : 'web.layouts.layout')

@section('content')

    <section class="page-header page-header-xlg parallax parallax-3"
             style="background-image:url('/assets/images/vision-min.jpg')">
        <div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>

        <div class="container">
        </div>
    </section>
    <!-- /PAGE HEADER -->

    <style>
        div.shop-item {
            margin-bottom:30px;
            border: 1px solid #ddd;
        }
        div.shop-item > .thumbnail, .thumbnail {
            border: none;
        }
        div.shop-item-summary {
            padding: 8px;
        }
        div.shop-item-summary h2 a {
            color: #9aa983;
            font-size: 1.2em;
            margin: 0 0 10px 0;
        }
        div.shop-item-buttons {
            padding: 0 8px 10px 8px;
        }
        div.shop-item-buttons .btn-xs{
            padding: 4px;
        }
        .cartContent a.remove_item {
            background: transparent;
        }
        .cartContent .product_name {
            font-size: 1.15em;
        }
        .cartContent .product_name > small {
            line-height: 20px;
        }
        @media only screen and (max-width: 1200px) {
            .cartContent .product_name {
                padding-bottom: 0;
                min-height: 60px;
                width: 60%;
            }
            .cartContent .remove_item {
                clear: right;
            }
            .cartContent .total_price {
                width: auto;
                padding-top: 30px;
                clear: right;
            }
            .cartContent .item .qty {
                float: left;
                text-align: left;
            }
            .cartContent .item.head {
                display: none;
            }

        }
        @media only screen and (min-width: 768px) {

            .cartContent .total_price {
                padding-top: 10px;
            }
        }
        @media only screen and (min-width: 992px) {
            .cartContent .total_price {
                padding-top: 30px;
            }
        }
        @media only screen and (min-width: 1200px) {
            .cartContent .total_price {
                padding-top: 10px;
            }
        }

    </style>
    <!-- -->

    <!-- -->
    <section>
        <div class="container">

            <!-- CHECKOUT FINAL MESSAGE -->
            <div class="panel panel-default">
                <div class="panel-body">
                    <h3>Vielen Dank, </h3>
                    <p>Deine Bestellung wurde aufgenommen. In Kürze erhälst du von uns eine Bestellbestätigungs-E-Mail.</p>

                    <h4>Deine Bestellnummer ist: {{ $order_reference }}</h4>
                    <hr />

                    @if($pay_trans && $pay_trans->shopping_payment)

                       @if($pay_trans->shopping_payment->clearingtype == "vor")
                           <h3>Bezahlung per Vorkasse:</h3>
                           <p>Bitte überweise {{ number_format( floatval($pay_trans->shopping_payment->amount/100), 2, ",", ".") }} EUR auf die folgende Kontoverbindung, um den Kauf abzuschließen.
                            <br>
                               <strong>Kontoinhaber:</strong> {{ $pay_trans->transmitted_data['clearing_bankaccountholder'] }} <br>
                               <strong>IBAN:</strong> {{ $pay_trans->transmitted_data['clearing_bankiban'] }} <br>
                               <strong>BIC:</strong> {{ $pay_trans->transmitted_data['clearing_bankbic'] }} <br>
                               <strong>Bank:</strong> {{ $pay_trans->transmitted_data['clearing_bankname'] }} <br>
                               <strong>Gesamtbetrag:</strong> {{ number_format( floatval($pay_trans->shopping_payment->amount/100), 2, ",", ".") }} EUR<br>
                               <strong>Verwendungszweck:</strong> {{ $pay_trans->transmitted_data['txid'] }}
                           </p>
                            <hr />
                        @endif

                           @if($pay_trans->shopping_payment->clearingtype == "cc")
                               <h4>Bezahlung per Kreditkarte:</h4>
                               <p>Deine Zahlung wurde genehmigt, eine Bestätigung der Zahlung wird automatisch erstellt.</p>
                               <hr />
                           @endif
                    @endif
                    <p>
                       Dein Team von,<br />
                        <strong> mivita.</strong>
                    </p>
                </div>
            </div>
            <!-- /CHECKOUT FINAL MESSAGE -->

        </div>
    </section>
    <!-- / -->




@endsection