<?php include 'header-link.php' ?>

<main>
	<?php include 'top-bar.php' ?>
    <section>   
        <div class="container mt-2 pb-5">
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <div class="card custom-card">
                        <div class="card-body">
						
							<div class="text-center">
								<i class="profile-icon fa-duotone fa-solid fa-mobile-button"></i>
							</div>
							
                                <h6 class="d-block text-center my-3"> মোবাইল টপআপ </h6>
                                <form class="form" action="top-up.php" method="POST">

                                    <div class="mb-3">
                                        <label for="inputField" class="form-label"> সিম সিলেক্ট করুন </label>
                                        <select name="sim_name" class="form-select form-control" required>
                                          
                                          <option value=""> সিলেক্ট করুন </option>
                                          <option value="GP"> গ্রামীণ ফোন </option>
                                          <option value="Robi"> রবি </option>
                                          <option value="Airtel"> এয়ারটেল </option>
                                          <option value="Banglalink"> বাংলালিংক </option>
                                          <option value="Teletalk"> টেলিটক </option>
                                          <option value="Skitto"> স্কিটো </option>
                                         

                                        </select>
                                    </div>

                                    <div class="mb-3">
                                        <label for="inputField" class="form-label"> টাইপ সিলেক্ট করুন </label>
                                        <select name="sim_type" class="form-select form-control" required>
                                          
                                          <option value=""> সিলেক্ট করুন </option>
                                          <option value="Pre Paid"> প্রি-পেইড </option>
                                          <option value="Post Paid"> পোষ্ট-পেইড </option>
                                          
                                        </select>
                                    </div>
                                    
                                    
                                    <div class="mb-1">
                                        <label for="inputField" class="form-label"> মোবাইল নং </label>
                                        <input type="text" pattern="^[0-9]{11}$" class="form-control" name="mobile" id="inputField" placeholder=" মোবাইল নং..." required>
										<center>
											<small > সঠিক মোবাইল নাম্বার লিখুন   </small>
										</center>
                                    </div>

                                    <div class="mb-3">
                                        <label for="inputField" class="form-label"> টাকার পরিমাণ </label>
                                        <input type="number" min="20" class="form-control" name="amount" id="inputField" placeholder=" টাকার পরিমাণ..." required>
                                        <center>
                                        <small > সর্বনিম্ন পরিমাণ ২০ টাকা ! অ্যাকাউন্টে পর্যাপ্ত পরিমাণ টাকা না থাকলে লেনদেন সম্পন্ন হবে না </small>
                                        </center>
                                    </div>

                                    <div class="d-grid">
                                    <button type="submit" class="btn custom-button w-50 mx-auto"> এগিয়ে যান <i class="fa-regular fa-arrow-right"></i> </button>

                                    <a href="index.php" class="btn custom-button w-50 mx-auto mb-4"> <i class="fa-regular fa-arrow-left"></i> ফিরে যান </a>
                                    </div>
                                    
                                </form>
                                
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    

    
</main>


</body>
</html>
