@extends('account::layouts.account')

@section('title','Cancel subscription')

@section('content')
    <x-subscription-layout>
        <x-form.ui.post action="{{ route('subscription.subscription-cancel.submit') }}">

            @slot('actions')
                @include('subscription::inc.button-back')
            @endslot

            <x-subscription-card title="Confirmation">
                <x-subscription-notify icon="png/sad.png">
                    @slot('title','We are sorry to see you go!')
                    <p>
                        Before proceeding, we want to ensure you’re aware that canceling will result in the loss of
                        access to all subscription benefits. <br>
                        However, you will continue to enjoy all benefits until the end of the already paid subscription
                        period.
                    </p>
                </x-subscription-notify>

                @slot('footer')
                    <a class="btn btn-outline-primary btn-sm " href="{{ route('subscription.index') }}">
                        <i class="fa fa-arrow-left"></i> Cancel
                    </a>

                    <button class="btn btn-primary btn-sm " data-toggle="form-submit-confirm" type="submit">
                        <i class="fa fa-arrow-right"></i> Unsubscribe
                    </button>
                @endslot

            </x-subscription-card>
        </x-form.ui.post>
    </x-subscription-layout>
@endsection