@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'))

<!--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->medicine_type) }} <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">{{ ucwords($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_date)) }} 
                        </div>
                        <!-- SocialShare -->
                        <div class="social-share mt-10 mb-30">
                            <ul>
                                <li><a class="facebook" href="#" title="facebook"><i class="fa fa-facebook"></i> Like</a></li>           
                                <li><a class="twitter" href="#" 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->medicine_image) }}" alt="{{ $Article->medicine_image_alt }}" data-zoom-image="assets/img/product/productbig4.jpg" 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>Medicine Type:</strong> {{ ucwords($Article->medicine_type) }}</span>
                                </div>
                                <div class="product_meta mt-6">
                                    <span><strong>Medicine Used for:</strong> {{ ucwords($Article->medicine_used_for) }}</span>
                                </div>
                                <div class="product_desc tamil-font mt-30">
                                <p>{{ $Article->medicine_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->medicine_content !!}
                                </div>    
                            </div>
                        </div>

                        <h2 class="tamil-font">அடிக்கடி கேட்கப்படும் கேள்விகள்</h2>
                        
                        <!-- Faq -->
                        <div class="accordion mt-40" id="accordionExample">
                          <!-- Faq 1 -->
                          @if($Article->faq_question_1 != '')
                          <div class="accordion-item">
                            <h2 class="accordion-header english-font" id="headingOne">
                              <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                <p>{{ ucwords($Article->faq_question_1) }}</p>
                              </button>
                            </h2>
                            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                              <div class="accordion-body">
                                <p>{{ $Article->faq_answer_1 }}</p>
                              </div>
                            </div>
                          </div>
                          @endif
                          <!-- Faq 2 -->
                          @if($Article->faq_question_2 != '')
                          <div class="accordion-item">
                            <h2 class="accordion-header english-font" id="headingTwo">
                              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                <p>{{ ucwords($Article->faq_question_2) }}</p>
                              </button>
                            </h2>
                            <div id="collapseTwo" class="accordion-collapse collapse show" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                              <div class="accordion-body">
                                <p>{{ $Article->faq_answer_2 }}</p>
                              </div>
                            </div>
                          </div>
                          @endif
                          <!-- Faq 3 -->
                          @if($Article->faq_question_3 != '')
                          <div class="accordion-item">
                            <h2 class="accordion-header english-font" id="headingThree">
                              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                <p>{{ ucwords($Article->faq_question_3) }}</p>
                              </button>
                            </h2>
                            <div id="collapseThree" class="accordion-collapse collapse show" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                              <div class="accordion-body">
                                <p>{{ $Article->faq_answer_3 }}</p>
                              </div>
                            </div>
                          </div>
                          @endif
                          <!-- Faq 4 -->
                          @if($Article->faq_question_4 != '')
                          <div class="accordion-item">
                            <h2 class="accordion-header english-font" id="headingFour">
                              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                <p>{{ ucwords($Article->faq_question_4) }}</p>
                              </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse collapse show" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
                              <div class="accordion-body">
                                <p>{{ $Article->faq_answer_4 }}</p>
                              </div>
                            </div>
                          </div>
                          @endif
                          <!-- Faq 5 -->
                          @if($Article->faq_question_5 != '')
                          <div class="accordion-item">
                            <h2 class="accordion-header english-font" id="headingFive">
                              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                <p>{{ ucwords($Article->faq_question_5) }}</p>
                              </button>
                            </h2>
                            <div id="collapseFive" class="accordion-collapse collapse show" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
                              <div class="accordion-body">
                                <p>{{ $Article->faq_answer_5 }}</p>
                              </div>
                            </div>
                          </div>
                          @endif
                          <!-- Faq 6 -->
                          @if($Article->faq_question_6 != '')
                          <div class="accordion-item">
                            <h2 class="accordion-header english-font" id="headingSix">
                              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                <p>{{ ucwords($Article->faq_question_6) }}</p>
                              </button>
                            </h2>
                            <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#accordionExample">
                              <div class="accordion-body">
                                <p>{{ $Article->faq_answer_6 }}</p>
                              </div>
                            </div>
                          </div>
                          @endif
                          <!-- Faq 7 -->
                          @if($Article->faq_question_7 != '')
                          <div class="accordion-item">
                            <h2 class="accordion-header english-font" id="headingSeven">
                              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                                <p>{{ ucwords($Article->faq_question_7) }}</p>
                              </button>
                            </h2>
                            <div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven" data-bs-parent="#accordionExample">
                              <div class="accordion-body">
                                <p>{{ $Article->faq_answer_7 }}</p>
                              </div>
                            </div>
                          </div>
                          @endif
                        </div>
                        <!-- End Faq -->
                        
                    </div>       
                </div>  
                <!-- End Content -->

                <!-- Related Posts -->
                <section class="product_area related_products mt-80">
                    <div class="container">
                        <div class="row">
                            <div class="col-12">
                                <div class="section_title">
                                    <h2>Related Posts</h2>
                                </div>
                            </div>
                        </div> 
                        <div class="row">
                            <div class="col-12">
                                <div class="product_carousel product_column5 owl-carousel">
                                    @php
                                        $random_posts = App\Models\Allopathic::where('status', '1')->inRandomOrder()->limit(5)->get();
                                    @endphp
                                    @foreach($random_posts as $item)
                                    @php
                                        $title =  str_replace(' ', '-', strtolower($item->english_title));
                                    @endphp
                                    <article class="single_product">
                                        <figure>
                                            <div class="product_thumb">
                                                <a class="primary_img" href="{{ route('single.post.allopathic', ['title' => $title]) }}"><img src="{{ asset($item->medicine_image) }}" alt="{{ $item['medicine_image_alt'] }}"></a>
                                            </div>
                                            <figcaption class="product_content">
                                                <h4 class="product_name"><a href="{{ route('single.post.allopathic', ['title' => $title]) }}">{{ Str::limit($item->tamil_title, 45) }}</a></h4>
                                            </figcaption>
                                        </figure>
                                    </article>
                                    @endforeach
                                </div>
                            </div>
                        </div>  
                    </div>
                </section>
                <!--Related Posts end-->

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

@endsection