From 6f0680f2828a9e5eba316e1880d59ec212ae8187 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Fri, 16 Feb 2024 22:15:54 -0500
Subject: [PATCH] Good first draft. Done for the night!

---
 src/routes/sponsorships/+page.svelte          |  3 ++
 .../10_edit_modal__sponsorship_obj.svelte     | 46 ++++++++++++++++++-
 .../10_list__sponsorship_obj.svelte           |  4 +-
 src/routes/sponsorships/[slug]/+page.svelte   |  1 +
 4 files changed, 50 insertions(+), 4 deletions(-)

diff --git a/src/routes/sponsorships/+page.svelte b/src/routes/sponsorships/+page.svelte
index dc88fece..d3bae34c 100644
--- a/src/routes/sponsorships/+page.svelte
+++ b/src/routes/sponsorships/+page.svelte
@@ -30,6 +30,8 @@ const modalComponentViewSponsorshipObj: ModalComponent = { ref: View_modal_spons
 const modal_view__sponsorship_obj: ModalSettings = {
 	type: 'component',
 	component: modalComponentViewSponsorshipObj,
+    title: 'Viewing Sponsorship',
+    position: '', // default is "items-center"
 };
 
 // We don't want the edit or view to show up by default. Maybe if we see an object ID param in the URL, we can show the view modal.
@@ -235,6 +237,7 @@ const modal_edit__sponsorship_obj: ModalSettings = {
 	type: 'component',
 	component: 'modalComponentEditSponsorshipObj',
     title: 'Edit Sponsorship',
+    position: '', // default is "items-center"
 };
 
 // const modal_view__sponsorship_obj: ModalSettings = {
diff --git a/src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte b/src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte
index 4569a25b..6186e036 100644
--- a/src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte
+++ b/src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte
@@ -71,6 +71,10 @@ let tab_set = $store_current_tab;
             <svelte:fragment slot="lead"><span class="fas fa-home"></span></svelte:fragment>
             <span>Start</span>
         </Tab>
+        <Tab bind:group={$store_current_tab} name="tab_files" value={'files'}>
+            <svelte:fragment slot="lead"><span class="fas fa-file-upload"></span></svelte:fragment>
+            Files
+        </Tab>
         <Tab bind:group={$store_current_tab} name="tab_gala_guests" value={'gala_guests'}>
             <svelte:fragment slot="lead"><span class="fas fa-users"></span></svelte:fragment>
             Gala Guests
@@ -170,6 +174,21 @@ let tab_set = $store_current_tab;
         </label>
     </section>
 
+    {:else if $store_current_tab === 'files'}
+    <section>
+        <p>Add your logo here. This logo will be displayed at the gala.</p>
+        <label for="file_logo_primary">Upload logo (png, webp, jpg, svg)
+            <div><input type="file" id="file_logo_primary" name="file_logo_primary" class="m-4" /></div>
+        </label>
+
+        <hr class="border border-gray-500/20 my-4" />
+
+        <p>Add your promotional video here. This video will play at the end of the gala.</p>
+        <label for="file_promo_video">Promotional video (mp4, mpv, webm, mkv)
+            <div><input type="file" id="file_promo_video" name="file_promo_video" class="m-4" /></div>
+        </label>
+    </section>
+
     {:else if $store_current_tab === 'gala_guests'}
     <section>
 
@@ -240,8 +259,31 @@ let tab_set = $store_current_tab;
     </form>
     <!-- prettier-ignore -->
     <footer class="modal-footer {parent.regionFooter}">
-        <button class="btn {parent.buttonNeutral}" on:click={parent.onClose}>{parent.buttonTextCancel}</button>
-        <button class="btn {parent.buttonPositive}" on:click={onFormSubmit}>Submit Form</button>
+        {#if $slct.sponsorship_id}
+        <!-- {#if $ae_loc.administrator_access} -->
+        <button
+            on:click={() => {
+                // if (!confirm('Are you sure you want to delete this sponsorship?')) {return false;}
+                // handle_delete_sponsorship_obj({sponsorship_id: $slct.sponsorship_id, method: 'delete'});
+
+                // $slct.sponsorship_id = null;
+                // $slct.sponsorship_obj = {};
+            }}
+            class="btn {parent.buttonNegative}"
+            title="Delete record permanently"
+            >
+            <span class="fas fa-minus mx-1"></span> Delete
+        </button>
+        <!-- {/if} -->
+        {/if}
+        <button class="btn {parent.buttonNeutral}" on:click={parent.onClose}>
+            <span class="fas fa-window-close mx-1"></span>
+            {parent.buttonTextCancel}
+        </button>
+        <button class="btn {parent.buttonPositive}" on:click={onFormSubmit}>
+            <span class="fas fa-check mx-1"></span>
+            Submit Form
+        </button>
     </footer>
 </div>
 {/if}
diff --git a/src/routes/sponsorships/10_list__sponsorship_obj.svelte b/src/routes/sponsorships/10_list__sponsorship_obj.svelte
index 322d1055..f81835df 100644
--- a/src/routes/sponsorships/10_list__sponsorship_obj.svelte
+++ b/src/routes/sponsorships/10_list__sponsorship_obj.svelte
@@ -58,7 +58,7 @@ onMount(() => {
                 class="variant-soft-primary"
                 title={`Open to see details: ${ae_sponsorship_obj.name}`}
                 >
-                <span class="fas fa-envelope-open"></span>
+                <span class="fas fa-envelope-open mx-1"></span>
                 <!-- <span class="fas fa-info-circle"></span> -->
                 View
             </button>
@@ -78,7 +78,7 @@ onMount(() => {
                     class="variant-soft-warning"
                     title={`Edit meeting: ${ae_sponsorship_obj.name}`}
                     >
-                    <span class="fas fa-edit"></span> Edit
+                    <span class="fas fa-edit mx-1"></span> Edit
                 </button>
             {/if}
             </div>
diff --git a/src/routes/sponsorships/[slug]/+page.svelte b/src/routes/sponsorships/[slug]/+page.svelte
index d895400c..7a5133e9 100644
--- a/src/routes/sponsorships/[slug]/+page.svelte
+++ b/src/routes/sponsorships/[slug]/+page.svelte
@@ -25,6 +25,7 @@ const modal_edit__sponsorship_obj: ModalSettings = {
 	type: 'component',
 	component: modalComponentEditSponsorshipObj,
     title: 'Edit Your Sponsorship',
+    position: '', // default is "items-center"
 };