@extends('frontend.layouts.app')

@section('title', 'NEWS-SHAOXING SHUOLE TEXTILE CO.,LTD')

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

@section('content')
<div id="c_banner_008_P_040-16503493487200">
    <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_grid-16449203723750">
    <div class="p_gridbox e_comp signal ">
        <div id="content_box-16449203723750-0" class="d_gridCell_0 p_gridCell">
            <div id="c_grid-16449203726484">
                <div class="p_gridbox e_comp signal ">
                    <div id="content_box-16449203726484-0" class="d_gridCell_0 p_gridCell">
                        <div id="c_static_001-16449203726856">
                            <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_new_list_049-16449203888540">
                            <div class="e_loop-1 s_list" needjs="true">
                                <div class="p_list">
                                    @foreach($news as $item)
                                    <div class="cbox-1 p_loopitem">
                                        <div class="e_container-2 s_layout">
                                            <div class="cbox-2-0 p_item">
                                                <div class="e_container-9 s_layout">
                                                    <div class="cbox-9-0 p_item">
                                                        <div class="e_image-3 s_img">
                                                            <a href="{{ route('news.show', $item->id) }}" target="_self">
                                                                <img src="{{ $item->image_url }}" alt="{{ $item->title }}" title="{{ $item->title }}" la="la"/>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="e_container-4 s_layout">
                                                    <div class="cbox-4-0 p_item">
                                                        <P class="e_timeFormat-8 s_body">{{ $item->created_at->format('Y-m-d') }}</P>
                                                        <p class="e_text-6 s_title">
                                                            <a href="{{ route('news.show', $item->id) }}" target="_self" style="font-weight: 900; font-size: 20px;">
                                                                {{ $item->title }}
                                                            </a>
                                                        </p>
                                                        <p class="e_text-10 s_title">
                                                            {!! Str::limit(strip_tags(html_entity_decode(html_entity_decode($item->content))), 150) !!}
                                                        </p>
                                                        <a class="e_button-16 s_button1 btn btn-primary " href="{{ route('news.show', $item->id) }}" target="_self">
                                                            <span>View More</span> 
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                                <div class="p_page">
                                    {{ $news->links() }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection