@extends('layouts.frontend.master')

@section('title', $notice->title . ' - Notice Details')
@push('css')
<style>
    .notice-container{
        min-height: 600px;
    }
</style>
@endpush

@section('content')
<main class="container mx-auto px-4 py-2 notice-container">
    <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
        <!-- Main Content Column -->
        <div class="lg:col-span-2">
            <!-- Alumni Login/Info Section -->
            <div class="section-card p-8 mb-8">
                <h2 class="text-2xl font-bold text-gray-800 mb-6 border-b pb-3">Notice Details</h2>

                {{-- Event Name (full width) --}}
                <div class="mb-6">
                    <span class="text-lg font-semibold text-gray-700 mb-2 block">
                        <i class="fas fa-info-circle mr-2 text-blue-500"></i> Notice Title
                    </span>
                    <p class="text-lg text-gray-800">
                        @if($notice->title)
                            {{ $notice->title }}
                        @endif
                    </p>
                </div>

                {{-- Description (full width) --}}
                @if(isset($notice->description))
                    <div>
                        <h3 class="text-lg font-semibold text-gray-700 mb-2">
                            <i class="fas fa-info-circle mr-2 text-blue-500"></i> Description
                        </h3>
                        <div class="text-gray-600">
                            {!! $notice->description ?? 'Not specified' !!}
                        </div>
                    </div>
                @endif

            </div>
        </div>

        <!-- Attachment Section -->
        <div class="section-card p-4 mb-8">
            <h2 class="text-2xl font-bold text-gray-800 mb-6 border-b pb-3">Attachment</h2>

            <div class="gallery-item">
                @php
                    $fileExtension = pathinfo($notice->attachment, PATHINFO_EXTENSION);
                @endphp

                @if (in_array($fileExtension, ['jpg', 'jpeg', 'png', 'gif', 'webp']))
                    <img src="{{ asset('storage/' . $notice->attachment) }}" alt="Notice Attachment" class="img-fluid">
                @elseif ($fileExtension === 'pdf')
                    <iframe src="{{ asset('storage/' . $notice->attachment) }}" width="99%" height="600px"></iframe>
                @else
                    <p>No valid attachment available</p>
                @endif
            </div>
        </div>
    </div>
    
</main>
@endsection