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

@section('content')

<main id="mainWrap">
    <div class="mainWrapIntro screen6">
      <form method="post" action="" enctype="multipart/form-data">
      @csrf
  <div>  <a href="{{ env('APP_URL')}}" class="logoBrind"><img src="{{asset('img/idenikeyLogo.png')}}" class="img-flud" alt=""></a> </div>
     <div class="yourImgname">YOUR IMAGES</div>
      <div class="replaceImageBlock">
        <div class="replaceImgCol">
            <div class="replaceimg">
              <img class="replaceimgname" id="img1" src="{{ app('request')->input('img1') }}" />
            </div>
            <div class="replaceImgColTitle">
                <input type="file" class="replace_img" id="upload_img1" data-name="img1" accept="image/*">
                <label for="upload_img1">
                   replace
                </label>
             <div class="loader">@include('layouts.svg') </div>

            </div>
        </div>
        <div class="replaceImgCol">
            <div class="replaceimg">
                 <img class="replaceimgname" id="img2" src="{{ app('request')->input('img2') }}" />
            </div>
            <div class="replaceImgColTitle">
                <input type="file" class="replace_img" id="upload_img2" data-name="img2" accept="image/*">
                <label for="upload_img2">
                   replace
                </label>
                <div class="loader">@include('layouts.svg') </div>
            </div>
        </div>
      </div>

      <!-- <div class="patentPendingText mb-117">The images look good!</div> -->


      <div class="findkeyBtn">
        <input type="button" class="btn btn-primary find_key" value="FIND THIS KEY">
       </div>

    </form>
    <!-- <div class="patentPendingText">Patent Pending</div> -->
   </div>

<!-- loader -->
<div class="mainWrapIntro screen7">
<a href="{{ env('APP_URL')}}" class="logoBrind"><img src="img/idenikeyLogo.png" class="img-flud" alt=""></a>
    <div class="topContentBlock"></div>
   <a href="screen_8.php" class="takePictureBox PictureBoxActive">
      <div class="findingImgBlock">
    <img src="img/findingYourKey.gif" alt="">

  </div>

   </a>
 <div class="findingYourkeTex"><a href="screen_8.php">Finding your key!</a></div>

</div>

  <!-- slider -->
  <div class="mainWrapIntro addToCartScreen screen8">
  <a href="{{ env('APP_URL')}}" class="logoBrind"><img src="img/idenikeyLogo.png" class="img-flud" alt=""></a>
    <!-- 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="swiper-button-next btn-sm btn-primary">NEXT</div>
    </div>
      <!-- Additional required wrapper -->
      <div class="swiper-wrapper screen8_slider">
        <!-- Slides -->
      </div>
     </div>
     <div class="addToCartPageBtn">
    <div class="searchHistorybtn"> <a href="frontKey" class="btn-sm btn-primary">Find another key</a></div>
    <div class="searchHistorybtn"> <a href="" 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>

<style>
.screen7,.screen8 {
  display:none;
}
</style>
@endsection