@extends('frontend.main_master')
@section('main')

@section('title', 'Tamil Maruthuvam | Home')
@section('description', 'Baby Names Tamil provide tamil baby boy names and girl names with meaning. modern tamil baby names, muslim tamil baby names, christian tamil baby names.')

@section('og_title', 'Tamil Baby Boy and Girl Names with Meaning | Baby Names Tamil')
@section('og_description', 'Baby Names Tamil provide tamil baby boy names and girl names with meaning. modern tamil baby names, muslim tamil baby names, christian tamil baby names.')
@section('og_image', asset('frontend/assets/images/baby-home.png'))


@php
$category = $Article->post_category;
@endphp

<!-- Blog Details Section Begin -->
<section class="blog-details spad">
    <div class="container">
        <div class="row">
            
            <!-- Content -->
            <div class="col-lg-9 col-md-7 order-md-1 order-1 main-content">

                <nav class="breadcrumb-common" aria-label="breadcrumb">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item home"><a href="{{ route('home') }}">Home</a></li>
                    <li class="breadcrumb-item second"><i class="fa fa-angle-double-right"></i> <a href="#">{{ ucwords($Article['Category']['category_name']) }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"> <span><i class="fa fa-angle-double-right"></i> {{ $Article->post_title }}</span></li>
                  </ol>
                </nav>

                <div class="section-title product__discount__title">
                    <h1>{{ $Article->post_title }}</h1>
                    <h2>{{ ucwords($Article->post_title_2) }}</h2>
                </div>
                
                <div class="blog__details__text">
                    <div class="post_image text-center">
                        <img src="{{ asset($Article->post_image) }}" alt="{{ $Article->post_image_alt }}">
                        <p class="post-image-caption">{{ ucwords($Article->post_image_caption) }}</p>
                    </div>
                    {!! $Article->post_content !!}
                </div>

                <div class="text-related-posts-title">
                    <h3>சித்த மருத்துவம் தொடர்புடைய பதிவுகள்</h3>
                </div>

                <div class="text-related-posts">
                    <ul>
                        <li><i class="fa fa-angle-double-right"></i> <a href="#"> நோய்களை தூரமாக்கும் துளசியின் பயன்கள்</a></li>
                        <li><i class="fa fa-angle-double-right"></i> <a href="#"> நோய்களை தூரமாக்கும் துளசியின் பயன்கள்</a></li> 
                        <li><i class="fa fa-angle-double-right"></i> <a href="#"> நோய்களை தூரமாக்கும் துளசியின் பயன்கள்</a></li>
                        <li><i class="fa fa-angle-double-right"></i> <a href="#"> நோய்களை தூரமாக்கும் துளசியின் பயன்கள்</a></li> 
                    </ul>
                </div>

                <div class="blog__details__content">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="blog__details__author">
                                <div class="blog__details__author__pic">
                                    <img src="{{ asset('frontend/assets/img/author-logo.png') }}" alt="">
                                </div>
                                <div class="blog__details__author__text">
                                    <span>Author</span>
                                    <h6>Tamil Maruthuvam</h6>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="blog__details__widget">
                                <ul>
                                    <li><span>Category:</span> {{ ucwords($Article['Category']['category_name']) }}</li>
                                    <li><span>Tags:</span> All, Trending, Cooking, Healthy Food, Life Style</li>
                                </ul>
                               
                                <div class="blog__details__social social-share">
                                    <a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
                                    <a class="x" href="#"><i>X</i></a>
                                    <a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a>
                                    <a class="instagram" href="#"><i class="fa fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Sidebar -->
            <div class="col-lg-3 col-md-5 order-md-1 order-2">
                <div class="blog__sidebar">
                    <div class="blog__sidebar__search">
                        <form action="#">
                            <input type="text" placeholder="Search...">
                            <button type="submit"><span class="icon_search"></span></button>
                        </form>
                    </div>
                </div>
                @include('frontend.body.single_page_sidebar')
            </div>

        </div>
    </div>
</section>
<!-- Blog Details Section End -->

<!-- Related Blog Section Begin -->
<section class="related-blog spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title related-blog-title">
                    <h2>Popular Posts</h2>
                </div>
            </div>
        </div>
        <div class="row">

            @php
                $random_posts = App\Models\MyPosts::where('status', '1')->inRandomOrder()->limit(5)->get();
            @endphp
            @foreach($random_posts as $item)
            <div class="col-lg-2 col-md-4 col-sm-6">
                <div class="blog__item">
                    <div class="blog__item__pic">
                        <img src="{{ asset($item->post_image) }}" alt="">
                    </div>
                    <div class="blog__item__text">
                        <ul>
                            <li>{{ ucwords($item['Category']['category_name']) }}</li>
                        </ul>
                        <h5><a href="#">{{ $item->post_title }}</a></h5>
                        <p>{{ Str::limit($item->post_excerpt, 30) }}</p>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
<!-- Related Blog Section End -->
@endsection