@extends('frontend.layouts.app')

@section('title', $news->title . ' - SHAOXING SHUOLE TEXTILE CO.,LTD')

@section('styles')
<link type="text/css" rel="stylesheet" href="{{ asset('assets/frontend/css/news_xq_20575210533139e2dfee20865f18daac.min4f7b.css') }}?instance=new2022112912190770833&amp;viewType=p&amp;v=1731136289000&amp;siteType=oper">
@endsection

@section('content')
<div id="c_banner_008_P_040-16667508025600">
    <div class="e_container-3 s_layout">
        <div class="cbox-3-0 p_item">
            <div class="e_container-4 s_layout">
                <div class="cbox-4-0 p_item">
                    <p class="e_text-9 s_title">News</p>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="c_static_001-16666927007480">
    <div class="e_container-1 s_layout">
        <div class="cbox-1-0 p_item">
            <div class="e_container-14 s_layout">
                <div class="cbox-14-0 p_item">
                    <div class="e_breadcrumb-16 s_list" needjs="true">
                        <ul class="p_breadcrumb">
                            <li class="p_breadcrumbItem">
                                <a href="{{ url('/') }}">
                                    <span class="text-secondary p_icon">
                                        <svg t="1631185047228" class="icon" viewBox="0 0 1029 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1034" width="200" height="200"><path d="M44.799492 528.986943a42.836848 42.836848 0 0 1-31.231646-13.567846 42.725916 42.725916 0 0 1 2.133309-60.329983L491.685094 11.446142a42.68325 42.68325 0 0 1 58.538003 0.34133l465.658723 443.642972c17.066473 16.21315 17.749132 43.26351 1.45065 60.329983s-43.26351 17.749132-60.329983 1.45065L520.442102 101.301124 73.897829 517.552406c-8.27724 7.679913-18.687788 11.434537-29.098337 11.434537z" p-id="1035"></path><path d="M752.716803 1024H282.876794c-111.188073 0-201.640381-86.697684-201.640381-193.27781V434.524014c0-23.551733 19.11445-42.666183 42.666183-42.666183s42.666183 19.11445 42.666183 42.666183v396.283509c0 59.476659 52.138076 107.945443 116.308015 107.945443h469.925341c64.084607 0 116.308015-48.383452 116.308015-107.945443V434.524014c0-23.551733 19.11445-42.666183 42.666183-42.666183s42.666183 19.11445 42.666183 42.666183v396.283509c-0.085332 106.494793-90.537641 193.192477-201.725713 193.192477z" p-id="1036"></path><path d="M657.400549 1017.173411H383.142324c-23.551733 0-42.666183-19.11445-42.666183-42.666183V625.839179c0-23.551733 19.11445-42.666183 42.666183-42.666183h274.258225c23.551733 0 42.666183 19.11445 42.666184 42.666183v348.668049c0 23.551733-19.11445 42.666183-42.666184 42.666183z m-231.592041-85.332367h188.925858V668.505362H425.808508v263.335682z" p-id="1037"></path></svg>
                                    </span>
                                    <span class="text-secondary p_title">HOME</span>
                                </a>
                                 / 
                                <a href="{{ route('news.index') }}">
                                    <span class="text-secondary p_title">NEWS</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="c_grid-16449822787210">
    <div class="p_gridbox e_comp signal ">
        <div id="content_box-16449822787210-0" class="d_gridCell_0 p_gridCell">
            <div id="c_grid-16449822787481">
                <div class="p_gridbox e_comp signal ">
                   
                    <div id="content_box-16449822787481-1" class="d_gridCell_1 p_gridCell">
                        <div id="c_grid-16449822790134">
                            <div class="p_gridbox e_comp signal ">
                                <div id="content_box-16449822790134-0" class="d_gridCell_0 p_gridCell">
                                    <div id="c_new_detail_010-1644982444923">
                                        <div class="e_container-1 s_layout">
                                            <div class="cbox-1-0 p_item">
                                                <div class="e_container-6 s_layout">
                                                    <div class="cbox-6-0 p_item">
                                                        <h1 class="e_h1-10 s_subtitle">{{ $news->title }}</h1>
                                                        <hr class="e_line-22 s_line" />
                                                        <div class="e_richText-11 s_title">
                                                            {!! html_entity_decode(html_entity_decode($news->content)) !!}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="c_new_list_049-16449822792587">
                                        <h1 class="e_h1-10 s_subtitle">Related news</h1>
                                    </div>
                                    <div id="c_new_list_049-16503539337410">
                                        <div class="e_loop-1 s_list" needjs="true">
                                            <div class="p_list">
                                                <!-- Related News Loop -->
                                                <!-- Related News Loop -->
                                                <style>
                                                    .p_list { display: flex; flex-wrap: wrap; margin: 0 -10px; }
                                                    .p_loopitem { width: 33.33%; padding: 0 10px; box-sizing: border-box; }
                                                    @media(max-width: 768px) { .p_loopitem { width: 100%; margin-bottom: 20px; } }
                                                    .p_loopitem .cbox-4-0 { border: 1px solid #eee; padding: 15px; height: 100%; }
                                                </style>
                                                @foreach($relatedNews as $related)
                                                <div class="cbox-1 p_loopitem">
                                                    <div class="e_container-2 s_layout" style="height: 100%;">
                                                        <div class="cbox-2-0 p_item" style="height: 100%;">
                                                            <div class="e_container-4 s_layout" style="height: 100%;">
                                                                <div class="cbox-4-0 p_item">
                                                                     <div class="e_image-3 s_img" style="margin-bottom: 15px;">
                                                                        <a href="{{ route('news.show', $related->id) }}" target="_self">
                                                                            <img src="{{ $related->image_url }}" alt="{{ $related->title }}" title="{{ $related->title }}" style="width: 100%; height: auto;" />
                                                                        </a>
                                                                    </div>
                                                                    <p class="e_text-6 s_title" style="font-weight: bold; margin-bottom: 10px;">
                                                                        <a href="{{ route('news.show', $related->id) }}" target="_self">
                                                                            {{ $related->title }}
                                                                        </a>
                                                                    </p>
                                                                    <p class="e_text-10 s_title" style="color: #666; font-size: 14px;">
                                                                         {!! Str::limit(strip_tags(html_entity_decode(html_entity_decode($related->summary))), 100) !!}
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection