|
|
|
|
@@ -738,10 +738,15 @@ export function OrderWizard({
|
|
|
|
|
: 'bg-slate-800 text-slate-400'
|
|
|
|
|
}`}
|
|
|
|
|
>
|
|
|
|
|
{s}
|
|
|
|
|
{step > s ? <Check className="w-5 h-5" /> : s}
|
|
|
|
|
</div>
|
|
|
|
|
<span className={`text-xs font-semibold ${step >= s ? 'text-primary' : 'text-slate-500'}`}>
|
|
|
|
|
<span className={`text-xs font-semibold ${step >= s ? 'text-primary' : 'text-slate-500'} flex items-center gap-1`}>
|
|
|
|
|
{s === 1 ? 'Kunde' : s === 2 ? 'Modell' : s === 3 ? 'Software' : 'Abschluss'}
|
|
|
|
|
{s === 3 && basketItems.length > 0 && (
|
|
|
|
|
<span className="bg-primary text-white text-[9px] w-4 h-4 rounded-full flex items-center justify-center font-bold px-1.5 leading-none">
|
|
|
|
|
{basketItems.length}
|
|
|
|
|
</span>
|
|
|
|
|
)}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
))}
|
|
|
|
|
@@ -1062,10 +1067,15 @@ export function OrderWizard({
|
|
|
|
|
: 'bg-slate-800 text-slate-400'
|
|
|
|
|
}`}
|
|
|
|
|
>
|
|
|
|
|
{s}
|
|
|
|
|
{step > s ? <Check className="w-5 h-5" /> : s}
|
|
|
|
|
</div>
|
|
|
|
|
<span className={`text-xs font-semibold ${step >= s ? 'text-primary' : 'text-slate-500'}`}>
|
|
|
|
|
<span className={`text-xs font-semibold ${step >= s ? 'text-primary' : 'text-slate-500'} flex items-center gap-1`}>
|
|
|
|
|
{s === 1 ? 'Kunde' : s === 2 ? 'Modell' : s === 3 ? 'Software' : 'Abschluss'}
|
|
|
|
|
{s === 3 && basketItems.length > 0 && (
|
|
|
|
|
<span className="bg-primary text-white text-[9px] w-4 h-4 rounded-full flex items-center justify-center font-bold px-1.5 leading-none">
|
|
|
|
|
{basketItems.length}
|
|
|
|
|
</span>
|
|
|
|
|
)}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
))}
|
|
|
|
|
@@ -1327,7 +1337,7 @@ export function OrderWizard({
|
|
|
|
|
|
|
|
|
|
{/* Right: Summary */}
|
|
|
|
|
<div className="space-y-6">
|
|
|
|
|
<Card className="glass-dark border-primary/20 sticky top-[20vh]">
|
|
|
|
|
<Card className="glass-dark border-primary/20 sticky top-[20vh] backdrop-blur-lg bg-slate-950/75">
|
|
|
|
|
<CardHeader>
|
|
|
|
|
<CardTitle className="text-white">Zusammenfassung</CardTitle>
|
|
|
|
|
</CardHeader>
|
|
|
|
|
@@ -1486,7 +1496,7 @@ export function OrderWizard({
|
|
|
|
|
<p className="text-xs font-semibold text-slate-500 uppercase tracking-wider">Warenkorb ({basketItems.length}):</p>
|
|
|
|
|
<div className="space-y-1.5">
|
|
|
|
|
{basketItems.map((item, idx) => (
|
|
|
|
|
<div key={idx} className="flex justify-between items-center text-xs bg-white/5 p-2 rounded border border-white/10">
|
|
|
|
|
<div key={idx} className={`flex justify-between items-center text-xs bg-white/5 p-2 rounded border transition-all duration-300 ${idx === editingIdx ? 'border-blue-500/50 shadow-[0_0_10px_rgba(59,130,246,0.3)]' : 'border-white/10'}`}>
|
|
|
|
|
<div className="flex flex-col">
|
|
|
|
|
<span className="text-white font-medium">{item.deviceName}</span>
|
|
|
|
|
<span className="text-[10px] text-slate-400 capitalize">{item.billingInterval === 'one_time' ? 'Kauf' : 'Abo'}</span>
|
|
|
|
|
@@ -1537,7 +1547,7 @@ export function OrderWizard({
|
|
|
|
|
onClick={addToBasket}
|
|
|
|
|
disabled={isNextStepDisabled}
|
|
|
|
|
>
|
|
|
|
|
<UserPlus className="w-4 h-4" /> {editingIdx !== null ? 'Kasse aktualisieren' : 'Noch eine Kasse hinzufügen'}
|
|
|
|
|
<UserPlus className="w-4 h-4" /> {editingIdx !== null ? '💾 Änderungen an Kasse speichern' : 'Noch eine Kasse hinzufügen'}
|
|
|
|
|
</Button>
|
|
|
|
|
<Separator className="bg-white/10 my-1" />
|
|
|
|
|
<Button
|
|
|
|
|
|