<?php
$pageTitle = 'Demande de création';
$pageActive = 'demande';
require __DIR__ . '/includes/header.php';

// Offre pré-sélectionnée depuis la page des offres (?offre=sarl)
$offrePre = isset($_GET['offre']) && isset($ZYIT_OFFRES[$_GET['offre']]) ? $_GET['offre'] : '';
?>

<section class="section">
  <div class="conteneur">
    <span class="eyebrow" style="display:block;text-align:center">Demande en ligne</span>
    <h2 class="titre-section">Lancez votre projet <span class="or">en toute confiance</span></h2>
    <p class="sous-titre">Quelques minutes suffisent. Notre équipe vous recontacte rapidement.</p>

    <div class="form-cadre">

      <div class="progression" aria-hidden="true">
        <div class="prog-etape active">1. Votre offre</div>
        <div class="prog-etape">2. Votre société</div>
        <div class="prog-etape">3. Vos coordonnées</div>
        <div class="prog-etape">4. Confirmation</div>
      </div>

      <?php if (isset($_GET['erreur'])): ?>
        <div class="erreur-message visible" role="alert">Votre demande n'a pas pu être envoyée : certaines informations étaient manquantes ou invalides. Merci de vérifier le formulaire et de réessayer.</div>
      <?php endif; ?>
      <div class="erreur-message" id="erreurForm" role="alert"></div>

      <form id="formDemande" action="traitement-demande.php" method="post" novalidate>

        <!-- Anti-spam (champ invisible pour les humains) -->
        <div class="champ champ-siteweb" aria-hidden="true">
          <label for="site_web">Site web</label>
          <input type="text" id="site_web" name="site_web" tabindex="-1" autocomplete="off">
        </div>

        <!-- ============ ÉTAPE 1 : OFFRE ============ -->
        <div class="form-etape visible">
          <h3 class="form-titre-etape">Choisissez votre offre</h3>
          <div class="choix-offres">
            <label class="choix-offre">
              <input type="radio" name="offre" value="sarl" <?php echo $offrePre === 'sarl' ? 'checked' : ''; ?>>
              <span class="choix-carte">
                <span class="cc-nom or">Sàrl</span>
                <span class="cc-detail" style="display:block">Société à responsabilité limitée</span>
                <span class="cc-prix" style="display:block">6 &times; 1'000.00 CHF / mois</span>
              </span>
            </label>
            <label class="choix-offre">
              <input type="radio" name="offre" value="sa-ch" <?php echo $offrePre === 'sa-ch' ? 'checked' : ''; ?>>
              <span class="choix-carte">
                <span class="cc-nom or">SA CH</span>
                <span class="cc-detail" style="display:block">Société anonyme suisse</span>
                <span class="cc-prix" style="display:block">13 &times; 1'000.00 CHF / mois</span>
              </span>
            </label>
            <label class="choix-offre">
              <input type="radio" name="offre" value="sa-gb" <?php echo $offrePre === 'sa-gb' ? 'checked' : ''; ?>>
              <span class="choix-carte">
                <span class="cc-nom or">SA GB</span>
                <span class="cc-detail" style="display:block">SA (GB) + 1 succursale en Suisse</span>
                <span class="cc-prix" style="display:block">10 &times; 1'000.00 CHF / mois</span>
              </span>
            </label>
          </div>
          <p class="champ aide">Toutes nos offres incluent le capital social, les assurances obligatoires, l'inscription TVA, les charges sociales et l'ouverture du compte bancaire.</p>
          <div class="form-nav">
            <span></span>
            <button class="btn btn-or" data-suivant>Continuer</button>
          </div>
        </div>

        <!-- ============ ÉTAPE 2 : SOCIÉTÉ ============ -->
        <div class="form-etape">
          <h3 class="form-titre-etape">Votre future société</h3>

          <div class="champ">
            <label for="raison_sociale">Raison sociale souhaitée <span class="req">*</span></label>
            <input type="text" id="raison_sociale" name="raison_sociale" required maxlength="150" placeholder="Ex. : Mon Entreprise Sàrl">
            <p class="aide">Le nom que vous souhaitez donner à votre société. Nous vérifierons sa disponibilité.</p>
          </div>

          <div class="deux-colonnes">
            <div class="champ">
              <label for="siege_social">Siège social souhaité <span class="req">*</span></label>
              <input type="text" id="siege_social" name="siege_social" required maxlength="150" placeholder="Ville / Canton">
            </div>
            <div class="champ">
              <label for="nb_associes">Nombre d'associés / actionnaires <span class="req">*</span></label>
              <select id="nb_associes" name="nb_associes" required>
                <option value="">Sélectionnez…</option>
                <option value="1">1 (associé unique)</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4+">4 ou plus</option>
              </select>
            </div>
          </div>

          <div class="champ">
            <label for="but_societe">But de la société <span class="req">*</span></label>
            <textarea id="but_societe" name="but_societe" required maxlength="2000" placeholder="Décrivez l'activité prévue de votre société (ex. : prestation de services, commerce, construction, restauration…)"></textarea>
          </div>

          <div class="champ">
            <label for="delai">Délai souhaité</label>
            <select id="delai" name="delai">
              <option value="">Sélectionnez…</option>
              <option value="Dès que possible">Dès que possible</option>
              <option value="Dans le mois">Dans le mois</option>
              <option value="Dans les 3 mois">Dans les 3 mois</option>
              <option value="Pas encore décidé">Pas encore décidé</option>
            </select>
          </div>

          <div class="form-nav">
            <button class="btn btn-fantome" data-precedent>Retour</button>
            <button class="btn btn-or" data-suivant>Continuer</button>
          </div>
        </div>

        <!-- ============ ÉTAPE 3 : COORDONNÉES ============ -->
        <div class="form-etape">
          <h3 class="form-titre-etape">Vos coordonnées</h3>

          <div class="deux-colonnes">
            <div class="champ">
              <label for="prenom">Prénom <span class="req">*</span></label>
              <input type="text" id="prenom" name="prenom" required maxlength="80" autocomplete="given-name">
            </div>
            <div class="champ">
              <label for="nom">Nom <span class="req">*</span></label>
              <input type="text" id="nom" name="nom" required maxlength="80" autocomplete="family-name">
            </div>
          </div>

          <div class="deux-colonnes">
            <div class="champ">
              <label for="email">Email <span class="req">*</span></label>
              <input type="email" id="email" name="email" required maxlength="150" autocomplete="email" placeholder="vous@exemple.ch">
            </div>
            <div class="champ">
              <label for="telephone">Téléphone <span class="req">*</span></label>
              <input type="tel" id="telephone" name="telephone" required maxlength="30" autocomplete="tel" placeholder="+41 79 000 00 00">
            </div>
          </div>

          <div class="champ">
            <label for="message">Message (facultatif)</label>
            <textarea id="message" name="message" maxlength="3000" placeholder="Précisions, questions, situation particulière…"></textarea>
          </div>

          <div class="form-nav">
            <button class="btn btn-fantome" data-precedent>Retour</button>
            <button class="btn btn-or" data-suivant>Continuer</button>
          </div>
        </div>

        <!-- ============ ÉTAPE 4 : RÉCAPITULATIF ============ -->
        <div class="form-etape">
          <h3 class="form-titre-etape">Vérifiez votre demande</h3>

          <dl class="recap">
            <dt>Offre choisie</dt><dd id="recapOffre">—</dd>
            <dt>Raison sociale</dt><dd id="recapSociete">—</dd>
            <dt>Siège social</dt><dd id="recapSiege">—</dd>
            <dt>But de la société</dt><dd id="recapBut">—</dd>
            <dt>Demandeur</dt><dd id="recapNom">—</dd>
            <dt>Contact</dt><dd id="recapContact">—</dd>
          </dl>

          <label class="consentement">
            <input type="checkbox" name="consentement" required>
            <span>J'accepte que mes données soient utilisées par ZYIT Private Services pour traiter ma demande et me recontacter. Cette demande est sans engagement.</span>
          </label>

          <div class="form-nav">
            <button class="btn btn-fantome" data-precedent>Retour</button>
            <button type="submit" class="btn btn-or">Envoyer ma demande</button>
          </div>
        </div>

      </form>
    </div>
  </div>
</section>

<?php require __DIR__ . '/includes/footer.php'; ?>
