@extends('Layouts.app')
@section('_Titlepage','News Detail')
@section('_newspage','active')
@section('meta')
    <meta property="og:url"           content="http://127.0.0.1:8000/en/news/{{($_newsRun['name'])}}" />
    <meta property="og:type"          content="website" />
    <meta property="og:title"         content="{{($_newsRun['name'])}}" />
    <meta property="og:description"   content="{{($_newsRun['detail'])}}" />
    <meta property="og:image"         content="http://127.0.0.1:8000/images/background/{{($_newsRun['image'])}}" />

@endsection
@section('_content')
<!--
-->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous"
src="https://connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v19.0&appId=1057884998641417" nonce="yyB8Ue7J"></script>



    <div class="container-fluid bg-white-style-1 px-0">
        <div class="row justify-content-center">
            <div class="unnamed-bg-style-62">
                <div class="container-xl position-relative">
                    <div class="row">
                        <div class="col-lg-12 text-center">
                            <div class="unnamed-character-style-77">
                                {{($_newsRun['name'])}}
                            </div>
                            <div class="d-flex justify-content-center">
                                <div class="unnamed-bg-style-63"></div>
                                <div class="unnamed-character-style-78">
                                    {{($_newsRun['datetimestart'])}}
                                </div>
                            </div>
                            <div>
                                <img src="{{ asset('/images/background/'.$_newsRun['image']) }}" alt="{{$_newsRun['image']}}"
                                class="img-news">
                            </div>
                            <div class="d-grid justify-content-center">
                                <div class="unnamed-character-style-79">
                                    {{($_newsRun['detail'])}}
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="d-flex justify-content-end mb-3">
                            <div class="me-lg-5"> Share :</div>
                            <a class="icon-facebook me-lg-2" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://127.0.0.1:8000/en/news/{{($_newsRun['name'])}};src=sdkpreparse"></a>
                            <div class="icon-line me-lg-2"></div>
                            <div class="icon-x me-lg-2"></div>
                            <div class="icon-link me-lg-2"></div>
                        </div>
                        <hr>

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


    <div class="container-fluid bg-white-style-1 px-0">
        <div class="row justify-content-center">
            <div class="unnamed-bg-style-64">
                <div class="container-xl position-relative">
                    <div class="unnamed-character-style-80">
                        What To Read Next
                    </div>
                    <div class="d-flex justify-content-between mt-2">
                        <div class="news-card" >
                            <img src="{{ asset('/images/background/coinhako-t28IwDyGHnU-unsplash.png') }}" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h5 class="card-title-style-1">{{ __('main.GoldGo Technical Architecture') }}</h5>
                                <p class="card-text-style-1">{{ __('main.Costs needed to2') }}</p>
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="d-flex ">
                                        <img src="{{ asset('/images/background/Path 13815.png') }}" alt="" class="icon-style-1">
                                        <span class="card-footer-style-1">17 Jun 2024</span>
                                    </div>
                                    <a href="#">
                                        <button class="unnamed-btn-style-2">
                                            <span class="unnamed-character-style-29">{{ __('main.Read More') }}
                                            <i class="bx bx-right-arrow-alt" style="color:#ffffff "></i></span>

                                        </button>

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

                        <div class="news-card">
                            <img src="{{ asset('/images/background/annie-spratt-FLY7CEwbJsg-unsplash.png') }}" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h5 class="card-title-style-1">{{ __('main.GoldGo Technical Architecture') }}</h5>
                                <p class="card-text-style-1">{{ __('main.Costs needed to2') }}</p>
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="d-flex ">
                                        <img src="{{ asset('/images/background/Path 13815.png') }}" alt="" class="icon-style-1">
                                        <span class="card-footer-style-1">17 Jun 2024</span>
                                    </div>
                                    <a href="#">
                                        <button class="unnamed-btn-style-2">
                                            <span class="unnamed-character-style-29">{{ __('main.Read More') }}
                                            <i class="bx bx-right-arrow-alt" style="color:#ffffff "></i></span>

                                        </button>

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

                        <div class="news-card">
                            <img src="{{ asset('/images/background/joshua-mayo-PNodyzJcccA-unsplash.png') }}" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h5 class="card-title-style-1">{{ __('main.GoldGo Technical Architecture') }}</h5>
                                <p class="card-text-style-1">{{ __('main.Costs needed to2') }}</p>
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="d-flex ">
                                        <img src="{{ asset('/images/background/Path 13815.png') }}" alt="" class="icon-style-1">
                                        <span class="card-footer-style-1">17 Jun 2024</span>
                                    </div>
                                    <a href="#">
                                        <button class="unnamed-btn-style-2">
                                            <span class="unnamed-character-style-29">{{ __('main.Read More') }}
                                            <i class="bx bx-right-arrow-alt" style="color:#ffffff "></i></span>

                                        </button>

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

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection