@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">PRODUCT SUITABLITY</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 id="accordion_disable" class="accordion_disable">
                    @if(isset($productsuitablities))
                    @php
                        $count = 0;
                    @endphp
                        @foreach($productsuitablities as $productsuitablity)
                        <div class="FAQIconFinder" data_id="{{$productsuitablity->id}}">
                            <h3>{{$productsuitablity->title}}</h3>
                            <ul>
                                <li>
                                    <i class="fa fa-eye"></i>
                                    <span id="views{{$productsuitablity->id}}">{{$productsuitablity->view_count}}</span>
                                </li>
                                <li>
                                    <i class="fa fa-heart"></i> <span class="like{{$productsuitablity->id}}" class="count">{{$productsuitablity->like_count}}</span>
                                </li>
                            </ul>
                        </div>
                        <!-- <div class="content-section" id="content-section{{$productsuitablity->id}}" @if($count > 0) style='display:none;' @endif> -->
                        <div class="content-section" id="content-section{{$productsuitablity->id}}" style='display:none;'>
                            {!! $productsuitablity->content !!}

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

                                <span class="like{{$productsuitablity->id}}" class="count">{{$productsuitablity->like_count}}</span>
                            </p>

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

                        @php
                            $count++;
                        @endphp

                        @endforeach
                    @endif

                </div>

                <a href="{{route('frontend.ifa-tools')}}" class="btn btn-primary btn-round mt-4">Back to IFA Tools</a>

            </div>

            
            <div class="col-md-3">
              <div class="category-box mb-4">
                <h3><a href="{{route('frontend.ask-brijesh')}}">Have a Client Objection? - Ask Brijesh</a></h3>
              </div>
              <div class="add mb-4">
                <a href="{{route('frontend.paid-videos')}}">
                  <img src="{{asset('f/images/add-img.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+'/products-suitability/view/'+id,
         //url: 'http://172.16.10.42/masterstrokeonline.myvtd.site/public'+'/products-suitability/view/'+id,
         type: 'get',
         dataType: 'html',
         success: function(response){
            $("#views"+id).text(response);
         }
      });

      //$(this).next(".content-section").show();

      return false;
    });

    // Likes

    $('.ifa-product-suitablity-like').click(function () {

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

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

      return false;
      });

  });
</script>

@endsection