@extends('mngr::app')
@section('content')
<section class="bg-indigo-100 h-full ">
    <div class="max-w-screen-xl px-2 py-8 mx-auto sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 gap-x-16 gap-y-8 lg:grid-cols-5">
            <div class="lg:py-12 lg:col-span-2">
                <p class="max-w-xl text-lg">
                To Activate {{ env('SOFT_NAME' ?? 'The Webpie')}} Please Submit License Details
                </p>

                <div class="mt-8">
                    <img src="https://billing.thewebpie.in/vendors/images/logo.png" class="h-5 w-29">


                </div>
            </div>

            <div class="p-8 bg-white rounded-lg shadow-lg lg:p-12 lg:col-span-3">
                <form action="" class="space-y-4">
                    <div>
                        <label class="sr-only" for="name">Email</label>
                        <input id="email" class="w-full p-3 text-sm border-gray-200 rounded-lg" placeholder="Email Submitted on Server" type="email"  />
                    </div>
                     <div>
                        <label class="sr-only" for="name">License Key</label>
                        <input class="w-full p-3 text-sm border-gray-200 rounded-lg" placeholder="License Key" type="text" id="key" />
                    </div>



                    <div class="mt-4">
                        <a
                            id="c"

                            class="inline-flex items-center justify-center w-full px-5 py-3 text-white bg-black rounded-lg sm:w-auto"
                        >
                            <span class="font-medium">Activate </span>

                            <svg id="loading"
                                xmlns="http://www.w3.org/2000/svg"
                                class=" w-5 h-5 ml-3"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                            >
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
                            </svg>
                        </a>
                    </div>
                    <div id="message" class="text-xl font-black ">

                    </div>
                </form>
            </div>
        </div>
    </div>

</section>

@push('scr')
 <script>
            $(document).ready(function(){  console.log('l');

                $("#c").click(function(){
                    $('#loading').addClass('animate-spin');
                  var  e = $('#email').val();
                  var k = $('#key').val();;

                    $.ajax({
                        type: 'GET',
                        url: '/lic/check/'+k+'/'+e,
                        success:function(data){

                            $('#loading').removeClass('animate-spin');
                             $('#message').html(data);
                          if(data.search('Software Activated') != -1 ) {
                              $('#message').removeClass('text-red-500');
                              $('#message').addClass('text-green-500');
                              location.href='/lic/install'
                          }else{
                              $('#message').removeClass('text-green-500');
                              $('#message').addClass('text-red-500');
                          }

                        },
                        error: function (jqXHR, textStatus, errorThrown) {
                            $('#loading').removeClass('animate-spin');
                            $('#message').removeClass('text-green-500');
                            $('#message').addClass('text-red-500');

                          //  $('#message').html(jqXHR.responseText);
                        }
                    });
                    return false;
                });
        });

 </script>
    @endpush
@stop