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

@section('title', $Article->meta_title)
@section('description', $Article->meta_description)

@section('og_title', $Article->meta_title)
@section('og_description', $Article->meta_description)
@section('og_image', asset($Article->post_image))

@php
$page_url = url()->current();
@endphp

<!--product details start-->
<div class="product_details single_page mt-70">
    <div class="container">
        <div class="row">
            <div class="col-lg-9 col-md-12">
                <div class="product_right_sidebar">
                    <div class="row">

                        <!-- Breadcumbs -->
                        <nav aria-label="breadcrumb">
                          <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Home <i class="fa fa-angle-double-right"></i></a></li>
                            <li class="breadcrumb-item category"><a href="#">{{ ucwords($Article['Category'] ['CategoryName']) }} <i class="fa fa-angle-double-right"></i></a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{ ucwords($Article->english_title) }}</li>
                          </ol>
                        </nav>
                        <!-- End Breadcumbs -->
                        <h1 class="mb-20 tamil-font">{{ $Article->tamil_title }}</h1>
                        <div class="post-by">
                            <i class="fa fa-user"></i> <span>By</span> {{ ucwords($Article->post_author) }}
                             | Published on <i class="fa fa-clock-o"></i> {{ date('d M Y', strtotime($Article->post_updated_date)) }} 
                        </div>
                        <!-- SocialShare -->
                        <div class="social-share mt-10 mb-30">
                            <ul>
                                <li><a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ $page_url }}" title="facebook" title="facebook"><i class="fa fa-facebook"></i> Like</a></li>           
                                <li><a class="twitter" href="http://twitter.com/share?text={{ ucwords($Article->english_title) }}&url={{ $page_url }}" title="twitter"><i class="fa fa-twitter"></i> tweet</a></li>           
                                <li><a class="pinterest" href="#" title="pinterest"><i class="fa fa-pinterest"></i> save</a></li>           
                                <li><a class="instagram" href="#" title="google +"><i class="fa fa-instagram"></i> share</a></li>        
                            </ul>      
                        </div>
                        <!-- End SocialShare -->
                        <!-- Image -->
                        <div class="col-lg-6 col-md-6">
                            <div class="product-details-tab">
                                <div id="img-1" class="zoomWrapper single-zoom">
                                    <a href="#">
                                        <img src="{{ asset($Article->post_image) }}" alt="{{ $Article->post_image_alt }}" alt="big-1">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- End Image -->
                        <!-- Right Content -->
                        <div class="col-lg-6 col-md-6">
                            <div class="product_d_right">
                                <h2 class="english-font">{{ $Article->english_title }}</h2>
                                <div class="product_meta mt-6">
                                    <span><strong>Category:</strong> {{ ucwords($Article['Category'] ['category_name']) }} </span>
                                </div>
                                <div class="product_meta mt-6">
                                    <span><strong>Sub Category:</strong> {{ ucwords($Article['SubCategory'] ['sub_category_name']) }} </span>
                                </div>
                                <div class="product_desc tamil-font mt-30">
                                <p>{{ $Article->post_description_tamil }}</p>   
                                </div>
                            </div>
                        </div>
                        <!-- End Content -->
                    </div>
                </div>
                
                <!-- Content -->
                <div class="product_d_info mb-65 mt-40">  
                    <div class="product_d_inner ">   
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="info" role="tabpanel" >
                                <div class="product_info_content">
                                    {!! $Article->post_content !!}
                                </div>    
                            </div>
                        </div>

                    </div>       
                </div>  
                <!-- End Content -->

            </div>
            <div class="col-lg-3 col-md-12">
             @include('frontend.body.archive_sidebar')  
            </div>
        </div>
    </div>    
</div>
<!--product details end-->

@endsection