@extends('layouts.app')

@section('title', __('trainings.stripe_cancel_title'))

@section('content')
@include('stripe.partials.breadcrumb', ['pageTitle' => __('trainings.stripe_cancel_title')])

<section class="edu-section-gap contact-form-area">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 col-xl-7">
                <div class="login-form-box text-center">
                    <p class="mb-4">{{ __('trainings.stripe_cancel_intro') }}</p>
                    @if($registration && $training)
                        <div class="d-flex flex-wrap justify-content-center align-items-center gap-2">
                            @if($registration->shouldShowMemberCancelIncompleteOnlinePaymentButton())
                            <form method="post"
                                  action="{{ route('training.register.cancel', [$training->slug, $registration->id]) }}"
                                  class="m-0"
                                  onsubmit="return window.confirm(@json(__('trainings.register_cancel_confirm')))">
                                @csrf
                                <input type="hidden" name="redirect_to" value="member_trainings">
                                <button type="submit" class="edu-btn btn-border btn-medium m-0">
                                    {{ __('trainings.register_cancel_inscription') }}
                                </button>
                            </form>
                            @endif
                            <a href="{{ route('training.register.payment', ['slug' => $training->slug, 'registration' => $registration->id]) }}"
                               class="edu-btn btn-medium m-0">
                                {{ __('trainings.stripe_cancel_retry') }} <i class="icon-4"></i>
                            </a>
                        </div>
                    @else
                        <a href="{{ route('trainings.index') }}" class="edu-btn btn-border btn-medium m-0">{{ __('trainings.stripe_error_back_trainings') }} <i class="icon-4"></i></a>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
@endsection