FIX: solve the delete on endcommand

src/lib/component/AddProducts.svelte

@@ -133,6 +133,7 @@
 	}
 
 	async function handleSendToKitchen() {
+		console.log(token, company, orderId);
 		if (localOrderItems.length === 0) return;
 
 		const myHeaders = new Headers();
@@ -142,10 +143,12 @@
 		try {
 			let success = true;
 			for (const item of localOrderItems) {
+				console.log(item.product_details.product_id);
 				const payload = {
 					company_id: company,
 					order_id: orderId,
-					product_id: item.product_details.product_id
+					product_id: item.product_details.product_id,
+					kitchen_note: item.kitchen_note
 				};
 				const response = await fetch('https://dev2.mixtech.dev.br/order_item/create', {
 					method: 'POST',

src/lib/component/EndCommand.svelte

@@ -129,11 +129,11 @@
 		myHeaders.append('Authorization', `Bearer ${token}`);
 		myHeaders.append('Content-Type', 'application/json');
 		await fetch('https://dev2.mixtech.dev.br/order_item/delete', {
-			method: 'DELETE',
+			method: 'POST',
 			headers: myHeaders,
 			body: JSON.stringify({
 				company_id: company,
-				item_id: itemId
+				order_item_id: itemId
 			})
 		});
 		await fetchOrderItems();

src/lib/component/Kitchen.svelte

@@ -1,87 +1,83 @@
 <script>
-  import { onMount } from 'svelte';
-  import OrderCard from '$lib/component/OrderCard.svelte';
-  import HistoricModal from '$lib/component/HistoricModal.svelte';
+	import { onMount } from 'svelte';
+	import OrderCard from '$lib/component/OrderCard.svelte';
+	import HistoricModal from '$lib/component/HistoricModal.svelte';
 
-  let pedidos = [];
+	let pedidos = [];
 
-  let mostrarHistorico = false;
+	let mostrarHistorico = false;
 
-  const abrirHistorico = () => {
-    mostrarHistorico = true;
-  };
+	const abrirHistorico = () => {
+		mostrarHistorico = true;
+	};
 
-  const fecharHistorico = () => {
-    mostrarHistorico = false;
-  };
+	const fecharHistorico = () => {
+		mostrarHistorico = false;
+	};
 
-  // Marca pedido como concluído (vai para o histórico)
-  function handlePedidoPronto(event) {
-    const pedidoAtualizado = event.detail;
-    pedidos = pedidos.map(pedido =>
-      pedido.mesa === pedidoAtualizado.mesa
-        ? { ...pedido, status: 'concluido' }
-        : pedido
-    );
-  }
+	// Marca pedido como concluído (vai para o histórico)
+	function handlePedidoPronto(event) {
+		const pedidoAtualizado = event.detail;
+		pedidos = pedidos.map((pedido) =>
+			pedido.mesa === pedidoAtualizado.mesa ? { ...pedido, status: 'concluido' } : pedido
+		);
+	}
 
-  // Volta pedido do histórico para andamento (volta pra lista)
-  function handleVoltarAndamento(event) {
-    const pedidoAlvo = event.detail;
-    pedidos = pedidos.map(pedido =>
-      pedido.mesa === pedidoAlvo.mesa
-        ? { ...pedido, status: 'andamento' }
-        : pedido
-    );
-  }
+	// Volta pedido do histórico para andamento (volta pra lista)
+	function handleVoltarAndamento(event) {
+		const pedidoAlvo = event.detail;
+		pedidos = pedidos.map((pedido) =>
+			pedido.mesa === pedidoAlvo.mesa ? { ...pedido, status: 'andamento' } : pedido
+		);
+	}
 
-  // ⚡ Carrega pedidos do "backend"
-  onMount(async () => {
-    try {
-      const response = await fetch('https://counter.mixtech.dev.br/dashboard/kitchen');
-      const data = await response.json();
-      pedidos = data;
-    } catch (error) {
-      console.error('Erro ao carregar pedidos:', error);
+	// ⚡ Carrega pedidos do "backend"
+	onMount(async () => {
+		try {
+			const response = await fetch('https://counter.mixtech.dev.br/dashboard/kitchen');
+			const data = await response.json();
+			pedidos = data;
+		} catch (error) {
+			console.error('Erro ao carregar pedidos:', error);
 
-      // Fallback local caso falhe
-      pedidos = [
-        { mesa: '01', itens: ['Coca', 'X-Burguer'], status: 'pendente' },
-        { mesa: '02', itens: ['Água', 'Batata'], status: 'andamento' },
-        { mesa: '03', itens: ['Cerveja', 'Sopa'], status: 'pendente' },
-        { mesa: '04', itens: ['Suco', 'Lasanha'], status: 'concluido' }
-      ];
-    }
-  });
+			// Fallback local caso falhe
+			pedidos = [
+				{ mesa: '01', itens: ['Coca', 'X-Burguer'], status: 'pendente' },
+				{ mesa: '02', itens: ['Água', 'Batata'], status: 'andamento' },
+				{ mesa: '03', itens: ['Cerveja', 'Sopa'], status: 'pendente' },
+				{ mesa: '04', itens: ['Suco', 'Lasanha'], status: 'concluido' }
+			];
+		}
+	});
 
-  // Lista apenas pedidos não concluídos
-  $: pedidosAtivos = pedidos.filter(p => p.status !== 'concluido');
+	// Lista apenas pedidos não concluídos
+	$: pedidosAtivos = pedidos.filter((p) => p.status !== 'concluido');
 
-  // Lista de pedidos concluídos para o histórico
-  $: pedidosConcluidos = pedidos.filter(p => p.status === 'concluido');
+	// Lista de pedidos concluídos para o histórico
+	$: pedidosConcluidos = pedidos.filter((p) => p.status === 'concluido');
 </script>
 
-<main class="p-4 bg-gray-800 rounded-md text-white relative">
-  <!-- Botão para abrir histórico -->
-  <div class="absolute top-4 right-4">
-    <button class="bg-yellow-600 rounded-md p-1 text-md text-black" on:click={abrirHistorico}>
-      Ver histórico
-    </button>
-  </div>
+<main class="relative rounded-md bg-gray-800 p-4 text-white">
+	<!-- Botão para abrir histórico -->
+	<div class="absolute right-4 top-4">
+		<button class="text-md rounded-md bg-yellow-600 p-1 text-black" on:click={abrirHistorico}>
+			Ver histórico
+		</button>
+	</div>
 
-  <!-- Lista de pedidos ativos -->
-  <div class="mt-10 space-y-4">
-    {#each pedidosAtivos as pedido (pedido.mesa)}
-      <OrderCard {pedido} on:pedidoPronto={handlePedidoPronto} />
-    {/each}
-  </div>
+	<!-- Lista de pedidos ativos -->
+	<div class="mt-10 space-y-4">
+		{#each pedidosAtivos as pedido (pedido.mesa)}
+			<OrderCard {pedido} on:pedidoPronto={handlePedidoPronto} />
+		{/each}
+	</div>
 
-  <!-- Modal de histórico -->
-  {#if mostrarHistorico}
-    <HistoricModal 
-      pedidos={pedidosConcluidos}
-      on:close={fecharHistorico}
-      on:voltarAndamento={handleVoltarAndamento}
-    />
-  {/if}
+	<!-- Modal de histórico -->
+	{#if mostrarHistorico}
+		<HistoricModal
+			pedidos={pedidosConcluidos}
+			on:close={fecharHistorico}
+			on:voltarAndamento={handleVoltarAndamento}
+		/>
+	{/if}
 </main>