@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>{{ __('payment.thank_you_very_much') }}</h3>
                    <p>{{ __('payment.we_have_received_your_order_get_email') }}</p>

                    <h4>{{ __('payment.your_order_number_is') }}: {{ $order_reference }}</h4>
                    <hr />

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

                       @if($pay_trans->shopping_payment->clearingtype === "vor")
                           <h3>{{ __('payment.payment_in_advance') }}:</h3>
                           <p>{!! __('payment.please_transfer_amount_following_account', ['amount'=>number_format( floatval($pay_trans->shopping_payment->amount/100), 2, ",", ".")]) !!}
                            <br>
                               <strong>{{ __('payment.account_holder') }}:</strong> {{ $pay_trans->transmitted_data['clearing_bankaccountholder'] }} <br>
                               <strong>{{ __('payment.IBAN') }}:</strong> {{ $pay_trans->transmitted_data['clearing_bankiban'] }} <br>
                               <strong>{{ __('payment.BIC') }}:</strong> {{ $pay_trans->transmitted_data['clearing_bankbic'] }} <br>
                               <strong>{{ __('payment.bank') }}:</strong> {{ $pay_trans->transmitted_data['clearing_bankname'] }} <br>
                               <strong>{{ __('payment.total_amount') }}:</strong> {{ number_format( floatval($pay_trans->shopping_payment->amount/100), 2, ",", ".") }} EUR<br>
                               <strong>{{ __('payment.reason_for_payment') }}:</strong> {{ $pay_trans->transmitted_data['txid'] }}
                           </p>
                            <hr />
                        @endif

                           @if($pay_trans->shopping_payment->clearingtype === "cc")
                               <h4>{{ __('payment.payment_by_credit_card') }}:</h4>
                               <p>{{ __('payment.payment_by_credit_card_info') }}</p>
                               <hr />
                           @endif


                           @if($pay_trans->shopping_payment->clearingtype === "elv")
                               <h4>{{ __('payment.payment_by_SEPA') }}:</h4>
                               <p>{{ __('payment.payment_by_SEPA_info') }}</p>
                               <hr />
                           @endif

                           @if($pay_trans->shopping_payment->clearingtype === "fnc" && $pay_trans->shopping_payment->onlinebanktransfertype === 'MIV')
                               <h4>{{ __('payment.payment_by_invoice') }}:</h4>
                               <p>{{ __('payment.payment_by_invoice_info') }}</p>
                               <hr />
                           @endif
                    @endif
                    <p>
                        <strong>{{ __('payment.your_mivita_team') }}</strong>
                    </p>
                </div>
            </div>
            <!-- /CHECKOUT FINAL MESSAGE -->

        </div>
    </section>
    <!-- / -->
@endsection