@if(isset($nextLevel) && !empty($nextLevel))
    <div class="row">
        <div class="col-12 col-sm-12 col-lg-2 col-md-2 pt-5">
            @if(isset($member->customer) && (empty($member->customer) || $member->customer == 0))
                <h5 class="text-mute text-center mt-5 pt-5">{{ __('You do not have any Customer Level.') }}</h5>
            @else
                <div class="pt-2">
                    <h3 class="text-muted text-center fw-bold w-100 mt-0">
                        {{ str_replace('_', ' ', ucwords(strtolower($memberCustomerLevelName ?? '-')))}}
                    </h3>
                    <p class="box-title m-0 p-0 w-100 text-center">{{ __('Your current Customer Level') }}</p>
                </div>
            @endif
        </div>
        <div class="col-12 col-sm-12 col-lg-5 col-md-5">
            <h5 class="card-title">{{ __('Requirements for') }} {{ $nextLevel['name'] }}</h5>
            <div class="ul-widget-app__poll-list mb-4">
                <h4 class="heading me-2">{{ formatDisplayNumber($nextLevel['abv']) }}</h4>
                <div class="d-flex">
                    <span class="text-muted text-12">Accumulated purchases of {{ $nextLevel['minimumBv'] }} BV Greater than Accumulated</span>
                    <span class="t-font-boldest ms-auto">{{ $nextLevel['bvPercentage'] }}%</span>
                </div>
                <div class="progress progress--height-2 mb-3">
                    <div class="progress-bar bg-primary" role="progressbar" style="width: {{ $nextLevel['bvPercentage'] }}%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
            </div>
            <div class="ul-widget-app__poll-list mb-4">
                <h4 class="heading me-2">{{ $nextLevel['sponsor'] }}</h4>
                <div class="d-flex">
                    <span class="text-muted text-12">Personally sponsored {{  $nextLevel['minimumSponsored']   }} customers </span>
                    <span class="t-font-boldest ms-auto">{{ $nextLevel['sponsorPercentage'] }}%</span>
                </div>
                <div class="progress progress--height-2 mb-3">
                    <div class="progress-bar bg-success" role="progressbar" style="width: {{ $nextLevel['sponsorPercentage'] }}%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
            </div>
        </div>
        <div class="col-12 col-sm-12 col-lg-5 col-md-5">
        </div>
    </div>
@else
    <h3 class="text-center text-mute">{{ __('No Data Found') }}</h3>
@endif