@extends('base')

@section('title', 'Payment Failed!')

@section('content')

    <div class="ui basic segment">
        <div class="ui grid">
            <div class="three wide column"></div>
            <div class="ten wide column">
                <div class="ui breadcrumb">
                    <a href="{{ route('home') }}" class="section">{{ __('Home') }}</a>
                    <i class="right angle icon divider"></i>
                    <a href="#" class="section">{{ __('Shopping bag') }}</a>
                    <i class="right angle icon divider"></i>
                    <a href="#" class="section">{{ __('Order summary') }}</a>
                    <i class="right angle icon divider"></i>
                    <div class="active section">{{ __('Payment') }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="ui grid" id="payment_failure">
        <div class="row">
            <div class="three wide column"></div>
            <div class="ten wide column">
                <div class="ui basic segment">
                    <h3 class="ui header">
                        {{ __('Payment Failed') }}
                        <img src="{{config('locations.systemImage.asset').'yellow_x.png'}}" class="yellow-tick" alt="">
                    </h3>

                    <div class="ui divider"></div>

                    <div class="error-text">
                        @if(!empty($paymentMethod))
                            {{__('payment-failed', ['method' => __('payment-' . $paymentMethod)])}}.

                            @if(!empty($error))
                                {{__('payment-failed-reason', ['error' => __($error)])}}.
                            @endif
                            <br>
                        @endif

                        {{__('Try again or use a different payment method')}}<br>
                        {{__('If it still fails, please')}} <a href="{{route('contact')}}">{{__('contact us')}}</a> {{__('to get help')}}
                    </div>

                    <div class="buttons">
                        <div class="confirm button" onclick="location.href='{{ route('payment_failed_try_again', ['orderID'=>$orderId])}}'">
                            {{__('Try again')}}
                        </div>

                        <div class="deny button" onclick="location.href='{{ route('root')}}'">
                            {{__('Back to homepage')}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection