@extends('layouts.app')

@section('page-title', 'Blog-Detail')

@section('content')

    <!-- Blog Section -->
    <section class="single-blognew" data-aos="fade-up">
        <div class="container py-5">

            <!-- Meta -->
            <p class="blog-meta text-muted text-center">
                {{ $blog->published_date ? $blog->published_date->format('F d, Y') : 'N/A' }}
                &nbsp; | &nbsp;
                {{ $blog->category ?? 'General' }}
                &nbsp; | &nbsp;
                by {{ $blog->author->name ?? 'Admin' }}
            </p>

            <!-- Title -->
            <h2 class="blog-title text-center fw-bold">{{ $blog->title }}</h2>

            <!-- Featured Image -->
            @if($blog->featured_img)
                <div class="mb-4 text-center">
                    <img src="{{ asset('/uploads/blogs/' .$blog->featured_img) }}" class="img-fluid rounded" alt="{{ $blog->title }}">
                </div>
            @endif

            <!-- Highlight Section -->
            @if($blog->highlight)
            <div class="highlight-box p-4 mb-4 border-start border-4 border-primary bg-light">
                <h6 class="fw-bold mb-2">Highlight</h6>
                <p class="mb-0">{{ $blog->highlight }}</p>
            </div>
            @endif

            <!-- Blog Content -->
            <div class="blog-content fs-5" style="line-height: 1.8;">
                {!! $blog->content !!}
            </div>

            <!-- Conclusion -->
            @if($blog->conclusion)
            <div class="conclusion-box mt-4 p-3 border-top border-2">
                <h6 class="fw-bold">Conclusion</h6>
                <p>{{ $blog->conclusion }}</p>
            </div>
            @endif

        </div>
    </section>

    <!-- Contact Section -->
    <section class="touch py-5" data-aos="fade-up">
        <div class="container text-center">
            <h2 class="main-title">Get In Touch With Us</h2>
            <div class="row g-4 pt-5">

                <div class="col-md-6 col-lg-3">
                    <div class="contact-card p-3 border rounded">
                        <i class="bi bi-geo-alt fs-3 mb-2"></i>
                        <h5>Registered Office</h5>
                        <p>No.37, Level 2, Chateau D Ampa Nelson Manickam Road, Aminjikarai</p>
                        <p>Chennai-600029, Tamil Nadu, India.</p>
                    </div>
                </div>

                <div class="col-md-6 col-lg-3">
                    <div class="contact-card p-3 border rounded">
                        <i class="bi bi-building fs-3 mb-2"></i>
                        <h5>Factory Address</h5>
                        <p>R.S No 17/2,5,6&amp;7, 7th Cross Street, Om Sakthi Industrial Estate</p>
                        <p>Sedarapet, Puducherry - 60511</p>
                    </div>
                </div>

                <div class="col-md-6 col-lg-3">
                    <div class="contact-card p-3 border rounded">
                        <i class="bi bi-telephone fs-3 mb-2"></i>
                        <h5>Contact Details</h5>
                        <p>+91 44 23745315</p>
                        <p>+91 73587 89910</p>
                    </div>
                </div>

                <div class="col-md-6 col-lg-3">
                    <div class="contact-card p-3 border rounded">
                        <i class="bi bi-envelope fs-3 mb-2"></i>
                        <h5>Email Us</h5>
                        <p>info@mekingsteel.com</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection