@extends('layouts.main')
@section('title')
    <title>{{ pageTitle(['Cricket Teams']) }}</title>
@endsection
@section('content')
<div class="magazine_grid_main">
	<div class="detail_page">
		<div class="container"> 
            <div class="responsive_top_main_add">
                @include('ads.golden-444-static')
            </div>
            <div class="score_detail_row">
                <div class="score_detai_left">
                    <div class="theme_tabs">
                        <!-- Common header links -->
						@include('common-tabs.common-main-header-tabs')
						<!-- / Common header links -->
                        <div class="tab-content clearfix" id="myTabContent">  
                            <div class="filter_tabs">
                                <!-- <h2 class="sec_title">Cricket Teams</h2> -->
                                @if($teams->count() > 0) 
                                    <div class="filter_tabs_btns nav">
                                    @php $tab = 0; @endphp   
                                    @foreach($teams as $key => $team)   
                                        <button class="filter_btn {{ $tab == 0 ? 'active' : '' }}" id="{{ $key }}-tab" data-bs-toggle="tab" data-bs-target="#{{ $key }}" type="button" role="tab" aria-controls="{{ $key }}" aria-selected="{{ $tab == 0 ? 'true' : 'false' }}">{{ ucfirst($key) }}</button>
                                        @php ++$tab; @endphp
                                    @endforeach    
                                    </div>                                
                                    <div class="tab-content p-0">
                                        @php $activetab = 0; @endphp  
                                        @foreach($teams as $key => $team)    
                                            <div class="tab-pane fade {{ $activetab == 0 ? 'show active' : '' }}" id="{{ $key }}" role="tabpanel" aria-labelledby="{{ $key }}-tab">
                                                <div class="team_container">
                                                    @if($team->count() > 0)  
                                                        @foreach($team as $team_data)
                                                            @php 
                                                                $exploadedImgString = explode(",", $team_data->base_url);
                                                                if(isset($exploadedImgString[1]) && !empty($exploadedImgString[1]))
                                                                {
                                                                    if(substr($exploadedImgString[1], 0, 1) === "/" || substr($exploadedImgString[1], 0, 2) === "iV")
                                                                    { 
                                                                        $imageUrl = $team_data->base_url;
                                                                    }
                                                                    else
                                                                    {
                                                                        $imageUrl = asset('images/default-country.png');
                                                                    }
                                                                }
                                                                else
                                                                {
                                                                    $imageUrl = asset('images/default-country.png');
                                                                } 
                                                            @endphp
                                                            <div class="single_team">
                                                                <a href="{{ url('cricket-team/players/'.$team_data->team_id) }}" class="team_box">
                                                                    <div class="team_flag">
                                                                        <img src="{{ $imageUrl }}" data-id="{{ $team_data->imageId }}">
                                                                    </div>
                                                                    <h4 class="team_name">{{ $team_data->team_name }}</h4>
                                                                </a>
                                                            </div>
                                                        @endforeach
                                                    @else
                                                        <div class='no-records-section'><span class='record-msg'>No teams found. Please check back later.</span></div>
                                                    @endif  
                                                </div>
                                            </div> 
                                        @php ++$activetab; @endphp    
                                        @endforeach      
                                    </div>
                                @else
                                    <div class='no-records-section'><span class='record-msg'>No teams found. Please check back later.</span></div>
                                @endif
                            </div>   
                         </div>
                    </div>
                </div>
                <div class="score_detai_right">
                    <div class="web_right_main_add">
                        @include('ads.golden-444-static')
                    </div>                    
                    @include('news._latest-news-primary-container')
                    @include('layouts.categories-footer')
                </div>
            </div>
		</div>
	</div>
</div>       
@endsection