@extends('channels.layouts.master')
@section('content')
@php
    $setting = setting();
@endphp
 <div class="articleReached127114" style="margin-top: 80px"> </div>
        <div class="bgWhite paddingB30 xs-paddingB10">
            <!-- title section -->
            <div class="row marginT30 xs-marginT0 marginB20">
                <div class="">
                    <div class="padding0 paddingB20 xs-padding15 borderAshB1">

                        <p class="title3 xs-title3 colorRed marginB0" style="color: red">
                            {{ @$news->sub_title }}</p>
                        <h1 class="title7 xs-title7 margin0"><strong>{{ $news->title }}</strong></h1>


                        <div class="row flex-row marginT30 xs-marginT20">
                            <div class="col-md-4">
                                <div>
                                    <p class="title2 xs-title2 marginB0 colorBlack"><strong>...</strong></p>
                                    <p><span class="reporterDivider"></span></p>

                                    <p class="time colorBlack marginB0">প্রকাশ : {{ timeAgo($news->created_at) }}</p>
                                    <p class="time colorBlack marginB0">আপডেট : {{ timeAgo($news->updated_at) }}</p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <div class="row">

                <div class="col-md-3 hidden-xs">
                    <!-- popular news -->
                    <div class="row marginB20">
                        <div class="col-md-12 paddingL0 paddingR0">
                            <div class="loadingDiv3 text-center"><i class="fa fa-spinner"></i></div>
                            <div class="popularNewsWidget bgWhite mediaItemDiv borderBNone" style="display: none;">
                                <div class="col-md-12">
                                    <p class="marginB0 marginT5 cartStyle2">
                                        <span class="bgWhiteImp marginT-18 xs-marginT-21 fontSizeCartTitle"><a
                                                aria-label="পঠিত" href="{{ asset('single-news/') }}popular"
                                                class="textDecorationNone colorBlack hoverOrange fontUpperCase">পঠিত</a></span>
                                    </p>
                                </div>
                                <div class="col-md-12 marginT15">
                                    <div class="ajaxPopularNewsDiv borderAsh1"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end popular news -->


                </div>


                <div class="col-md-9">
                    <!-- video section -->


                    <!-- photo section -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="marginB20">
                                <img class="img-responsive width100P lazyload" src="{{ asset(setting()->placeholder) }}"
                                    data-src="{{ asset($news->path_link ?? setting()->placeholder) }}"
                                    alt="{{ $news->title }}" title="{{ $news->title }}" loading="lazy">
                                <p class="newsPhotoCaption title2 xs-title2">{{ strip_tags($news->title) }}</p>
                            </div>
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <!-- detail section -->
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="paddingT10 paddingB0 newsBody xs-padding15">
                                        @if (!empty($news->details))
                                            @php
                                                $adContent = view('channels.desktop_ads', [
                                                    'id' => \App\Services\AdsService::ADS_POSITION_ARTICLE_1,
                                                ]);
                                            @endphp
                                            @php
                                                $total_line_end = explode('<p>', $news->details);
                                                $newDetails = '';
                                                $break = 1;
                                                $ad_after = $increment = 2;
                                                if (count($total_line_end) > 0) {
                                                    foreach ($total_line_end as $key => $p) {
                                                        if (!empty($p)) {
                                                            // Define the ad include outside of the string concatenation

                                                            if ($key == 1) {
                                                                $newDetails .= "<p>{$p}{$adContent} </p>";
                                                            } elseif ($key == 2) {
                                                                $newDetails .= "<p>{$p} <div class='col-lg-12'>
                                                                                    <div class='middle--first--ad--section'>{$adContent}</div>
                                                                                </div>";
                                                            } elseif ($key == 3) {
                                                                $newDetails .= "<p>{$p} <div class='col-lg-12'>
                                                                                    <div class='middle--first--ad--section'>{$adContent}</div>
                                                                                </div>";
                                                            } elseif ($key == 4) {
                                                                $newDetails .= "<p>{$p} <div class='col-lg-12'>
                                                                                    <div class='middle--first--ad--section'>{$adContent}</div>
                                                                                </div>";
                                                            } else {
                                                                $newDetails .= "<p>{$p}";
                                                            }
                                                        }
                                                    }
                                                } else {
                                                    $newDetails .= $news->details;
                                                }
                                            @endphp
                                        @endif
                                        {!! $newDetails !!}
                                    </div>
                                </div>
                            </div>
                            <div class="row hidden-print marginT15">
                                <div class="col-md-12">
                                    @include('channels.news.related_tag')
                                </div>
                            </div>


                            <!-- mobile adfinix -->
                            <div class="col-md-12 relatedNewsWidget hidden-print paddingL8 paddingR8" style="">
                                <div class="paddingT10 paddingB0 newsVideo marginB20 xs-marginB0">
                                    <p class="marginB0 marginT5 cartStyle2">
                                        <span
                                            class="bgWhiteImp marginT-5 xs-marginT0 title3 xs-title3 colorBlack fontUpperCase xs-paddingT5">সংশ্লিষ্ট</span>
                                    </p>
                                    <div class="row flex-row ajaxRelatedNewsDiv marginT15 xs-paddingL8 xs-paddingR8">
                                        @forelse ($news->related as $info)
                                            <div
                                                class="col-md-3 col-xs-6 flex-col marginB15 marginT0 positionRelative xs-paddingL8 xs-paddingR8">
                                                <div class="itemDiv hoverOrange">
                                                    <div
                                                        class="thumbnail bgAsh marginB0 borderNone padding0 height100P borderRadius5">
                                                        <div class="positionRelative">
                                                            @include('global.image')
                                                            @if ($info->video_link)
                                                                <span class="pvIconMedium hidden-xs"><i
                                                                        class="fa fa-play"></i>
                                                                </span><span class="pvIconSmall top50P visible-xs"><i
                                                                        class="fa fa-play"></i></span>
                                                            @endif

                                                        </div>
                                                        <div class="caption padding15">
                                                            <h2 class="title2 three-line xs-title3 margin0 two-line">
                                                                {{ $info->title }}</h2>
                                                            <p
                                                                class="summary3 paddingT10 colorDarkAsh hidden-xs textJustify three-line">
                                                                {{ strip_tags($info->details) }}</p>
                                                        </div>
                                                    </div><a aria-label="{{ $info->title }}"
                                                        href="{{ news_url($info) }}"
                                                        class="linkOverlay"></a>
                                                </div>
                                            </div>
                                        @empty
                                        @endforelse


                                    </div>
                                </div>
                            </div>


                            <div class="row paddingL20 paddingR20">
                                <div class="col-md-12 paddingL8 paddingR8">
                                    <div class="paddingT10 paddingB0 siteNewsCart xs-marginB0">
                                        <p class="marginB0 marginT5 cartStyle2">
                                            <span class="bgWhiteImp marginT-5 title3 xs-title3"><a
                                                    aria-label="আরও দেখুন" href="#"
                                                    class="textDecorationNone colorBlack hoverOrange fontUpperCase">আরও
                                                    দেখুন</a></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- tag section -->

                        </div>
                    </div>
                </div>
            </div>

        </div>

@endsection