@extends('front.layout.app')
@section('content')

<style>
@media only screen and (min-width: 300px) and (max-width: 519px) {
  .h3 {
    font-size: 21px !important;
    color: #ffff;
    margin-bottom: 35px;
}
}
    .downimgs{
        height: 100vh;
        width: 100%;
        display: flex;
        justify-content: content;
        align-items: center;
    }
    #download-link {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    background-color: #ffab00;
    padding: 10px 25px;
    font-weight: 600;
    outline: none;
    border: 0;
}
.abc{
    width: 100% !important;
    text-align: center;
}
h3.h3 {
    font-size: 55px;
    color: #fff;
    margin-bottom: 40px;
}
label{
    
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    background-color: #ffab00;
    padding: 10px 25px;
    font-weight: 600;
    cursor: pointer;

}
</style>

   <section class="downimgs">
      <div class="abc">
      <h3 class="h3" >Payment has been recevied. You may now download the file!!</h3>  
        <label for="radioId123">Download Image</label>
         <input type="radio" hidden id="radioId123" value="{{ url('paypal/download-image/'.$id) }}">
         <!--<a id="download-link" href="{{ url('paypal/download-image/'.$id) }}">Download Images</a></div>-->
         <a href="" hidden  type="submit" class="btnn" id="clickDynamic">Download Now</a>
        
        
    </section>


<!--<script>-->
<!--document.getElementById('download-link').addEventListener('click', function(){    -->
<!--    setTimeout(() => {-->
<!--    window.location.href = "{{ url('/') }}";-->
<!--    },10000); -->
<!--});-->
<!--</script>-->


<script>
document.getElementById('radioId123').addEventListener('click', function() {
    // alert('testing');
    // window.location.href = this.href;
    var newUrl = this.value;
    var clickDynamic = document.getElementById('clickDynamic');
    clickDynamic.href=newUrl;
    clickDynamic.click();

    setTimeout(() => {
        
        window.location.replace("https://fitkatiekarr.com");
    
    }, 5000);

        
     
});
</script>

@endsection