@if(isset($module->rankings[0]) && isset($module->rankings[1]))
    <div class="row home-page-module ranking-list-module" style="
        {{isset($module->settings->backgroundImage)?'background-image: url('.config('locations.homepageImage.asset').$module->settings->backgroundImage.');':''}}
        {{isset($module->settings->backgroundColor)?'background-color:'.$module->settings->backgroundColor.';':''}}
    ">
        <div class="content">
            <div class="header-container font-title">
                @if(isset($module->settings->header))
                    <div class="header-block header-left">
                        <span class="header">{{isset($module->settings->header)?$module->settings->header:'Header'}}</span>

                        <span class="sub-header">{{isset($module->settings->subHeader)?$module->settings->subHeader:''}}</span>
                    </div>
                @endif

                <div class="header-block header-right">
                    <a href="{{route('showRanking')}}">
                        <span class="text">{{__('View all lists')}}</span>
                        <i class="ui chevron right icon"></i>
                    </a>
                </div>
            </div>

            <div class="rankings-background">
                <div class="rankings-container">
                    <div class="ranking">
                        <div class="ranking-title">
                            {{isset($module->settings->rankingTitle1)?$module->settings->rankingTitle1:'Ranking 1'}}
                        </div>

                        <div class="ranking-background">
                            <div class="tab-selection">
                                <div class="item active" data-ranking="ranking1-1">
                                    {{__('Comprehensive Ranking')}}
                                </div>

                                <div class="item" data-ranking="ranking1-2">
                                    {{__('Subject Ranking')}}
                                </div>
                            </div>

                            <div class="ranking-tab active" data-ranking="ranking1-1">
                                @foreach($module->rankings[0] as $item)
                                    <a href="{{route('uniDetails', ['ID'=>$item->id])}}" class="ranking-row">
                                        <div class="number">
                                            {{isset($item->rank)?$item->rank:''}}
                                        </div>

                                        <div class="text">
                                            {{isset($item->name)?$item->name:''}}
                                        </div>
                                    </a>

                                    <span class="divider"></span>
                                @endforeach

                                <a class="ranking-link"  href="{{route('showRanking',['listID'=>$module->settings->ranking1,'listType'=>'year'])}}">
                                    <span class="text">{{__('More')}}</span>
                                    <i class="chevron right icon"></i>
                                </a>
                            </div>

                            <div class="ranking-tab" data-ranking="ranking1-2">
                                @foreach($module->rankings[1] as $item)
                                    <a href="{{route('showRanking',['listID'=>$module->settings->ranking1,'listType'=>'category','subListID'=>$item->id])}}" class="ranking-row subject">
                                        <div class="text">
                                            {{isset($item->name)?$item->name:''}}
                                        </div>
                                    </a>

                                    <span class="divider"></span>
                                @endforeach

                                <a class="ranking-link" href="{{route('showRanking',['listID'=>$module->settings->ranking1,'listType'=>'category'])}}">
                                    <span class="text">{{__('More')}}</span>
                                    <i class="chevron right icon"></i>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="ranking">
                        <div class="ranking-title">
                            {{isset($module->settings->rankingTitle2)?$module->settings->rankingTitle2:'Ranking 2'}}
                        </div>

                        <div class="ranking-background">
                            <div class="tab-selection">
                                <div class="item active" data-ranking="ranking2-1">
                                    {{__('Comprehensive Ranking')}}
                                </div>

                                <div class="item" data-ranking="ranking2-2">
                                    {{__('Subject Ranking')}}
                                </div>
                            </div>

                            <div class="ranking-tab active" data-ranking="ranking2-1">
                                @foreach($module->rankings[2] as $item)
                                    <a href="{{route('uniDetails', ['ID'=>$item->id])}}" class="ranking-row">
                                        <div class="number">
                                            {{isset($item->rank)?$item->rank:''}}
                                        </div>

                                        <div class="text">
                                            {{isset($item->name)?$item->name:''}}
                                        </div>
                                    </a>

                                    <span class="divider"></span>
                                @endforeach

                                <a class="ranking-link" href="{{route('showRanking',['listID'=>$module->settings->ranking2,'listType'=>'year'])}}">
                                    <span class="text">{{__('More')}}</span>
                                    <i class="chevron right icon"></i>
                                </a>
                            </div>

                            <div class="ranking-tab" data-ranking="ranking2-2">
                                @foreach($module->rankings[3] as $item)
                                    <a  href="{{route('showRanking',['listID'=>$module->settings->ranking2,'listType'=>'category','subListID'=>$item->id])}}" class="ranking-row subject">
                                        <div class="text">
                                            {{isset($item->name)?$item->name:''}}
                                        </div>
                                    </a>

                                    <span class="divider"></span>
                                @endforeach

                                <a class="ranking-link" href="{{route('showRanking',['listID'=>$module->settings->ranking2,'listType'=>'category'])}}">
                                    <span class="text">{{__('More')}}</span>
                                    <i class="chevron right icon"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif