@extends('layouts.B2C')

@section('content')
<section class="wrapper_otp payment_wrapper">
    <div class="container">
        <div class="payemnt_main text-center">
            <figure class="payment_img">
                <img src="{{ Vite::asset('resources/images/web/quitsure_tick.png') }}" alt="image" class="img-fluid" />
            </figure>
            <div class="payment_content_main">
                <h3>{{ $title }}</h3>
                <p>あなたは今、購読中です。 <span>QuitSure  プログラム</span></p>
                <p class="download_text">今日から始めるために、アプリをダウンロードしてください！</p>
                <h5><strong>重要:</strong> ここで入力した同じメールアドレスでログインしてください。:
                    <span>{{ $vEmail }}</span>
                </h5>
                <div class="download_banner">
                    <a href="{{ $branchUrl }}">
                        <img src="{{ config('services.bucket_url') . 'web/google_play_new.png' }}" class="img-fluid" />
                    </a>
                    <a href="{{ $branchUrl }}">
                        <img src="{{ Vite::asset('resources/images/web/app_store_new.png') }}" alt="image"
                            class="img-fluid" />
                    </a>
                    <p>（プログラムはアプリでのみ利用可能です）</p>
                </div>
                @if ($ShowText == true)
                <p class="notice_text">
                    これは自動更新の購読です。購読をキャンセルしない限り、毎月自動的に課金されます。<br>
                    「購読を管理する」リンクまたはQuitSureアプリの購読設定からキャンセルできます。
                </p>
                @endif
                <p class="any_issue_text">何か問題や不明点がありましたら、いつでもお問い合わせください。 <mailto:span>hello@quitsure.app</span></p>

                @if ($billingUrl != '')
                <a href="{{ $billingUrl }}" class="manage_link">購読を管理する</a>
                @endif
            </div>
        </div>
    </div>
</section>
@endsection

@include('partials.js.B2C.paymentSuccessJs')