Trying to get things ready for tomorrow. Now with saving of opt outs and other.

src/routes/events_pres_mgmt/session/[slug]/+page.svelte

@@ -26,7 +26,6 @@ import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_ev
 import { events_func } from '$lib/ae_events_functions';
 
 import Form_agree from './form_agree.svelte';
-	import FormAgree from './form_agree.svelte';
 
 // Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
 $slct.account_id = data.account_id;
@@ -208,6 +207,46 @@ onMount(() => {
 
 
 
+$: if ($slct_trigger == 'load__event_presenter_obj_li') {
+    console.log(`load__event_presenter_obj_li event_session_id=${$slct.account_id}`);
+
+    $slct_trigger = null;
+
+    events_func.handle_load_ae_obj_li__event_presenter({
+        api_cfg: $ae_api,
+        event_presentation_id: $events_slct.event_presentation_id,
+        try_cache: false
+    });
+}
+
+
+function send_init_confirm_email() {
+    console.log(`*** send_init_confirm_email() *** to ${$lq__event_presenter_obj.email}.`);
+
+    let subject = `LCI 2024 Pres Mgmt Hub Link for ${$lq__event_session_obj.name} (ID: ${$lq__event_session_obj.eventt_session_id_random})`;
+
+    let body_html = `
+    <div>${$lq__event_session_obj.full_name},
+    <p>The link to sign in to the presentation management hub for LCI 2024 is below. If you need to make any changes or updates to your submission, you may access it via via the link below.</p>
+    </div>
+
+    <br>
+
+    <div>
+    LCI 2024 Session ID: ${$lq__event_session_obj.event_session_id_random}<br>
+    <p>Use this link to view or update your LCI 2024 presentation information.<br>
+    Copy and paste link: <a href="xxx">xxxx</a></p>
+    </div>`;
+
+    api.send_email({
+        api_cfg: $ae_api,
+        from_email: 'noreply+agree@oneskyit.com',
+        from_name: 'LCI 2024 Pres Mgmt Hub',
+        to_email: 'test+agree@oneskyit.com',
+        subject: subject,
+        body_html: body_html,
+    });
+}
 
 
 </script>
@@ -565,6 +604,9 @@ onMount(() => {
                                 on:click={() => {
                                     console.log('Email the access link');
                                     alert(`NOT ENABLED: Emails link to the presenter (${event_presenter_obj.email}):\n${data.url.origin}/events_pres_mgmt/session/${$events_slct.event_session_id}?person_id=${event_presenter_obj.person_id_random}&person_pass=${event_presenter_obj.person_passcode}`);
+
+                                    // send_init_confirm_email();
+
                                     // send_email({
                                     //     to: event_presenter_obj.email,
                                     //     subject: `Access link for ${$lq__event_session_obj.name}`,
@@ -734,46 +776,55 @@ onMount(() => {
 
 
 {#if $events_loc.pres_mgmt?.show_content__agree_text}
-    <section class="ae_quick_modal_container">
+    <div class="ae_quick_modal_container">
         <section class="ae_quick_popover">
 
+            <div class="flex flex-col items-center">
+            
+            
+            <!-- <div class="h-4 p-10"> -->
+            
+            <!-- </div> -->
+
             <section class="ae_modal_scrollfix">
-            <button
+                <button
                 on:click={
                     () => {
                         $events_loc.pres_mgmt.show_content__agree_text = null;
                     }
                 }
-                class="btn btn-sm variant-soft-secondary float-right"
+                class="btn btn-md variant-ghost-secondary hover:variant-filled-secondary float-right"
                 >
                 <span class="fas fa-times mx-1"></span>
                 Close
             </button>
-
-
-            <Form_agree />
-
+           
+                <Form_agree />
 
             </section>
 
+            <!-- <div class="h-12"> -->
             <button
                 on:click={
                     () => {
                         $events_loc.pres_mgmt.show_content__agree_text = null;
                     }
                 }
-                class="btn btn-sm variant-soft-secondary float-right"
+                class="btn btn-md variant-soft-secondary hover:variant-filled-secondary"
                 >
                 <span class="fas fa-times mx-1"></span>
                 Close
             </button>
+            <!-- </div>   -->
+
+            </div>
 
         </section>
-    </section>
+    </div>
 {/if}
 
 {#if $events_loc.pres_mgmt.show_content__presenter_start}
-    <section class="ae_quick_modal_container">
+    <div class="ae_quick_modal_container">
         <section class="ae_quick_popover">
 
             <section class="ae_modal_scrollfix">
@@ -889,7 +940,7 @@ onMount(() => {
                 Close
             </button>
         </section>
-    </section>
+    </div>
 {/if}
 
 
@@ -902,7 +953,9 @@ div.ae_quick_modal_container {
     width: 100%;
     height: 100%;
     z-index: 100;
-    background-color: hsla(0, 0%, 0%, .5);
+    background-color: hsla(0, 0%, 50%, .75);
+    /* padding: 1rem; */
+    /* border: solid thick red; */
 }
 
 /* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
@@ -912,12 +965,20 @@ section.ae_quick_popover {
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 100;
-    background-color: hsla(0, 0%, 100%, .95);
-    padding: 1rem;
+    background-color: hsla(0, 0%, 97%, .97);
+    /* margin-top: 1rem;
+    margin-bottom: 2rem; */
+    /* padding: 1rem;
+    padding-top:4rem; */
+    /* padding-bottom: 4rem; */
+    border: solid thin hsla(0, 0%, 0%, .9);
     border-radius: .5rem;
     box-shadow: 0 0 1rem hsla(0, 0%, 0%, .5);
 
     min-height: 30%;
+    /* max-height: 100vh; */
     min-width: 80%;
+    
+    /* overflow-y: auto; */
 }
 </style>