@extends('website.layout.app')

@section('title', $blog->meta_title ?? 'Invinaa')
@section('meta_keywords', $blog->meta_keyword ?? '')
@section('meta_description', $blog->meta_description ?? '')


@section('content')

    <div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px">
      <div class="row py-5">
        <div class="col-12 pt-lg-5 mt-lg-5 text-center">
          <h1 class="display-4 text-white animated zoomIn">News Details</h1>
          <p class="text-white mt-3 lead">
            Insights for your business growth
          </p>
        </div>
      </div>
    </div>
  </div>
  <!-- Navbar End -->

  <!-- Service detail Start -->
  <section class="blog-detail py-5">
    <div class="container">
      <div class="row g-5">
        <!-- Blog Content -->
        <div class="col-lg-8">
          <div class="blog-detail-content">
            <img src="{{ asset($news->image ?? 'notImage.jpg') }}" class="img-fluid rounded mb-4" alt="Blog Image" />
            <h2 class="fw-bold mb-3">Mastering Startup Growth in 2025</h2>
            <div class="d-flex mb-3 text-muted small">
              <div class="me-3"><i class="bi bi-person"></i> {{ $news->name ?? '' }}</div>
              <div class="me-3">
                <i class="bi bi-calendar"></i> {{ \Carbon\Carbon::parse($news->date ?? now())->format('d M, Y') }}
              </div>
            </div>

                {!! $news->description !!}

            {{-- <hr class="my-5" /> --}}
          </div>
        </div>

        <!-- Sidebar -->
        <div class="col-lg-4">
          <div class="bg-light p-4 rounded mb-4">
            <h5 class="mb-3">Recent News</h5>
            <ul class="list-unstyled">
                @foreach ($recent_news as $recentnewsData)
                    <li>
                        <a href="{{ route('news-detail',base64_encode($recentnewsData->id)) }}" class="d-block mb-2"><i class="bi bi-arrow-right me-2 text-primary"></i>
                        {{ $recentnewsData->title ?? '' }}
                        </a>
                    </li>
                @endforeach
            </ul>
          </div>

          {{-- <div class="bg-light p-4 rounded shadow-sm">
            <h5 class="mb-3 fw-bold text-primary">
              <i class="bi bi-grid me-2"></i>Categories
            </h5>

            <ul class="list-unstyled mb-0 category-list">
                @foreach ($newscategoryList as $newscategoryData)
                    <li class="mb-2">
                        <a href="#" class="d-flex align-items-center p-2 rounded">
                            <i class="bi bi-arrow-right text-primary me-2"></i>
                            <span>{{ $newscategoryData->title ?? '' }}</span>
                        </a>
                    </li>
                @endforeach
            </ul>
          </div> --}}
        </div>
      </div>
    </div>
  </section>

  <!-- Service detail End -->

@include('website.testimonials-list')

@include('website.request-quotes')
@endsection