@extends('layouts.index')

@section('page_title')
    News Details
@endsection

@section('locations_active')
    nav-item active
@endsection

@section('news_active')
    nav-item active
@endsection

@section('pg_name')
    Project Details List
@endsection

@section('headaddons')
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
@endsection

@section('content')
    @if (count($errors) > 0)
        <div class="col-12" id="div__Error">
            @foreach ($errors->all() as $error)
                <div class="zoomIn col-12 alert alert-danger">
                    {{$error}}
                </div>
            @endforeach
            
        </div>
    @endif

    @if (session('success'))
        <div class="col-12 alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    <div class="container">
        
    @foreach ($news as $item)
        <div class="card mb-3">
            <div class="card-header">

                <h2>{{ $item->newsTitle }}</h2>
            </div>
            <div class="card-body">
                <p><strong>News Author Name:</strong> {{ $item->authorName }}</p>
                <p><strong>News Title:</strong> {{ $item->newsTitle }}</p>
                <p><strong>News Content:</strong> {{ $item->newsContent }}</p>
                <p><strong>News Picture:</strong> {{ $item->newsPicture }}</p>
                <p><strong>Created At:</strong> {{ $item->created_at->format('Y-m-d') }}</p>
                <p><strong>Updated At:</strong> {{ $item->updated_at->format('Y-m-d') }}</p>

                <!-- Edit Button -->
                <a href="{{ route('news.edit', $item->id) }}" class="btn btn-warning mt-3">Edit News</a>
            </div>
        </div>
    @endforeach

<!-- Pagination Links -->
<div class="mt-3">
    {{ $news->links() }}
</div>


    </div>
@endsection