@extends('layouts.app2')
@section('content')
<div class="bg-gray-100 flex items-center justify-center min-h-screen">
<div class="flex flex-col items-center">
    <!-- Spinner -->
    <div class="w-16 h-16 border-4 border-blue-500 border-dashed rounded-full animate-spin"></div>
    
    <!-- Loading Text -->
    <p class="mt-4 text-gray-700 text-lg font-medium">Redirecting, please wait...</p>
  </div>
</div>
@endsection

@section('styles')
  <script src="https://cdn.tailwindcss.com"></script>
@endsection

@section('scripts')
<!-- <script src="{{ asset('js/jquery-3.6.0.js') }}"></script> -->
<!-- <script src="{{ asset('js/bootstrap-datepicker.js') }}"></script> -->
<!-- <script src="{{ asset('js/select2.min.js') }}"></script> -->
<script>
    $(document).ready(function(){
        function postAndRedirect(myinfo_data, client) {

            var postFormStr = "<form method='POST' action='{{url('myinfo')}}'>\n";

            let key = "myinfo_data";

            postFormStr += "<input type='hidden' name='" + key + "' value='" + myinfo_data + "'></input>";

            let key2 = "client";

            postFormStr += "<input type='hidden' name='" + key2 + "' value='" + client + "'></input>";

            postFormStr += "</form>";

            var formElement = $(postFormStr);

            console.log(postFormStr);

            $('body').append(formElement);

            console.log(formElement);
            $(formElement).submit();

        }

        var app_debug = "{{config('env.app_debug')}}";
        var api_url = "https://data-retrieve.sivren.org/api/get_person"
        if(app_debug){
            api_url = "https://staging.sivren.org/api/get_person";
        }
        $.ajax({
           type:'POST',
           url: api_url,
           contentType: "application/json",
           data: JSON.stringify(
            {
                client:"{{$_GET['client']}}", 
                client_id:"{{$_GET['client_id']}}", 
                code: "{{$_GET['code']}}", 
                state: "{{$_GET['state']}}", 
                code_verifier: "{{$_GET['code_verifier']}}", 
                nonce:"{{$_GET['nonce']}}", 
                source_name:"{{$_GET['source_name']}}",
                reference_id:"{{$_GET['reference_id']}}",
                utm_source:"{{$_GET['utm_source'] ?? ''}}",
                utm_medium:"{{$_GET['utm_medium'] ?? ''}}",
                utm_campaign:"{{$_GET['utm_campaign'] ?? ''}}",
            }),
           success:function(response) {
                // var result = JSON.parse(response);
                console.log(response);
                postAndRedirect(JSON.stringify(response), "{{$_GET['client']}}");
                
            }
        });
    });


</script>

@endsection