<script lang="ts">
// export let data;
// console.log(`ae_events_leads exhibit [slug] leads_payment.svelte data:`, data);

import { ae_util } from '$lib/ae_utils';
import { liveQuery } from "dexie";
import { db_events } from "$lib/db_events";
import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';

// let param_slug_event_exhibit_id = data.params.slug;

let event_exhibit_obj = liveQuery(
    () => db_events.exhibits.get($events_slct.exhibit_id)
);


</script>


<section class="tab__payment flex flex-col wrap justify-center items-center space-y-4">

    <h2 class="h3">
        <span class="fas fa-credit-card mx-1"></span>
        Payment
    </h2>

{#if $events_loc?.leads.auth_exhibit_kv[$events_slct.exhibit_id]}
    {#if $event_exhibit_obj?.paid}
        <h3 class="h4">Paid</h3>
    {:else}
        <h3 class="h4">Not Paid</h3>

<script async
    src="https://js.stripe.com/v3/buy-button.js">
</script>

<!-- <div class="fle"> -->

<div>
1 user license<br>
<stripe-buy-button
    buy-button-id="buy_btn_1OvqWJ2gJkNsDuiNqMCWz5nG"
    publishable-key="pk_live_zqaWNDfak2eDHeqnRiyaJcFi"
    >
</stripe-buy-button>
</div>

<div>
1 user license with tablet rental<br>
<stripe-buy-button
    buy-button-id="buy_btn_1OvqVA2gJkNsDuiNhk9r8Io2"
    publishable-key="pk_live_zqaWNDfak2eDHeqnRiyaJcFi"
    >
</stripe-buy-button>
</div>

<div>
Up to 3 user licenses<br>
<stripe-buy-button
  buy-button-id="buy_btn_1OvrI22gJkNsDuiNXjBg3c4Y"
  publishable-key="pk_live_zqaWNDfak2eDHeqnRiyaJcFi"
>
</stripe-buy-button>
</div>

<div>
Up to 3 user licenses with tablet rental<br>
<stripe-buy-button
  buy-button-id="buy_btn_1OvrKa2gJkNsDuiNhSBCkNau"
  publishable-key="pk_live_zqaWNDfak2eDHeqnRiyaJcFi"
>
</stripe-buy-button>
</div>

<hr>

<div>
Up to 6 user licenses<br>
<stripe-buy-button
  buy-button-id="buy_btn_1OvrWc2gJkNsDuiN7mnwvZNL"
  publishable-key="pk_live_zqaWNDfak2eDHeqnRiyaJcFi"
>
</stripe-buy-button>
</div>

<div>
Up to 6 user licenses with tablet rental<br>
<stripe-buy-button
  buy-button-id="buy_btn_1OvrXP2gJkNsDuiNZpWZs3Uy"
  publishable-key="pk_live_zqaWNDfak2eDHeqnRiyaJcFi"
>
</stripe-buy-button>
</div>

<div>
Up to 10 user licenses<br>
<stripe-buy-button
  buy-button-id="buy_btn_1OvrPM2gJkNsDuiNRCMHfSuz"
  publishable-key="pk_live_zqaWNDfak2eDHeqnRiyaJcFi"
>
</stripe-buy-button>
</div>

<div>
Up to 10 user licenses with tablet rental<br>
<stripe-buy-button
  buy-button-id="buy_btn_1OvrPs2gJkNsDuiN1nPkjPOM"
  publishable-key="pk_live_zqaWNDfak2eDHeqnRiyaJcFi"
>
</stripe-buy-button>
</div>

<!-- </div> -->

    {/if}

{:else}
<div class="variant-soft-warning">Please go to the Main tab to login using the shared staff passcode for this exhibit. Then select a license to use.</div>
{/if}



</section>
