@extends('layouts.app')

@section('content')
    <!-- Header Start -->
    <section class="bannr-section" style="background-image: url({{ asset('banner.jpg') }});">
        <div class="container">
            <div class="bannr-text">
                <h4 style="color:white">Kegiatan - {{ $kegiatan->judul }}</h4>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="#">Home / Kegiatan</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">{{ $kegiatan->judul }}</li>
                </ol>
            </div>
        </div>
    </section>
    <!-- Header End -->

    <section class="gap position-relative">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="blog-two our-blog hoverimg">
                        <div class="card">
                            <img style="width: 100%;height:100%" src="{{ asset('storage/' . $kegiatan->cover) }}"
                                alt="">
                        </div>
                        <h5> <b>{!! $kegiatan->judul !!}</b> </h5>
                        <hr>
                        <p>{!! $kegiatan->deskripsi !!}</p>
                        <hr>

                    </div>
                </div>
                <h5>Lampiran :</h5>
                <br>
                <br>
                @foreach ($kegiatan->lampiran as $file)
                    <div class="col-lg-6 ">
                        @php
                            $extension = pathinfo($file, PATHINFO_EXTENSION);
                        @endphp

                        @if (in_array($extension, ['jpg', 'jpeg', 'png', 'gif']))
                            {{-- Jika file adalah gambar --}}
                            <div class="card">
                                <img style="width: 100%; height: 471px" src="{{ asset('storage/' . $file) }}"
                                    alt="">
                            </div>
                            <br>
                            <br>
                        @elseif ($extension === 'pdf')
                            {{-- Jika file adalah PDF --}}
                            <div class="card">
                                <iframe style="width: 100%; height: 471px;" src="{{ asset('storage/' . $file) }}"></iframe>
                            </div>
                            <br>
                            <br>
                            {{-- Alternatif link ke file PDF --}}
                            <p>
                                <a href="{{ asset('storage/' . $file) }}" target="_blank">Lihat
                                    PDF</a>
                            </p>
                        @else
                            {{-- Jika file memiliki ekstensi lain --}}
                            <p>File tidak didukung: {{ $file }}</p>
                        @endif
                    </div>
                @endforeach

                <a class="btn btn-danger btn-block" href="{{ url('kegiatan') }}">Kembali</a>
            </div>
        </div>
    </section>
@endsection