@extends('master')

@section('title')
    {{ $title }}
@endsection

@section('content')
<div class="container">
    <h1 class="mb-4"> News details</h1>
    <div class="card">
       <div class="card-header">
           <h1>{{ $newsItem->heading }}</h1>
        </div>
        <div class="card-body">
    <table  class="table table-bordered" style="table-layout: fixed;">
        <thead style="background-color: rgb(99, 131, 172); color:azure">

        <tr >
            <th style="width: 10%">Publish Date</th>
            <th width="10%"> status</th>
            <th style="width: 55%">Description</th>
            <th style="width: 20%">Thumbnail</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>{{ $newsItem->publish_date }}</td>
            <td>{{ $newsItem->status ? 'published':'unpublished'}}</td>
            <td>{!! $newsItem->description ?? 'No description available' !!}</td>
            <td class="text-center">
                @if($newsItem->thumbnail)
                    <img src="{{ asset('thumbnail/' . $newsItem->thumbnail) }}" alt="Thumbnail" width="150" class="img-thumbnail">
                @else
                    No thumbnail available
                @endif
            </td>
        </tr>
        </tbody>
    </table>
    </div>
</div>
<a href="{{ route('news.index') }} " class="btn btn-secondary mt-4">Back to News List</a>

</div>
@endsection