@extends('manager.layouts.app')

@section('page_title')
    {{ $page_title ?? 'Noticeboard Details' }}
@endsection

@section('content')
    <div class="card mt-3">
        <div class="card-body">

            {{-- Header --}}
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h4 class="card-title mb-0">{{ $data->title }}</h4>
                    <div class="small text-medium-emphasis">
                        {{ $data->is_active ? 'Active' : 'Inactive' }}
                    </div>
                </div>
                <div class="btn-toolbar d-none d-md-block">
                    @can('manager_master-data_news-event-list')
                        <a href="{{ $url ?? '' }}" class="btn btn-sm btn-primary">
                            {{ $url_text ?? 'Back to List' }}
                        </a>
                    @endcan
                </div>
            </div>

            <hr>

            {{-- Event Info --}}
            <div class="row mb-3">
                <div class="col-md-6">
                    <strong>Author:</strong> {{ $data->author }}
                </div>
                <div class="col-md-6">
                    <strong>Category:</strong> {{ $data->category }}
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-6">
                    <strong>Publish Date:</strong>
                    {{ $data->published_at ? \Carbon\Carbon::parse($data->published_at)->format('d M Y') : '-' }}
                </div>
                <div class="col-md-6">
                    <strong>Status:</strong> {{ $data->is_active ? 'Active' : 'Inactive' }}
                </div>
            </div>

            <div class="mb-3">
                <strong>Description:</strong>
                <div>{!! $data->description !!}</div>
            </div>

            {{-- Images --}}
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label fw-bold">Avatar</label>
                    <div class="img-box border p-2 rounded bg-light text-center">
                        @if($data->avatar)
                            <img src="{{ asset('storage/'.$data->avatar) }}"
                                 class="img-fluid rounded-circle shadow-sm"
                                 alt="Author Avatar" width="150">
                        @else
                            <span class="text-muted">No avatar uploaded</span>
                        @endif
                    </div>
                </div>

                <div class="col-md-6 mb-3">
                    <label class="form-label fw-bold">Cover Image</label>
                    <div class="img-box border p-2 rounded bg-light text-center">
                        @if($data->cover_image)
                            <img src="{{ asset('storage/'.$data->cover_image) }}"
                                 class="img-fluid rounded shadow-sm"
                                 alt="Cover Image">
                        @else
                            <span class="text-muted">No cover image uploaded</span>
                        @endif
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection