@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;
        }
    </style>
    <!-- -->

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

            <!-- CHECKOUT ERROR MESSAGE -->
            <div class="panel panel-default">
                <div class="panel-body">
                    <div class="alert alert-danger">
                        <h3><i class="fa fa-exclamation-triangle"></i> {{ $error_title ?? __('payment.payment_error') }}</h3>
                        <p>{{ $error_message ?? __('payment.payment_error_description') }}</p>
                    </div>
                    
                    <hr />

                    <p>{{ __('payment.contact_support_if_needed') }}</p>
                    
                    <p>
                        <strong>{{ __('payment.your_mivita_team') }}</strong>
                    </p>

                    @if($user_shop)
                    <div class="mt-4">
                        <a href="{{ config('app.protocol') . $user_shop->slug . '.' . config('app.domain') . config('app.tld_care') }}" class="btn btn-primary">
                            <i class="fa fa-arrow-left"></i> {{ __('payment.back_to_shop') }}
                        </a>
                    </div>
                    @endif
                </div>
            </div>
            <!-- /CHECKOUT ERROR MESSAGE -->

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