@extends('user.user_dashboard')
@section('home')

 



<section class="breadcrumb-area section-padding img-bg-2">
   <div class="overlay"></div>

   <div class="container">

       <div class="breadcrumb-content d-flex flex-wrap align-items-center justify-content-between">
          
           <div class="section-heading">
               <h3 class="section__title text-white"> <a href="{{ route('user.language.show.product', $product->product_slug) }}"> <i class="la la-chevron-left icon text-white"> </i> </a>   Read E-Book &nbsp;  &nbsp; &nbsp;  </h3>
           </div>

           <ul class="generic-list-item generic-list-item-white generic-list-item-arrow d-flex flex-wrap align-items-center"> 

              <li> Flip Reader </li>
               

    
           </ul>

       </div><!-- end breadcrumb-content -->

   </div><!-- end container -->
</section><!-- end breadcrumb-area -->






<!-- Reader Interface Tips Starts -->
<div class="container mt-5">

    @if($product->cloud_code)
      <a href="{{ route('user.language.read.product', $product->product_slug) }}" class="btn btn-info"> Switch To Basic Reader <i class="la la-toggle-on"></i> </a>
   @else

   @endif
    
    
</div>
<!-- Reader Interface Tips Ends -->




  <!-- section-heading -->
  <div class="container section-heading text-center mb-4">
            
    <h4 class="pt-5 pb-2 text-white">{{ $product->product_name }}   </h4>
    

  </div><!-- end section-heading -->



  <section class="course-area pb-120px" >
    <!--<div class="container-fluid"> -->
    <div class="container">



    

    



        <div style="position:relative;padding-top:max(60%,324px);width:100%;height:0;">
            
            <iframe style="position:absolute;border:none;width:100%;height:100%;left:0;top:0;" 
            src="https://online.fliphtml5.com/gvost/{{ $product->flip_code }}/"  
            seamless="seamless" 
            scrolling="no" 
            frameborder="0" 
            allowtransparency="true" 
            allowfullscreen="true" >
           </iframe>
        </div>

    

  
     
      
        

    </div>
</section>



<script>
    document.addEventListener('contextmenu', function(event) {
        event.preventDefault();
      
    });
</script>






@endsection