"use client"
import type React from "react"
import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Textarea } from "@/components/ui/textarea"
import { Label } from "@/components/ui/label"
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { useToast } from "@/hooks/use-toast"
import { Card, CardContent } from "@/components/ui/card"
import { MessageSquare, Gift, Award, Cake } from "lucide-react"
// Templates de messages prédéfinis
const MESSAGE_TEMPLATES = [
{
id: "birthday",
title: "Burger d'anniversaire",
message:
"Joyeux anniversaire de la part de SmashClub! 🎂 Pour fêter ça, on t'offre un burger gratuit! Viens nous voir dans les 7 jours et montre ce message à notre équipe. Valable jusqu'au [DATE].",
icon: ,
},
{
id: "fries",
title: "Cadeau: Frites gratuites",
message:
"Salut de SmashClub! 🍔 On a un cadeau pour toi: une portion de frites gratuites à ta prochaine visite. Montre ce message à notre équipe. Valable jusqu'au [DATE].",
icon: ,
},
{
id: "sauce",
title: "Récompense: Sauce secrète",
message:
"Hey membre du SmashClub! 🥫 Tu as débloqué une récompense spéciale: notre sauce secrète! Demande-la lors de ta prochaine commande en montrant ce message. Valable jusqu'au [DATE].",
icon: ,
},
]
export function SendSmsForm() {
const { toast } = useToast()
const [isLoading, setIsLoading] = useState(false)
const [messageType, setMessageType] = useState("template")
const [selectedTemplate, setSelectedTemplate] = useState("")
const [customMessage, setCustomMessage] = useState("")
const [audience, setAudience] = useState("all")
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault()
// Vérifier si un message est sélectionné
if (messageType === "template" && !selectedTemplate) {
toast({
title: "Erreur",
description: "Veuillez sélectionner un template de message.",
variant: "destructive",
})
return
}
if (messageType === "custom" && !customMessage.trim()) {
toast({
title: "Erreur",
description: "Veuillez saisir un message personnalisé.",
variant: "destructive",
})
return
}
setIsLoading(true)
// Simuler l'envoi des SMS
setTimeout(() => {
setIsLoading(false)
toast({
title: "SMS envoyés avec succès!",
description:
audience === "birthdays"
? "Votre message a été envoyé aux membres qui fêtent leur anniversaire."
: audience === "all"
? "Votre message a été envoyé à tous les membres du SmashClub."
: "Votre message a été envoyé aux membres sélectionnés.",
})
// Réinitialiser le formulaire
setSelectedTemplate("")
setCustomMessage("")
}, 2000)
}
return (