@if(isset($nextStarRank) && !empty($nextStarRank))
<div class="row">
    <div class="col-12 col-sm-12 col-lg-2 col-md-2 ">
        <div class="mt-4 pt-2">
            @if(isset($member->rank) && (empty($member->rank) || $member->rank == 0))
                <h5 class="text-mute text-center mt-5 pt-5">{{ __('You do not have any star rank.') }}</h5>
            @else
                <img class="img-fluid m-auto" src="{{ asset("frontend/images/star_rank/".$member->rank.".png") }}" alt="1" style="max-height: 100px"/>
                <h3 class="text-muted text-center fw-bold w-100 mt-3">{{ $member->rank }} {{ __('STAR') }}</h3>
                <p class="box-title m-0 p-0 w-100 text-center">{{ __('Your Current Star Rank') }}</p>
            @endif
        </div>
    </div>
    <div class="col-12 col-sm-12 col-lg-5 col-md-5">
        <h5 class="card-title">{{ __('Requirements for Star Rank') }} {{ $nextStarRank['rank'] }}</h5>
        <div class="ul-widget-app__poll-list mb-4">
            <h4 class="heading me-2">{{ $nextStarRank['psu'] }}</h4>
            <div class="d-flex">
                <span class="text-muted text-12">{{ $nextStarRank['minimumPsu'] }} Personally Sponsored user with Minimum {{$nextStarRank['customerName']}} and {{$nextStarRank['levelName']}}</span>
                <span class="t-font-boldest ms-auto">{{ $nextStarRank['psuPercentage'] }}%</span>
            </div>
            <div class="progress progress--height-2 mb-3">
                <div class="progress-bar bg-success" role="progressbar" style="width: {{ $nextStarRank['psuPercentage'] }}%" 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">{{ formatDisplayNumber($nextStarRank['tsv']) }}</h4>
            <div class="d-flex">
                <span class="text-muted text-12">{{ formatDisplayNumber($nextStarRank['minimumTsv']) }} Team Sales Volume</span>
                <span class="t-font-boldest ms-auto">{{ $nextStarRank['tsvPercentage'] }}%</span>
            </div>
            <div class="progress progress--height-2 mb-3">
                <div class="progress-bar bg-primary" role="progressbar" style="width: {{ $nextStarRank['tsvPercentage'] }}%" 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">{{ $nextStarRank['su'] }}</h4>
            <div class="d-flex">
                <span class="text-muted text-12">{{$nextStarRank['minimumSu']}} Sponsored User With Minimum {{$nextStarRank['minimumSuRank']}} Star Rank</span>
                <span class="t-font-boldest ms-auto">{{ $nextStarRank['suPercentage'] }}%</span>
            </div>
            <div class="progress progress--height-2 mb-3">
                <div class="progress-bar bg-primary" role="progressbar" style="width: {{ $nextStarRank['suPercentage'] }}%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
        </div>
        <div class="ul-widget-app__poll-list">
            <h4 class="heading me-2">@if($nextStarRank['hasTeamsiteLicense']) {{ __('Yes') }} @else {{ __('No') }} @endif</h4>
            <div class="d-flex">
                <span class="text-muted text-12">{{ __('Have activated Business license') }}</span><span class="t-font-boldest ms-auto">@if($nextStarRank['hasTeamsiteLicense']) 100% @else 0% @endif</span>
            </div>
            <div class="progress progress--height-2 mb-3">
                <div class="progress-bar bg-primary" role="progressbar" style="width: @if($nextStarRank['hasTeamsiteLicense']) 100% @else 0% @endif;" 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 class="bg-primary p-3 text-white rounded-2 h-100">
            <div class="card-title text-white"><i class="bi bi-info-lg me-1"></i> {{ __('Information') }}</div>
            <ul class="list-disc">
                @if($nextStarRank['rank'] == 1)
                    <li><b>{{ __('1st to 2nd level Matching bonus') }}</b></li>
                    <li><b>{{ __('2% Infinity Star Bonus') }}</b></li>
                    <li>{{ __('Please note that a maximum 50% of the Accumulated Team Sales Volume requirement can originate from one leg.') }}</li>
                @elseif($nextStarRank['rank'] == 2)
                    <li><b>{{ __('1st to 4th level Matching bonus') }}</b></li>
                    <li><b>{{ __('3% Infinity Star Bonus') }}</b></li>
                    <li>{{ __('Please note that a maximum 50% of the Accumulated Team Sales Volume requirement can originate from one leg.') }}</li>
                @elseif($nextStarRank['rank'] == 3)
                    <li><b>{{ __('1st to 6th level Matching bonus') }}</b></li>
                    <li><b>{{ __('4% Infinity Star Bonus') }}</b></li>
                    <li>{{ __('Please note that a maximum 50% of the Accumulated Team Sales Volume requirement can originate from one leg.') }}</li>
                @elseif($nextStarRank['rank'] == 4)
                    <li><b>{{ __('1st to 7th level Matching bonus') }}</b></li>
                    <li><b>{{ __('5% Infinity Star Bonus') }}</b></li>
                    <li>{{ __('Please note that a maximum 50% of the Accumulated Team Sales Volume requirement can originate from one leg.') }}</li>
                @elseif($nextStarRank['rank'] == 5)
                    <li><b>{{ __('1st to 8th level Matching bonus') }}</b></li>
                    <li><b>{{ __('6% Infinity Star Bonus') }}</b></li>
                    <li>{{ __('Please note that a maximum 50% of the Accumulated Team Sales Volume requirement can originate from one leg.') }}</li>
                @elseif($nextStarRank['rank'] == 6)
                    <li><b>{{ __('1st to 9th level Matching bonus') }}</b></li>
                    <li><b>{{ __('6% Infinity Star Bonus') }}</b></li>
                    <li>{{ __('Please note that a maximum 50% of the Accumulated Team Sales Volume requirement can originate from one leg.') }}</li>
                @elseif($nextStarRank['rank'] == 7)
                    <li><b>{{ __('1st to 10th level Matching bonus') }}</b></li>
                    <li><b>{{ __('6% Infinity Star Bonus') }}</b></li>
                    <li>{{ __('Please note that a maximum 50% of the Accumulated Team Sales Volume requirement can originate from one leg.') }}</li>
                @endif
            </ul>
        </div>
    </div>
</div>
@else
    <h3 class="text-center text-mute">{{ __('No Data Found') }}</h3>
@endif