@if($product)
        <div class="document-viewer-outer-box" style="width:100%; min-height:400px;">
                
            
             @if(in_array($extension, $allowed_objects))
                 <object data= 
    "{{$fullPath}}" 
                    width="700"
                    height="400" class="object-document"> 
                 </object> 
             @elseif(in_array($extension, $allowed_images))
             	<img class="image-document" src="{{$fullPath}}" />
             @elseif(in_array($extension, $allowed_videos))
             	 <div class="video-outer-box">
                     <iframe class="upload-video" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" style="border: none;padding: 0;border-radius: 10px;overflow: hidden" src="{{URL::route('play-video')}}?path={{$fullPath}}" width="100%" height="330"></iframe>
                  </div>   
              @elseif(in_array($extension, $allowed_audios))
                    <audio controls>
                      <source src="{{$fullPath}}" type="audio/{{$extension}}">
                    </audio> 
             @endif     
        </div>    
@endif