@extends('layouts.app')
@section('title') {{'Results Key'}} @endsection

@section('content')

<main id="mainWrap">

<!-- slider -->
<div class="mainWrapIntro addToCartScreen">
  <div>  <a href="{{ env('APP_URL')}}" class="logoBrind"><img src="{{asset('img/idenikeyLogo.png')}}" class="img-flud" alt=""></a> </div>
  <!-- Slider main container -->
  <div class="swiper">
         <!-- If we need navigation buttons -->
         <div class="backNextBar">
         <div class="swiper-button-prev btn-sm btn-primary">Back</div>
         <div class="slideNo">
           <span class="current-slide">1</span>/<span class="total-slides"></span>
        </div>
    <div class="swiper-button-next btn-sm btn-primary">NEXT</div>
  </div>
    <!-- Additional required wrapper -->
    <div class="swiper-wrapper screen8_slider">
      @php($count= 0)
      @foreach($api_res as $res)
        @if($res->image_url !== '')
          @php($count++)
          @if ($count == 6)
              @break
          @endif
            <div class="swiper-slide">
            <a href="JavaScript:" class="takePictureBox takePic360"><img src={{$res->image_url}} /></a>
            <div class="patentPendingText">{{$res->productid}}</div>
            @if($res->product_url !== '')
              <div><a href="{{$res->product_url}}" class="btn-lg btn-primary">Buy Now</a></div>
            @else
              <div><button class="btn-lg btn-primary btn-urlnotfound">Buy Now</button></div>
            @endif
            </div>
        @endif
      @endforeach
    </div>
   </div>
   <div class="addToCartPageBtn">
  <div class="searchHistorybtn"> <a href="{{route('frontKey')}}" class="btn-sm btn-primary">Find another key</a></div>
  <div class="searchHistorybtn"> <a href="{{route('feedback', $key_id)}}" class="btn-sm btn-primary feedback_btn">Your key’s not in the results?</a></div>
</div>
 </div>
 <div class="patentPendingText">Patent Pending</div>
</main>

@endsection