<div class="col-lg-4">
    <div class="card">
        <div class="card-body">
            <h5 class="card-title text-primary mb-4">{{ __('Review Details:') }}</h5>
            <div class="bg-gray-700 p-2 pb-1 rounded mb-2">
                <div class="review-section mb-3">
                    <div class="d-flex justify-content-between">
                        <span class="text-muted fw-bold">{{ __('Plan Name') }}:</span>
                        <strong class="text-end" id="plan-name-preview"></strong>
                    </div>
                </div>

                <div class="review-section mb-3">
                    <div class="d-flex justify-content-between">
                        <span class="text-muted fw-bold">{{ __('Plan Duration') }}:</span>
                        <strong class="text-end" id="plan-type-preview"></strong>
                    </div>
                </div>

                <div class="review-section mb-1">
                    <div class="d-flex justify-content-between">
                        <span class="text-muted fw-bold">{{ __('Plan Price') }}:</span>
                        <strong class="text-end" id="plan-price-preview"></strong>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
