@extends('layouts.frontend.app')
@section('content')
<section class="about-detail setion-cform">
<div class="container my-5">
    <div class="row justify-content-center">
        <div class="col-lg-12">

            {{-- Blog Media --}}
            @php
                $file = $blog->image ?? 'default.png';
                $ext = strtolower(pathinfo($file, PATHINFO_EXTENSION));
                $fileUrl = asset('uploads/blog/' . $file);
            @endphp

            <div class="blog-media mb-4 text-center">
                @if(in_array($ext, ['jpg','jpeg','png','gif','webp']))
                    <img src="{{ $fileUrl }}" alt="{{ $blog->title }}" class="img-fluid rounded shadow" style="max-height:450px; object-fit:cover;">
                @elseif(in_array($ext, ['mp4','webm','ogg']))
                    <video class="w-100 rounded shadow" height="450" controls>
                        <source src="{{ $fileUrl }}" type="video/{{ $ext }}">
                        Your browser does not support the video tag.
                    </video>
                @else
                    <img src="{{ asset('uploads/blog/default.png') }}" alt="default" class="img-fluid rounded shadow">
                @endif
            </div>

            {{-- Blog Content --}}
            <div class="blog-content">
              
                <p class="text-muted mb-4">
                    <i class="bi bi-calendar-event"></i>
                    {{ formatCustomDate($blog->created_at) }} 
                    
                </p>

                <div class="description">
                    {!! $blog->description !!}
                </div>
            </div>

        </div>
    </div>
</div>
</section>

@endsection