@extends('themes.one.master')

@section('title')
    __('Blog Details')
@endsection

@section('content')
     <!--=================================
    Articles -->
    @php
        use Carbon\Carbon;

        $date = $artical['date'] ?? null;
        $fromTime = $artical['from_time'] ?? null;
        $toTime = $artical['to_time'] ?? null;

        //Format date/time safely
        $dateLabel = $date ? Carbon::parse($date)->format('d M, Y') : '';
        $fromLabel = $fromTime ? Carbon::parse($fromTime)->format('g:i A') : '';
        $toLabel   = $toTime   ? Carbon::parse($toTime)->format('g:i A')   : '';

    @endphp
    <section class="space-ptb position-relative">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 mb-4 mb-md-0">
                    <!-- Blog 01 START -->
                    <div class="blog">
                        <!-- Blog image -->
                        <div class="blog-image">
                            <img class="img-fluid border-radius" src="{{ $artical['image'] }}" alt="{{ transField($artical, 'title') }}">
                        </div>
                        <!-- Blog content -->
                        <div class="blog-content border-0 mt-4">
                            <h5 class="blog-title mb-3"><a href="blog-detail.html">{{ transField($artical, 'title') }}</a></h5>
                            <div class="blog-meta mb-0">
                                <ul class="list-unstyled mb-0 d-flex">
                                    <li><i class="fas fa-calendar-alt"></i> {{ $dateLabel }}</li>
                                    <li><i class="fas fa-clock"></i>  {{ $fromLabel }} - {{ $toLabel }}</li>
                                </ul>
                            </div>
                            <p>{!! transField($artical, 'long_desc') !!}</p>
                        </div>
                    </div>
                    <!-- Blog 01 END -->
                </div>
            </div>
        </div>
    </section>
    <!--=================================
    Articles -->

    <!--=================================
    Call to action -->
    @include('themes.one.sections.subscribe')
    <!--=================================
    Call to action -->
@endsection