@push('style_section')
<style>
    .subscription-plan-status-row {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 8px;
    }

    .subscription-plan-status-row > .subscription-plan-status-col {
        flex: 1 1 280px;
        min-width: 0;
    }

    .subscription-plan-status-row .crancy__item-form--group {
        margin-top: 0;
        height: 100%;
        padding: 16px 18px;
        border: 1px solid #e2e8f0;
        border-radius: 10px;
        background: #fff;
    }

    .subscription-plan-status-row .crancy__item-label {
        margin-bottom: 10px;
    }
</style>
@endpush

<div class="col-12">
    <div class="subscription-plan-status-row">
        <div class="subscription-plan-status-col">
            <div class="crancy__item-form--group mg-top-form-20">
                <label class="crancy__item-label">{{ __('translate.Visibility Status') }}</label>
                <div class="crancy-ptabs__notify-switch crancy-ptabs__notify-switch--two">
                    <label class="crancy__item-switch">
                        <input name="status" type="checkbox" {{ (isset($plan) && $plan->status == 'active') ? 'checked' : '' }}>
                        <span class="crancy__item-switch--slide crancy__item-switch--round"></span>
                    </label>
                </div>
            </div>
        </div>
        <div class="subscription-plan-status-col">
            <div class="crancy__item-form--group mg-top-form-20">
                <label class="crancy__item-label">{{ __('translate.Purchase Status') }}</label>
                <div class="crancy-ptabs__notify-switch crancy-ptabs__notify-switch--two">
                    <label class="crancy__item-switch">
                        <input name="purchase_status" type="checkbox" {{ (! isset($plan) || ($plan->purchase_status ?? 'active') == 'active') ? 'checked' : '' }}>
                        <span class="crancy__item-switch--slide crancy__item-switch--round"></span>
                    </label>
                </div>
                <small class="text-muted d-block mt-2">{{ __('translate.Purchase status help') }}</small>
            </div>
        </div>
        <div class="subscription-plan-status-col">
            <div class="crancy__item-form--group mg-top-form-20">
                <label class="crancy__item-label">{{ __('translate.Promotion form on listing') }}</label>
                <div class="crancy-ptabs__notify-switch crancy-ptabs__notify-switch--two">
                    <label class="crancy__item-switch">
                        <input name="promotion_form_enabled" type="checkbox" {{ (! isset($plan) || ($plan->promotion_form_enabled ?? true)) ? 'checked' : '' }}>
                        <span class="crancy__item-switch--slide crancy__item-switch--round"></span>
                    </label>
                </div>
                <small class="text-muted d-block mt-2">{{ __('translate.Promotion form on listing help') }}</small>
            </div>
        </div>
    </div>
</div>