formuliare de demande de pieces auto – Pièces auto à La Réunion (974)

Vous pouvez nous contacter 24 heures sur 24, 7/70693 32 00 15
Ma sélection
Nos offres du mois

Vous trouverez ici, chaque mois, les meilleures offres immanquables
30%
JAPANPDI.052C DISQ FREIN AV 258X22

35%
PLAQUETTE DE FREINS FR AV C4/P206/P208/BERLINGO

24%
BATTERIE 12V62AH ROCKET56219MF

15%
KIT EMBRAYAGE LUK – Dacia Duster

PROMO !23%
HUILE WOLF OE LEVEL TECH 0W-30 MS-BHDI 5L

PROMO !29%
WOLF ESSENTIAL SN C2/C3 5W30 5L

Votre Devis
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demande de Pièce Auto - PiecesAuto.re</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .container {
            background: white;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            max-width: 800px;
            width: 100%;
            padding: 40px;
            animation: slideIn 0.5s ease-out;
        }

        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .header {
            text-align: center;
            margin-bottom: 40px;
        }

        .header h1 {
            color: #667eea;
            font-size: 32px;
            margin-bottom: 10px;
        }

        .header p {
            color: #666;
            font-size: 16px;
        }

        .form-section {
            margin-bottom: 30px;
        }

        .section-title {
            color: #333;
            font-size: 20px;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #667eea;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .section-icon {
            font-size: 24px;
        }

        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 20px;
        }

        .form-group {
            display: flex;
            flex-direction: column;
        }

        .form-group.full-width {
            grid-column: 1 / -1;
        }

        label {
            color: #333;
            font-weight: 600;
            margin-bottom: 8px;
            font-size: 14px;
        }

        label .required {
            color: #e74c3c;
        }

        input[type="text"],
        input[type="email"],
        input[type="tel"],
        input[type="number"],
        select,
        textarea {
            padding: 12px 15px;
            border: 2px solid #e0e0e0;
            border-radius: 10px;
            font-size: 15px;
            transition: all 0.3s ease;
            font-family: inherit;
        }

        input[type="text"]:focus,
        input[type="email"]:focus,
        input[type="tel"]:focus,
        input[type="number"]:focus,
        select:focus,
        textarea:focus {
            outline: none;
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        }

        textarea {
            resize: vertical;
            min-height: 120px;
        }

        select {
            cursor: pointer;
            background-color: white;
        }

        .checkbox-group {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-top: 10px;
        }

        input[type="checkbox"] {
            width: 20px;
            height: 20px;
            cursor: pointer;
            accent-color: #667eea;
        }

        .submit-btn {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 15px 40px;
            border: none;
            border-radius: 50px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            width: 100%;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .submit-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
        }

        .submit-btn:active {
            transform: translateY(0);
        }

        .info-text {
            color: #666;
            font-size: 13px;
            margin-top: 5px;
            font-style: italic;
        }

        .success-message {
            background: #d4edda;
            color: #155724;
            padding: 15px;
            border-radius: 10px;
            margin-bottom: 20px;
            border: 1px solid #c3e6cb;
        }

        .error-message {
            background: #f8d7da;
            color: #721c24;
            padding: 15px;
            border-radius: 10px;
            margin-bottom: 20px;
            border: 1px solid #f5c6cb;
        }

        @media (max-width: 768px) {
            .container {
                padding: 25px;
            }

            .form-row {
                grid-template-columns: 1fr;
            }

            .header h1 {
                font-size: 24px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <?php
        $message = '';
        $messageType = '';

        if ($_SERVER["REQUEST_METHOD"] == "POST") {
            // Récupération et nettoyage des données
            $nom = htmlspecialchars(trim($_POST['nom'] ?? ''));
            $prenom = htmlspecialchars(trim($_POST['prenom'] ?? ''));
            $email = htmlspecialchars(trim($_POST['email'] ?? ''));
            $telephone = htmlspecialchars(trim($_POST['telephone'] ?? ''));
            $marque = htmlspecialchars(trim($_POST['marque'] ?? ''));
            $modele = htmlspecialchars(trim($_POST['modele'] ?? ''));
            $annee = htmlspecialchars(trim($_POST['annee'] ?? ''));
            $immatriculation = htmlspecialchars(trim($_POST['immatriculation'] ?? ''));
            $typepiece = htmlspecialchars(trim($_POST['typepiece'] ?? ''));
            $reference = htmlspecialchars(trim($_POST['reference'] ?? ''));
            $description = htmlspecialchars(trim($_POST['description'] ?? ''));
            $quantite = htmlspecialchars(trim($_POST['quantite'] ?? '1'));
            $urgence = htmlspecialchars(trim($_POST['urgence'] ?? ''));
            $newsletter = isset($_POST['newsletter']) ? 'Oui' : 'Non';

            // Validation basique
            if (empty($nom) || empty($prenom) || empty($email) || empty($telephone) || 
                empty($marque) || empty($modele) || empty($typepiece)) {
                $message = "Veuillez remplir tous les champs obligatoires.";
                $messageType = 'error';
            } elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
                $message = "Veuillez entrer une adresse email valide.";
                $messageType = 'error';
            } else {
                // Préparation de l'email
                $to = "contact@piecesauto.re"; // Remplacez par votre email
                $subject = "Nouvelle demande de pièce auto - " . $typepiece;
                
                $emailBody = "=== NOUVELLE DEMANDE DE PIÈCE AUTO ===\n\n";
                $emailBody .= "INFORMATIONS CLIENT :\n";
                $emailBody .= "Nom : $nom\n";
                $emailBody .= "Prénom : $prenom\n";
                $emailBody .= "Email : $email\n";
                $emailBody .= "Téléphone : $telephone\n\n";
                
                $emailBody .= "INFORMATIONS VÉHICULE :\n";
                $emailBody .= "Marque : $marque\n";
                $emailBody .= "Modèle : $modele\n";
                $emailBody .= "Année : $annee\n";
                $emailBody .= "Immatriculation : $immatriculation\n\n";
                
                $emailBody .= "INFORMATIONS PIÈCE :\n";
                $emailBody .= "Type de pièce : $typepiece\n";
                $emailBody .= "Référence : $reference\n";
                $emailBody .= "Quantité : $quantite\n";
                $emailBody .= "Urgence : $urgence\n";
                $emailBody .= "Description : $description\n\n";
                
                $emailBody .= "Newsletter : $newsletter\n";
                $emailBody .= "\nDate de la demande : " . date('d/m/Y H:i:s');
                
                $headers = "From: $email\r\n";
                $headers .= "Reply-To: $email\r\n";
                $headers .= "Content-Type: text/plain; charset=UTF-8\r\n";

                // Envoi de l'email
                if (mail($to, $subject, $emailBody, $headers)) {
                    $message = "Votre demande a été envoyée avec succès ! Nous vous contacterons rapidement.";
                    $messageType = 'success';
                    
                    // Réinitialiser le formulaire en cas de succès
                    $_POST = array();
                } else {
                    $message = "Une erreur est survenue lors de l'envoi. Veuillez réessayer ou nous contacter directement.";
                    $messageType = 'error';
                }
            }
        }
        ?>

        <div class="header">
            <h1>🚗 Demande de Pièce Auto</h1>
            <p>Remplissez le formulaire ci-dessous et nous vous répondrons rapidement</p>
        </div>

        <?php if ($message): ?>
            <div class="<?php echo $messageType; ?>-message">
                <?php echo $message; ?>
            </div>
        <?php endif; ?>

        <form method="POST" action="">
            <!-- Section Informations Client -->
            <div class="form-section">
                <div class="section-title">
                    <span class="section-icon">👤</span>
                    <span>Vos Informations</span>
                </div>
                
                <div class="form-row">
                    <div class="form-group">
                        <label for="nom">Nom <span class="required">*</span></label>
                        <input type="text" id="nom" name="nom" required 
                               value="<?php echo $_POST['nom'] ?? ''; ?>">
                    </div>
                    
                    <div class="form-group">
                        <label for="prenom">Prénom <span class="required">*</span></label>
                        <input type="text" id="prenom" name="prenom" required 
                               value="<?php echo $_POST['prenom'] ?? ''; ?>">
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group">
                        <label for="email">Email <span class="required">*</span></label>
                        <input type="email" id="email" name="email" required 
                               value="<?php echo $_POST['email'] ?? ''; ?>">
                    </div>
                    
                    <div class="form-group">
                        <label for="telephone">Téléphone <span class="required">*</span></label>
                        <input type="tel" id="telephone" name="telephone" required 
                               placeholder="0692 XX XX XX"
                               value="<?php echo $_POST['telephone'] ?? ''; ?>">
                    </div>
                </div>
            </div>

            <!-- Section Informations Véhicule -->
            <div class="form-section">
                <div class="section-title">
                    <span class="section-icon">🚙</span>
                    <span>Informations du Véhicule</span>
                </div>
                
                <div class="form-row">
                    <div class="form-group">
                        <label for="marque">Marque <span class="required">*</span></label>
                        <select id="marque" name="marque" required>
                            <option value="">Sélectionnez une marque</option>
                            <option value="Peugeot" <?php echo (isset($_POST['marque']) && $_POST['marque'] == 'Peugeot') ? 'selected' : ''; ?>>Peugeot</option>
                            <option value="Renault" <?php echo (isset($_POST['marque']) && $_POST['marque'] == 'Renault') ? 'selected' : ''; ?>>Renault</option>
                            <option value="Citroën" <?php echo (isset($_POST['marque']) && $_POST['marque'] == 'Citroën') ? 'selected' : ''; ?>>Citroën</option>
                            <option value="Toyota" <?php echo (isset($_POST['marque']) && $_POST['marque'] == 'Toyota') ? 'selected' : ''; ?>>Toyota</option>
                            <option value="Volkswagen" <?php echo (isset($_POST['marque']) && $_POST['marque'] == 'Volkswagen') ? 'selected' : ''; ?>>Volkswagen</option>
                            <option value="Mercedes" <?php echo (isset($_POST['marque']) && $_POST['marque'] == 'Mercedes') ? 'selected' : ''; ?>>Mercedes</option>
                            <option value="BMW" <?php echo (isset($_POST['marque']) && $_POST['marque'] == 'BMW') ? 'selected' : ''; ?>>BMW</option>
                            <option value="Audi" <?php echo (isset($_POST['marque']) && $_POST['marque'] == 'Audi') ? 'selected' : ''; ?>>Audi</option>
                            <option value="Ford" <?php echo (isset($_POST['marque']) && $_POST['marque'] == 'Ford') ? 'selected' : ''; ?>>Ford</option>
                            <option value="Nissan" <?php echo (isset($_POST['marque']) && $_POST['marque'] == 'Nissan') ? 'selected' : ''; ?>>Nissan</option>
                            <option value="Autre" <?php echo (isset($_POST['marque']) && $_POST['marque'] == 'Autre') ? 'selected' : ''; ?>>Autre</option>
                        </select>
                    </div>
                    
                    <div class="form-group">
                        <label for="modele">Modèle <span class="required">*</span></label>
                        <input type="text" id="modele" name="modele" required 
                               placeholder="Ex: 308, Clio, Corolla..."
                               value="<?php echo $_POST['modele'] ?? ''; ?>">
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group">
                        <label for="annee">Année</label>
                        <input type="number" id="annee" name="annee" 
                               min="1980" max="2025" 
                               placeholder="Ex: 2015"
                               value="<?php echo $_POST['annee'] ?? ''; ?>">
                    </div>
                    
                    <div class="form-group">
                        <label for="immatriculation">Immatriculation</label>
                        <input type="text" id="immatriculation" name="immatriculation" 
                               placeholder="Ex: AB-123-CD"
                               value="<?php echo $_POST['immatriculation'] ?? ''; ?>">
                        <span class="info-text">Optionnel mais recommandé pour une identification précise</span>
                    </div>
                </div>
            </div>

            <!-- Section Pièce Recherchée -->
            <div class="form-section">
                <div class="section-title">
                    <span class="section-icon">🔧</span>
                    <span>Pièce Recherchée</span>
                </div>
                
                <div class="form-row">
                    <div class="form-group">
                        <label for="typepiece">Type de pièce <span class="required">*</span></label>
                        <select id="typepiece" name="typepiece" required>
                            <option value="">Sélectionnez un type</option>
                            <optgroup label="Moteur">
                                <option value="Filtre à huile">Filtre à huile</option>
                                <option value="Filtre à air">Filtre à air</option>
                                <option value="Courroie de distribution">Courroie de distribution</option>
                                <option value="Bougies">Bougies</option>
                                <option value="Batterie">Batterie</option>
                            </optgroup>
                            <optgroup label="Freinage">
                                <option value="Plaquettes de frein">Plaquettes de frein</option>
                                <option value="Disques de frein">Disques de frein</option>
                                <option value="Étriers de frein">Étriers de frein</option>
                            </optgroup>
                            <optgroup label="Suspension">
                                <option value="Amortisseurs">Amortisseurs</option>
                                <option value="Ressorts">Ressorts</option>
                                <option value="Rotules">Rotules</option>
                            </optgroup>
                            <optgroup label="Carrosserie">
                                <option value="Pare-choc">Pare-choc</option>
                                <option value="Capot">Capot</option>
                                <option value="Aile">Aile</option>
                                <option value="Rétroviseur">Rétroviseur</option>
                                <option value="Phare">Phare</option>
                            </optgroup>
                            <optgroup label="Intérieur">
                                <option value="Siège">Siège</option>
                                <option value="Tableau de bord">Tableau de bord</option>
                                <option value="Volant">Volant</option>
                            </optgroup>
                            <option value="Autre">Autre</option>
                        </select>
                    </div>
                    
                    <div class="form-group">
                        <label for="reference">Référence pièce</label>
                        <input type="text" id="reference" name="reference" 
                               placeholder="Ex: OEM 1234567"
                               value="<?php echo $_POST['reference'] ?? ''; ?>">
                        <span class="info-text">Si vous la connaissez</span>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group">
                        <label for="quantite">Quantité</label>
                        <input type="number" id="quantite" name="quantite" 
                               min="1" value="1">
                    </div>
                    
                    <div class="form-group">
                        <label for="urgence">Urgence</label>
                        <select id="urgence" name="urgence">
                            <option value="Normal">Normal</option>
                            <option value="Urgent">Urgent (sous 48h)</option>
                            <option value="Très urgent">Très urgent (sous 24h)</option>
                        </select>
                    </div>
                </div>

                <div class="form-group full-width">
                    <label for="description">Description / Informations complémentaires</label>
                    <textarea id="description" name="description" 
                              placeholder="Décrivez la pièce recherchée, l'état souhaité (neuf/occasion), votre budget, ou toute autre information utile..."><?php echo $_POST['description'] ?? ''; ?></textarea>
                </div>
            </div>

            <!-- Newsletter -->
            <div class="form-section">
                <div class="checkbox-group">
                    <input type="checkbox" id="newsletter" name="newsletter" 
                           <?php echo isset($_POST['newsletter']) ? 'checked' : ''; ?>>
                    <label for="newsletter" style="margin: 0; font-weight: normal;">
                        Je souhaite recevoir les offres et promotions de PiecesAuto.re
                    </label>
                </div>
            </div>

            <button type="submit" class="submit-btn">Envoyer ma demande</button>
        </form>
    </div>
</body>
</html>
Nos offres du mois

JAPANPDI.052C DISQ FREIN AV 258X22

PLAQUETTE DE FREINS FR AV C4/P206/P208/BERLINGO

BATTERIE 12V62AH ROCKET56219MF

KIT EMBRAYAGE LUK – Dacia Duster

HUILE WOLF OE LEVEL TECH 0W-30 MS-BHDI 5L

WOLF ESSENTIAL SN C2/C3 5W30 5L

Se connecter
