@extends('layouts.admin.master')

@section('title')
    View Notice
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="card dashboard-custom-card">
                    <div class="card-body">
                        <div class="card-header custom-card-header p-0  border-0">
                            <h4 class="">Notice</h4>

                            <div class="card-tools">
                                <a href="{{route('admin.notices.index')}}" class="btn btn-info">
                                    <i class="fas fa-backward"></i> Back
                                </a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-md-8">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="custom-view-box mb-4">
                                            <p class="label-text text-bold mb-0">Title</p>
                                            <div class="input-box">
                                                {{ $notice->title }}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="custom-view-box mb-4">
                                            <p class="label-text text-bold mb-0">Expiry Date</p>
                                            <div class="input-box">
                                                {{ date('d M, Y', strtotime($notice->expiry_date)) }}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="custom-view-box mb-4">
                                            <p class="label-text text-bold mb-0">Status</p>
                                            <div class="input-box">
                                                {{ $notice->status == 1 ? 'Active' : 'Inactive' }}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="custom-view-box mb-4">
                                            <p class="label-text text-bold mb-0">Visibility</p>
                                            <div class="input-box">
                                                {{ $notice->visibility == 1 ? 'Visible' : 'Hidden' }}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="custom-view-box mb-4">
                                            <p class="label-text text-bold mb-0">Description</p>
                                            <div class="input-box">
                                                {!! $notice->description ?? '' !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-4">
                                <h5>Attachment</h5>
                                <div class="gallery">
                                    <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="Event Image" class="img-fluid">
                                        @elseif ($fileExtension === 'pdf')
                                            <iframe src="{{ asset('storage/' . $notice->attachment) }}" width="40%" height="500px"></iframe>
                                        @else
                                            <p>No valid attachment available</p>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection