@extends('layouts.frontend')

@section('content')
<div class="banner">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h2 class="page-title">INVESTMENT PRODUCT FAQ: {{$category->name}}({{count($category->productfaq)}})</h2>
            </div>
        </div>
    </div>
    <a href="#" class="btn-chat">Chat With Us</a>
</div>
<section class="main-sec">
	<div class="container">
    	<div class="row">
            <div class="col-md-9">
                <!-- <h3>Mutual Fund FAQ's</h3> -->
                <div id="accordion_disable" class="accordion_disable">

                  @if($productfaqs)
                    @php
                      $count = 0;
                    @endphp
                      @foreach($productfaqs as $faq)
                        <div class="FAQIconFinder" data_id="{{$faq->id}}">
                          <h3>{{$faq->question}}</h3>
                          <ul>
                              <li>
                                  <i class="fa fa-eye"></i>
                                  <span id="views{{$faq->id}}">{{$faq->views}}</span>
                              </li>
                              <li>
                                  <i class="fa fa-heart"></i> <span class="like{{$faq->id}}" class="count">{{$faq->likes}}</span>
                              </li>
                          </ul>
                        </div>
                        <div class="content-section" id="content-section{{$faq->id}}" style='display:none;'>
                          {!! $faq->answer !!}

                          <p>
                              
                              <a href="javascript:void(0);" class="ifa-business-faq-like" data_id="{{$faq->id}}" >
                                <i class="fa fa-heart qtip-like"></i>
                              </a>

                              <span class="like{{$faq->id}}" class="count">{{$faq->likes}}</span>
                          </p>

                          {{--<div class="share-faq">
                              <ul>
                                  <li>
                                      <a href="https://www.facebook.com/sharer/sharer.php?u={{url('/ifa-product-faqs/details')}}/{{$faq->slug}}" target="_blank" title="Share on Facebook">
                                          <i class="fab fa-facebook-f"></i>
                                      </a>
                                  </li>
                                  <li>
                                      <a href="https://wa.me/?text={{url('/ifa-product-faqs/details')}}/{{$faq->slug}}" target="_blank" title="Share on whatsapp">
                                          <i class="fab fa-whatsapp"></i>
                                      </a>
                                  </li>
                              </ul>
                          </div>--}}
                        </div>

                        @php
                          $count++;
                        @endphp

                        @endforeach
                        <div class="col-md-12">
                          <nav aria-label="Page navigation example">
                              {{$productfaqs->links()}}
                          </nav>
                      </div>
                    @endif



                </div>
            </div>
            <div class="col-md-3">
              <div class="category-box mb-4">
                <h3>Top Investments FAQs Viewed</h3>
                <ul class="faq-list">
                    @if(isset($mostviewed))
                        @foreach($mostviewed as $mostview)
                        <li><a href="{{url('/ifa-product-faqs/details')}}/{{$mostview->slug}}">{{$mostview->question}}</a> <span>{{$mostview->views}} Views</span></li>
                        @endforeach
                    @endif
                </ul>
              </div>
              <div class="add mb-4">
                <a href="{{route('frontend.paid-videos')}}">
                  <img src="{{asset('f/images/VideoNew.jpg')}}" alt="">
                </a>
              </div>
              <div class="category-box mb-4">
                <h3>Quick Links</h3>
                <ul class="cate-list">
                    @foreach($quicklinks as $quicklink)
                        <li><a href="{{$quicklink->redirect_url}}">{{$quicklink->title}}</a></li>
                    @endforeach
                </ul>
              </div>
            </div> 
        </div>
    </div>
    <div class="btm-shape-prt">
    	<img class="img-fluid" src="{{asset('f/images/shape2.png')}}" alt="" />
    </div>
</section>
@endsection
@section("js_after")
<script>
  $(document).ready(function() {
    //Views
    $('.FAQIconFinder').click(function () {

      //$(".content-section").hide();

      if($(this).next(".content-section").is(":hidden")){
          $(this).next(".content-section").show();
      } else{
          $(this).next(".content-section").hide();
      }

      var id = $(this).attr("data_id");
      var base_url = window.location.origin;
      $.ajax({
         url: base_url+'/ifa-product-faqs/view/'+id,
         //url: 'http://172.16.10.42/masterstrokeonline.myvtd.site/public'+'/ifa-product-faqs/view/'+id,
         type: 'get',
         dataType: 'html',
         success: function(response){
            $("#views"+id).text(response);
         }
      });

      return false;
    });

    // Likes

    $('.ifa-business-faq-like').click(function () {

      var id = $(this).attr("data_id");
      var base_url = window.location.origin;

      $.ajax({
        url: base_url+'/ifa-product-faqs/like/'+id,
        //url: 'http://172.16.10.42/masterstrokeonline.myvtd.site/public'+'/ifa-product-faqs/like/'+id,
        type: 'get',
        dataType: 'html',
        success: function(response){
            $(".like"+id).text(response);
        }
      });

      return false;
      });

  });
</script>

@endsection