{{-- Popup Devis --}}
<section class="popup__container" data-popup="contact">
  <div class="popup__closeOverlay js-popupClose">&nbsp;</div>
  <div class="popup">
    <div class="popup__content">

      <div class="popup__close">
        <button type="button" class="popup__close__btn js-popupClose">&nbsp;</button>
        <svg class="icon popup__close__icon">
          <use xlink:href="{{ asset('img/sprite.svg#icon-close') }}">
          </use>
        </svg>
      </div>

      <h2 class="popup__title">Contactez-nous</h2>

      {{--
      <div class="popup__phoneInfo">
        <div class="popup__phoneInfo__main">

          <svg class="popup__phoneInfo__number__icon icon">
            <use xlink:href="{{ asset('img/sprite.svg#icon-phone-call') }}">
            </use>
          </svg>

          <div class="popup__phoneInfo__number">
            <h3 class="popup__phoneInfo__title">Par téléphone au</h3>
            <a class="popup__phoneInfo__phone" href="tel:0000000000">00 00 00 00 00</a>
          </div>
        </div>
        <p class="popup__phoneInfo__baseline">du Lundi au Vendredi de 8h00 à 18h00.</p>
      </div>

      <h3 class="popup__subtitle">Ou par email via ce formulaire</h3>
      --}}
      <h3 class="popup__subtitle">Par email via ce formulaire</h3>
        <form method="POST" id="contact-form" action="{{ route('contact-ajax-store') }}">
          @csrf
            {{-- Google-id --}}
            <div class="form__item">
                <input class="form__text" type="hidden" id="contactGoogleId" name="contactGoogleId" value="NA">
            </div>
          {{-- Nom --}}
          <div class="form__item">
            <input class="form__text" type="text" id="contactNom" name="contactNom" required="required">
            <label class="form__label form__label--inset" for="contactNom">Nom</label>
          </div>

          {{-- Prenom --}}
          <div class="form__item">
            <input class="form__text" type="text" id="contactPrenom" name="contactPrenom" required="required">
            <label class="form__label form__label--inset" for="contactPrenom">Prénom</label>
          </div>

          {{-- Email --}}
          <div class="form__item">
            <input class="form__text" type="text" id="contactEmail" name="contactEmail" required="required">
            <label class="form__label form__label--inset" for="contactEmail">Email</label>
          </div>

          {{-- N° de téléphone --}}
          <div class="form__item">
            <input class="form__text" type="text" id="contactPhone" name="contactPhone" required="required">
            <label class="form__label form__label--inset" for="contactPhone">N° de téléphone</label>
          </div>

          <div class="form__item">
            <textarea class="form__textarea" name="contactMessage" id="contactMessage" required="required"></textarea>
            <label class="form__label form__label--inset" for="contactMessage">Votre message</label>
          </div>

          {{-- Checkbox soumission --}}
          <div class="form__item">
            <div class="input__checkboxContainer">
              <div class="input__checkbox">

                <input class="input__checkbox__box" type="checkbox" name="contactAccept" id="contactAccept">
                <label class="form__label form__label--box" for="contactAccept">
                  <span class="input__customCheckbox"></span>
                  En soumettant ce formulaire, j’accepte que les informations soient exploitées, dans le cadre de la relation commerciale qui pourra en résulter.
                </label>
              </div>
            </div>
          </div>

          {{-- Error message --}}
          {{--
          <p class="form__errorMessage form__errorMessage--general">
            Oups ! Il reste des problèmes à résoudre sur ce formulaire avant envoi…
          </p>
          --}}

          <div class="form__btnRow">
            <button class="btn js-popupSubmit js-submitContact" data-eventname="contact email" data-actionname="Validation" data-position="page" type="submit">Envoyer mon message</button>
          </div>

          <div class="form__btnRow">
            <span class="btn btn--load btn--disabled">
              <img class="btn--spinner" src="{{ asset('img/spinner.svg') }}" alt="">
            </span>
          </div>
      </form>

      <div class="form__successMessage">
        <p class="h2">Votre demande a été effectuée</p>
        <div class="form__btnRow">
          <button class="btn js-popupClose">Fermer la fenêtre</button>
        </div>
      </div>

      <p class="popUp__terms">
        Pour connaître et exercer vos droits, notamment de retrait de votre consentement à l’utilisation des données collectées par ce formulaire, veuillez consulter notre <a href="#">politique de confidentialité.</a>
      </p>

    </div>
  </div>




</section>