@extends('layouts.app')
@section('content')
    <div class="col-12 col-md-6">
        <div class="row">
            <!-- slider -->
            <div class="col-12 p-0">
                <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item">
                            <img src="img/slider.png" class="img-fluid w-100" alt="slider">
                            <div class="carousel-caption">
                                <h5>Good news, opening on 1/6/2024!</h5>
                                <p>Classis V:5517 - MaxLev : 140 +12 - Rates : meduim - Anti cheat for more fair play - DropDB+Stones+ExpBall - Last class Monk - P6 Dragons Souls - No Chi-No Jiang-No Epic - Old Maps - PVP/PVE Events - Elite PK - Skill Team PK Tournament - Team PK Tournament - Online-Event-Boss Points - And More Join us now! </p>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img src="img/slider.png" class="img-fluid w-100" alt="slider">
                            <div class="carousel-caption">
                                <h5>GOOD NEWS! ADVENTURER!</h5>
                                <p>Classis V:5517 - MaxLev : 140 +12 - Rates : meduim - Anti cheat for more fair play - DropDB+Stones+ExpBall - Last class Monk - P6 Dragons Souls - No Chi-No Jiang-No Epic - Old Maps - PVP/PVE Events - Elite PK - Skill Team PK Tournament - Team PK Tournament - Online-Event-Boss Points - And More Join us now!  ! </p>
                            </div>
                        </div>
                        <div class="carousel-item active">
                            <img src="img/slider.png" class="img-fluid w-100" alt="slider">
                            <div class="carousel-caption">
                                <h5>GOOD NEWS! ADVENTURER!</h5>
                                <p>Classis V:5517 - MaxLev : 140 +12 - Rates : meduim - Anti cheat for more fair play - DropDB+Stones+ExpBall - Last class Monk - P6 Dragons Souls - No Chi-No Jiang-No Epic - Old Maps - PVP/PVE Events - Elite PK - Skill Team PK Tournament - Team PK Tournament - Online-Event-Boss Points - And More Join us now!  ! </p>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Next</span>
                    </button>
                </div>
            </div>

            <!-- news-header -->
            <div class="col-12 news-header px-5 text-primary text-opensans d-flex align-items-center">
                <span class="px-3">Latest News</span>
            </div>

            <!-- news-content -->
            <div class="col-12 news-content">
                <!-- notice / loop -->
                @foreach($news as $row)
                 <div class="col-12 py-4">
                  

                    <!-- notice-content -->
                    <div class="p-3">
                        <h6 class="text-white">{{$row->title}}</h6>
                        <p class="text-muted login-options">{{$row->body}} ...</p>
                    </div>

                    <!-- notice-footer -->
                    <div class="px-4 notice-footer d-flex justify-content-between align-items-center">
                        <!-- written by / date -->
                        <div class="text-opensans">
                            <p class="login-options text-primary p-0 m-0">Written by Administartor</p>
                            <p class="login-options text-white p-0 m-0">{{$row->created_at}}</p>
                        </div>

                        <!-- read more button -->
                        <div>
                            <a href="{{route('news' , $row->id)}}">
                                <button class="btn-primary login-options px-4">Read More</button>
                            </a>
                        </div>
                    </div>
                </div>
                 @endforeach



            </div>
        </div>
    </div>
@stop