@extends('master')

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

@section('content')
<div class="container">
    <h1 class="mb-4">Notice Details:</h1>
    <div class="card">
        <div class="card-header">
            <h1>{{ $notice->heading }}</h1>
        </div>
        
            <table class="table table-bordered" style="table-layout: fixed;">
                <thead style="background-color: rgb(99, 131, 172); color:azure">
                    <tr>
                        <th width="15%">Publish Date</th>
                        <th width="40%">Description</th>
                        <th width="10%">Posted By</th>
                        <th width="20%">Thumbnail</th>
                        <th width="20%"> Action</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>{{ \Carbon\Carbon::parse($notice->published_date)->format('d-m-Y H:i') }}</td>
                        <td>{!! $notice->description ?? 'No description available' !!}</td>
                        <td>{{ $notice->post_by ?? 'N/A'}}</td>
                        <td class="text-center">
                            @if($notice->thumbnail)
                                <img src="{{ asset('noticethumbnail/' . $notice->thumbnail) }}" alt="Thumbnail" width="150" class="img-thumbnail">
                            @else
                                No thumbnail available
                            @endif
                        </td>
                        <td> <a href="{{ route('notice_files.create', $notice->id) }}" class="btn btn-secondary btn-sm"> Manage Files</a></td>
                    </tr>
                </tbody>
            </table>

            {{-- <a href="{{ route('notices.index') }}" class="btn btn-secondary mt-4">Back to Notices List</a> --}}
       
    </div>

    <h2>Attached Files</h2>
    @if ($notice->noticeFiles->isEmpty())
        <p>No files attached to this notice.</p>
    @else
    <table class="table table-bordered" >
        <thead style="background-color: rgb(99, 131, 172); color:azure">
          
                <tr>
                    <th>ID</th>
                    <th>File Title</th>
                    <th>Filename</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($notice->noticeFiles as $file) 
                    <tr>
                        <td>{{ $file->id }}</td>
                        <td>{{ $file->file_title }}</td>
                        <td>
                            <a href="{{ Storage::url($file->filename) }}" target="_blank">view  {{ $file->file_title }} ...</a>
                        </td>
                        <td>{{ $file->status == 1 ? 'Published' : 'Unpublished' }}</td>
                        <td>
                            {{-- <a href="{{ route('notice_files.edit',  [$notice->id, $file->id]) }}" class="btn btn-warning btn-sm">Edit</a> --}}
                            <form action="{{ route('notice_files.destroy',  [$notice->id, $file->id]) }}" method="POST" style="display:inline">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endif
    <a href="{{ route('notices.index') }}" class="btn btn-secondary mt-4">Back to Notices List</a>

   
</div>     

@endsection