@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">BUSINESS FAQ : {{$faq->category->name}}</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">
                <div class="accordion_disable">
                    <div class="FAQIconFinder">
                      <h3>{{$faq->question}}</h3>
                      <ul>
                          <li>
                              <i class="fa fa-eye"></i>
                              <span id="views3">{{$faq->views}}</span>
                          </li>
                          <li>
                              <i class="fa fa-heart"></i> <span class="like{{$faq->id}}">{{$faq->likes}}</span>
                          </li>
                      </ul>
                    </div>
                    <div class="content-section">
                          <!-- <p>At any point of time you should focus on just 5-6 AMCs. If you wish to add another AMC, you should consider removing one. It will be easier for you to manage your business by focusing on few AMCs. Due to practical reasons, you may have exposure in 8-10 AMCs at any point of time because, when you stop selling certain AMCs and select another AMCs, all your AUM in the earlier AMC may not be switched to newer ones. Don’t worry about it. Active AMCs in your selling list should not be more than 5-6. That’s enough.</p> -->
                          {!!$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-business-faqs/details')}}/{{$faq->slug}}" target="_blank" title="Share on Facebook">
                                          <i class="fab fa-facebook-f"></i> Facebook
                                      </a>
                                  </li>
                                  <li>
                                      <a href="https://wa.me/?text={{url('/ifa-business-faqs/details')}}/{{$faq->slug}}" target="_blank" title="Share on whatsapp">
                                          <i class="fab fa-whatsapp"></i> WhatsApp
                                      </a>
                                  </li>
                              </ul>
                          </div>--}}
                    </div>
                </div>
                <a href="{{route('frontend.ifa-business-faqs')}}" class="btn btn-primary btn-round mt-4">Back to Business FAQs</a>
            </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-business-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.membership')}}">
                  <img src="{{asset('f/images/add-img2.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() {
    // Likes

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

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

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

    return false;
    });

  });
  </script>

@endsection