+ 
*/}
- Overview
- {/* Card */}
{cards.map((card) => (
Recent activity
- {/* Activity table (small breakpoint and up) */}
@@ -480,9 +437,6 @@ export default function Example() {
Extinde
-
- Descarca PDF
-
@@ -498,12 +452,11 @@ export default function Example() {
{activity.PretAsigurare.toFixed(2)} RON
-
-
-
-
{selectedIndex === index && (
diff --git a/sections/details/details.tsx b/sections/details/details.tsx
index 1471da7..5323989 100644
--- a/sections/details/details.tsx
+++ b/sections/details/details.tsx
@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
+import { v4 as uuidv4 } from 'uuid';
import InsurancePopOver from '../../components/popOver';
const Details: React.FC = () => {
@@ -12,6 +13,9 @@ const Details: React.FC = () => {
PermisDeConducere: '',
Email: '',
NrDeTelefon: '',
+ Adresa: '',
+ MarcaMasinii: '',
+ Modelul: '',
CategoriaMasinii: '',
NumarulWIN: '',
AnProductie: '',
@@ -26,34 +30,109 @@ const Details: React.FC = () => {
});
const [estimatedPrice, setEstimatedPrice] = useState('');
const [basePrice, setBasePrice] = useState(0);
+ const [errors, setErrors] = useState([]);
const driverFields = [
'Nume',
'Prenume',
'CNP',
- 'DataNasterii',
- 'PermisDeConducere',
+ 'Data Nasterii',
+ 'Permis De Conducere',
'Email',
- 'NrDeTelefon',
+ 'Nr De Telefon',
+ 'Adresa',
];
const carFields = [
- 'CategoriaMasinii',
- 'NumarulWIN',
- 'AnProductie',
- 'CapacitateCilindrica',
- 'CategorieBonus',
- 'NrInmatriculare',
- 'NrCertificatInmatriculare',
- 'NormaDePoluare',
- 'TipCombustibil',
- 'PerioadaDeAsigurare',
+ 'Marca Masinii',
+ 'Modelul',
+ 'Categoria Masinii',
+ 'Numarul WIN',
+ 'An Productie',
+ 'Capacitate Cilindrica',
+ 'Categorie Bonus',
+ 'Nr Inmatriculare',
+ 'Nr Certificat Inmatriculare',
+ 'Norma De Poluare',
+ 'Tip Combustibil',
+ 'Perioada De Asigurare',
];
- const options: { [key: string]: string[] } = {
- PerioadaDeAsigurare: ['1 an', '6 luni', '3 luni'],
- NormaDePoluare: ['Euro 3', 'Euro 4', 'Euro 5', 'Euro 6'],
- TipCombustibil: ['Diesel', 'Benzina', 'Hibrid', 'Electric', 'Gaz-Benzina'],
- CategoriaMasinii: [
+ const fieldMapping: Record = {
+ 'Data Nasterii': 'DataNasterii',
+ 'Permis De Conducere': 'PermisDeConducere',
+ 'Nr De Telefon': 'NrDeTelefon',
+ 'Marca Masinii': 'MarcaMasinii',
+ 'Categoria Masinii': 'CategoriaMasinii',
+ 'Numarul WIN': 'NumarulWIN',
+ 'An Productie': 'AnProductie',
+ 'Capacitate Cilindrica': 'CapacitateCilindrica',
+ 'Categorie Bonus': 'CategorieBonus',
+ 'Nr Inmatriculare': 'NrInmatriculare',
+ 'Nr Certificat Inmatriculare': 'NrCertificatInmatriculare',
+ 'Norma De Poluare': 'NormaDePoluare',
+ 'Tip Combustibil': 'TipCombustibil',
+ 'Perioada De Asigurare': 'PerioadaDeAsigurare',
+ };
+
+ const options: { [key: string]: string[] | { [key: string]: string[] } } = {
+ 'Marca Masinii': [
+ 'BMW',
+ 'Mercedes',
+ 'Audi',
+ 'Volkswagen',
+ 'Ford',
+ 'Toyota',
+ 'Honda',
+ 'Nissan',
+ 'Chevrolet',
+ 'Hyundai',
+ 'Kia',
+ 'Mazda',
+ 'Renault',
+ 'Peugeot',
+ 'Fiat',
+ 'Volvo',
+ 'Subaru',
+ 'Mitsubishi',
+ 'Jaguar',
+ 'Land Rover',
+ 'Tesla',
+ 'Altele',
+ ],
+ 'Modelul': {
+ BMW: ['Serie 3', 'Serie 5', 'X5', 'X3', 'Serie 7'],
+ Mercedes: ['A-Class', 'C-Class', 'E-Class', 'S-Class', 'GLC'],
+ Audi: ['A3', 'A4', 'A6', 'Q5', 'Q7'],
+ Volkswagen: ['Golf', 'Passat', 'Tiguan', 'Polo', 'Touareg'],
+ Ford: ['Focus', 'Fiesta', 'Mustang', 'Explorer', 'Escape'],
+ Toyota: ['Corolla', 'Camry', 'RAV4', 'Highlander', 'Prius'],
+ Honda: ['Civic', 'Accord', 'CR-V', 'Fit', 'Pilot'],
+ Nissan: ['Altima', 'Sentra', 'Rogue', 'Murano', 'Maxima'],
+ Chevrolet: ['Cruze', 'Malibu', 'Equinox', 'Traverse', 'Tahoe'],
+ Hyundai: ['Elantra', 'Sonata', 'Santa Fe', 'Tucson', 'Kona'],
+ Kia: ['Optima', 'Sorento', 'Sportage', 'Soul', 'Stinger'],
+ Mazda: ['Mazda3', 'Mazda6', 'CX-5', 'CX-9', 'MX-5'],
+ Renault: ['Clio', 'Megane', 'Captur', 'Kadjar', 'Talisman'],
+ Peugeot: ['208', '308', '508', '2008', '3008'],
+ Fiat: ['500', 'Panda', 'Tipo', 'Punto', '500X'],
+ Volvo: ['S60', 'S90', 'XC60', 'XC90', 'V60'],
+ Subaru: ['Impreza', 'Forester', 'Outback', 'Legacy', 'Crosstrek'],
+ Mitsubishi: ['Lancer', 'Outlander', 'Eclipse Cross', 'ASX', 'Pajero'],
+ Jaguar: ['XE', 'XF', 'F-Pace', 'E-Pace', 'XJ'],
+ LandRover: ['Range Rover', 'Discovery', 'Defender', 'Evoque', 'Velar'],
+ Tesla: ['Model S', 'Model 3', 'Model X', 'Model Y', 'Cybertruck'],
+ Altele: [],
+ },
+ 'Perioada De Asigurare': ['1 an', '6 luni', '3 luni'],
+ 'Norma De Poluare': ['Euro 3', 'Euro 4', 'Euro 5', 'Euro 6'],
+ 'Tip Combustibil': [
+ 'Diesel',
+ 'Benzina',
+ 'Hibrid',
+ 'Electric',
+ 'Gaz-Benzina',
+ ],
+ 'Categoria Masinii': [
'Autoturism',
'Camion',
'Remorca',
@@ -62,26 +141,41 @@ const Details: React.FC = () => {
'Motocicleta',
'ATV',
],
- CategorieBonus: Array.from({ length: 17 }, (_, i) => (i - 8).toString()),
+ 'Categorie Bonus': Array.from({ length: 17 }, (_, i) => (i - 8).toString()),
};
const handleInputChange = (
- e: React.ChangeEvent
+ e: React.ChangeEvent,
) => {
const { name, value } = e.target;
- setFormData({ ...formData, [name]: value });
+ const formDataFieldName = fieldMapping[name] || name;
+ setFormData({ ...formData, [formDataFieldName]: value });
};
const handleSubmit = async () => {
console.log(formData);
+
+ // Generare număr unic de serie folosind UUID
+ const generateUniqueNumber = () => {
+ const prefix = {
+ 'RCA': 'RCA',
+ 'CASCO': 'CAS',
+ 'CARTE VERDE': 'CV',
+ }[formData.TipAsigurare];
+ return `${prefix}-${uuidv4()}`;
+ };
+
+ const requestData = {
+ ...formData,
+ PretAsigurare: formData.PretAsigurare,
+ NumarSerie: generateUniqueNumber(),
+ };
+
try {
const response = await fetch('http://localhost:5000/api/insurance', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({
- ...formData,
- PretAsigurare: formData.PretAsigurare,
- }),
+ body: JSON.stringify(requestData),
});
if (!response.ok) {
@@ -93,7 +187,7 @@ const Details: React.FC = () => {
if (error instanceof Error) {
console.error(
'A apărut o eroare la trimiterea datelor:',
- error.message
+ error.message,
);
} else {
console.error('A apărut o eroare necunoscută');
@@ -113,6 +207,32 @@ const Details: React.FC = () => {
};
const calculateInsurancePrice = () => {
+ const missingFields: string[] = [];
+
+ // Verifică dacă toate câmpurile sunt completate
+ driverFields.forEach((field) => {
+ const formDataFieldName = fieldMapping[field] || field;
+ if (!formData[formDataFieldName]) {
+ missingFields.push(field);
+ }
+ });
+
+ carFields.forEach((field) => {
+ const formDataFieldName = fieldMapping[field] || field;
+ if (!formData[formDataFieldName]) {
+ missingFields.push(field);
+ }
+ });
+
+ if (!formData.TipAsigurare) {
+ missingFields.push('Tip Asigurare');
+ }
+
+ if (missingFields.length > 0) {
+ setErrors(missingFields);
+ return;
+ }
+
// Asigură-te că avem un preț de bază valid pentru calcul
let price = Number(basePrice);
if (isNaN(price)) {
@@ -129,13 +249,13 @@ const Details: React.FC = () => {
};
// Extrage și validează categoria bonus ca număr
- const bonusCategory = parseInt(formData['CategorieBonus'], 10);
+ const bonusCategory = parseInt(formData['Categorie Bonus'], 10);
const bonusCategoryCoefficient =
bonusCategory >= -8 && bonusCategory <= 8
? 1.0
: bonusCategory > 8 && bonusCategory <= 15
- ? 0.9
- : 0.8;
+ ? 0.9
+ : 0.8;
// Coeficienții pentru tipul de combustibil
const fuelTypeCoefficients: Record = {
@@ -197,10 +317,41 @@ const Details: React.FC = () => {
}));
setEstimatedPrice(`Preț estimat: ${price.toFixed(2)} RON`);
setOpen(true); // Afișează popover-ul cu prețul estimat
+ setErrors([]); // Resetează erorile după calcul
};
const isActiveButton = (type: string) => formData.TipAsigurare === type;
+ useEffect(() => {
+ if (!open) {
+ setFormData({
+ TipAsigurare: '',
+ Nume: '',
+ Prenume: '',
+ CNP: '',
+ DataNasterii: '',
+ PermisDeConducere: '',
+ Email: '',
+ NrDeTelefon: '',
+ Adresa: '',
+ MarcaMasinii: '',
+ Modelul: '',
+ CategoriaMasinii: '',
+ NumarulWIN: '',
+ AnProductie: '',
+ CapacitateCilindrica: '',
+ CategorieBonus: '',
+ NrInmatriculare: '',
+ NrCertificatInmatriculare: '',
+ NormaDePoluare: '',
+ TipCombustibil: '',
+ PerioadaDeAsigurare: '',
+ StatusAsigurare: '',
+ });
+ setEstimatedPrice('');
+ }
+ }, [open]);
+
return (
@@ -536,7 +481,7 @@ export default function Example() {
- {/* Fiecare rând reprezintă o pereche cheie-valoare din modelul tău */}
+ {/* Details of the insurance request */}
| Nume: @@ -567,7 +512,7 @@ export default function Example() { | {new Date( - activity.DataNasterii + activity.DataNasterii, ).toLocaleDateString()} |
| - Categorie Bonus: + Adresa: | - {activity.CategorieBonus} + {activity.Adresa} |
| - Categoria masinii: + Marca Mașinii: | - {activity.CategoriaMasinii} + {activity.MarcaMasinii} |
| - Serie de șasiu + Modelul: | - {activity.NumarulWIN} + {activity.Modelul} |
| - An productie: + Categoria mașinii: | - {activity.AnProductie} + {activity.CategoriaMasinii} |
| - Categorie Bonus: + Serie de șasiu | - {activity.CategorieBonus} + {activity.NumarulWIN} |
| - Capacitate Cilindrica: + An producție: + | ++ {activity.AnProductie} + | +
| + Capacitate Cilindrică: | {activity.CapacitateCilindrica} @@ -645,17 +598,15 @@ export default function Example() { |
| - Numar inamtriculare: + Număr înmatriculare: | - { - activity.NrCertificatInmatriculare - } + {activity.NrInmatriculare} |
| - Certificat de inmatriculare: + Certificat de înmatriculare: | { @@ -695,13 +646,33 @@ export default function Example() { {activity.TipAsigurare} |
| + Data Început: + | ++ {new Date( + activity.DataInceput, + ).toLocaleDateString()} + | +
| + Data Sfârșit: + | ++ {new Date( + activity.DataSfarsit, + ).toLocaleDateString()} + | +
| Pret Asigurare: | {activity.PretAsigurare.toFixed( - 2 + 2, )} |
| + Numar Serie: + | ++ {activity.NumarSerie} + | +
@@ -734,6 +712,29 @@ export default function Example() {
Respinge
+ {activity.StatusAsigurare ===
+ 'Acceptat' && (
+
+
+
+
+ )}
@@ -220,8 +371,8 @@ const Details: React.FC = () => {
index === 0
? 'rounded-l-md'
: index === arr.length - 1
- ? 'rounded-r-md'
- : '-ml-px'
+ ? 'rounded-r-md'
+ : '-ml-px'
}`}
>
{type}
@@ -232,7 +383,7 @@ const Details: React.FC = () => {
))}
+ {errors.length > 0 && (
+ - Informații Sofer + Informații Șofer
@@ -246,12 +397,12 @@ const Details: React.FC = () => {
@@ -282,11 +433,20 @@ const Details: React.FC = () => {
- {options[field].map((option) => (
-
- ))}
+ {Array.isArray(options[field])
+ ? options[field].map((option: any) => (
+
+ ))
+ : formData['MarcaMasinii'] &&
+ options['Modelul'][formData['MarcaMasinii']]?.map(
+ (option: any) => (
+
+ ),
+ )}
) : (
{
+
+ )}
Te rugăm să completezi următoarele câmpuri:
+-
+ {errors.map((error, index) => (
+
- {error} + ))} +