Components/create-modal: send new show to showsApiService

src/components/create-modal/create-modal/create-modal.component.ts

@@ -1,6 +1,8 @@
 import {Component, inject} from '@angular/core';
 import {NgbActiveModal} from '@ng-bootstrap/ng-bootstrap';
 import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms';
+import {ShowsApiService} from '../../../services/shows/shows-api.service';
+import {ShowsApiCreation} from '../../../interfaces/shows-api-creation';
 
 @Component({
   selector: 'app-create-modal',
@@ -12,6 +14,7 @@ import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/
 })
 export class CreateModalComponent {
   private activeModal = inject(NgbActiveModal)
+  private showsService = inject(ShowsApiService)
   protected newShowForm: FormGroup
 
   constructor() {
@@ -31,10 +34,21 @@ export class CreateModalComponent {
   protected formSubmitted(form: FormGroup) {
     let show: {} = {
       title: form.get("title")?.value,
-      year: form.get("year")?.value,
+      date: form.get("date")?.value,
       seasons: form.get("seasons")?.value,
+      episodes: form.get("episodes")?.value,
       description: form.get("description")?.value
     }
-    console.log(show)
+    this.showsService.sendShow(show).subscribe({
+      next: (response: ShowsApiCreation) => {
+        console.log(`Message: ${response.message}`)
+        console.log(`Status: ${response.status}`)
+        console.log(`New ID: ${response.newId}`)
+      }, error: (err: any) => {
+        console.error(err)
+      }, complete: () => {
+        console.log("Sent")
+      }
+    })
   }
 }