@php
    $setting = $widget->settings;
    $option1 = widgetTab(is_numeric($setting['option1']) ? $setting : $setting['option1'],1);
    $option2 = widgetTab(is_numeric($setting['option2']) ? $setting : $setting['option2'],2);
@endphp


<div class="most--read--section">
    <ul class="nav nav-tabs" role="tablist">
        <li class="nav-item">
            <button class="nav-link active" data-bs-toggle="tab" data-toggle="tab" href="#{{ $option1['en_name'] }}" role="tablist"
                aria-selected="false">{{ $option1['name'] }}</button>
        </li>
        <li class="nav-item">
            <button class="nav-link " data-bs-toggle="tab" data-toggle="tab" href="#{{ $option2['en_name'] }}" role="tab"
                aria-selected="true">{{ $option2['name'] }}</button>
        </li>
    </ul>

    <div class="tab-content">
        <div id="{{ $option1['en_name'] }}" class="tab-pane show active fade in" role="tabpanel">
            <div class="tab-pane main-news-ajax" id="" role="tabpanel">
                <div id="{{ $option1['en_name'] }}" class="tab-pane fade show active home-latest-ajax" role="tabpanel">
                    <div class="tab-pane" id="{{ $option1['en_name'] }}" role="tabpanel">
                        @forelse($option1['news'] as $key=>$info)
                            <div class="media">
                                <a href="{{ news_url($info) }}">
                                    <div class="new_list_image_div">
                                        @include('asian.partials.image', ['loading' => 'lazy'])
                                    </div>
                                    <div class="media-body">
                                        <h5 class="mt-0"><a href="{{ news_url($info) }}">{{ $info->title }}
                                            </a> </h5>
                                    </div>
                                </a>
                            </div>
                            @if ($loop->last)
                                <br>
                            @else
                                <hr>
                            @endif
                        @empty
                        @endforelse
                        <div class="">
                            <a href="{{ route('asian.latest.news') }}">
                                <button type="button" class="btn btn-danger btn-lg btn-block" style="background: #b30000"> আরও
                                    পড়ুন </button>
                            </a>
                        </div>
                    </div>
        </div>
            </div>
        </div>
        <div id="{{ $option2['en_name'] }}" class="tab-pane fade  home-latest-ajax" role="tabpanel">
            <div class="tab-pane" id="{{ $option2['en_name'] }}" role="tabpanel">
                @forelse($option2['news'] as $key=>$info)
                    <div class="media">
                        <a href="{{ news_url($info) }}">
                            <div class="new_list_image_div">
                                @include('asian.partials.image', ['loading' => 'lazy'])
                            </div>
                            <div class="media-body">
                                <h5 class="mt-0"><a href="{{ news_url($info) }}">{{ $info->title }}
                                    </a> </h5>
                            </div>
                        </a>
                    </div>
                    @if ($loop->last)
                        <br>
                    @else
                        <hr>
                    @endif
                @empty
                @endforelse
                <div class="">
                    <a href="{{ route('asian.latest.news') }}">
                        <button type="button" class="btn btn-danger btn-lg btn-block" style="background: #b30000"> আরও
                            পড়ুন </button>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="right--add--three">
</div>