@extends('layouts.master')
  @section('main_content')

  
       <!-- Page Header Start -->
    <div class="page-header">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <!-- Page Header Box Start -->
                    <div class="page-header-box">
                        <h1>আবেদন ফরম</h1>
                    </div>
                    <!-- Page Header Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->
 


    {{-- form start --}}

    <section class="form-section">
        <div class="container">
            <div class="form-container">
                    <div class="section-title"style=" text-align: center;">
                        <h2>সদস্য <span>আবেদন ফরম</span></h2>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">আমাদের সংগঠনের সদস্য হতে নিচের ফরমটি পূরণ করুন। এটি আমাদের সাথে আপনার আগ্রহ, অবদান ও পরিচিতি গড়ে তুলবে।</p>
                    </div>
                    <p>
                    বরাবর,<br>
                    আমীর<br>
                    পয়ামে ইনসানিয়াত বাংলাদেশ <br><br>

                    মুহতারাম<br>
                    আসসালামু আলাইকুম ওয়া রহমাতুল্লাহ।<br>
                    বিনীত নিবেদন এই যে, আমি দ্বীনের দাওয়াত প্রসার ও মানবতার কল্যাণের লক্ষ্যে পয়ামে ইনসানিয়াত বাংলাদেশের সদস্য হওয়ার আবেদন করছি। নিম্নে আমার ব্যক্তিগত তথ্যাদি পেশ করলাম।
                    </p>
                
                <div class="form-group">
                <label>নাম <span style="color: #b71616; font-size: 16px;">*</span></label>
                <input type="text" placeholder="আপনার নাম লিখুন" required>
                </div>

                <div class="form-row">
                <div class="form-group">
                    <label>পিতার নাম <span style="color: #b71616; font-size: 16px;">*</span></label>
                    <input type="text" placeholder="পিতার নাম লিখুন" required>
                </div>
                <div class="form-group">
                    <label>মাতার নাম <span style="color: #b71616; font-size: 16px;">*</span></label>
                    <input type="text" placeholder="মাতার নাম লিখুন" required>
                </div>
                </div>

                <div class="form-row">
                <div class="form-group">
                    <label>জন্ম তারিখ <span style="color: #b71616; font-size: 16px;">*</span></label>
                    <input type="date" required>
                </div>
                <div class="form-group">
                    <label>জাতীয়তা <span style="color: #b71616; font-size: 16px;">*</span></label>
                    <input type="text" placeholder="বাংলাদেশী" required>
                </div>
                <div class="form-group">
                    <label>ধর্ম <span style="color: #b71616; font-size: 16px;">*</span></label>
                    <input type="text" placeholder="ইসলাম/হিন্দু/খ্রিস্টান..." required>
                </div>
                </div>

                <div class="form-row">
                <div class="form-group">
                    <label>লিঙ্গ </label>
                    <label><input type="checkbox"> পুরুষ</label>
                    <label><input type="checkbox"> মহিলা</label>
                </div>
                <div class="form-group">
                    <label>রক্তের গ্রুপ</label>
                    <input type="text" placeholder="A+, B-, O+, ইত্যাদি">
                </div>
                </div>

                <div class="form-row">
                <div class="form-group">
                    <label>শিক্ষাগত যোগ্যতা</label>
                    <input type="text" placeholder="এসএসসি/এইচএসসি/স্নাতক ইত্যাদি">
                </div>
                <div class="form-group">
                    <label>পেশা <span style="color: #b71616; font-size: 16px;">*</span></label>
                    <input type="text" placeholder="আপনার বর্তমান পেশা লিখুন">
                </div>
                </div>

                <div class="form-group">
                <label>বর্তমান ঠিকানা <span style="color: #b71616; font-size: 16px;">*</span></label>
                <textarea placeholder="বর্তমান ঠিকানা লিখুন" required></textarea>
                </div>

                <div class="form-group">
                <label>স্থায়ী ঠিকানা <span style="color: #b71616; font-size: 16px;">*</span></label>
                <textarea placeholder="স্থায়ী ঠিকানা লিখুন" required></textarea>
                </div>

                <div class="form-row">
                <div class="form-group">
                    <label>মোবাইল নম্বর <span style="color: #b71616; font-size: 16px;">*</span></label>
                    <input type="tel" placeholder="01xxxxxxxxx" required>
                </div>
                <div class="form-group">
                    <label>ইমেইল (যদি থাকে)</label>
                    <input type="email" placeholder="example@email.com">
                </div>
                </div>

                <div class="form-group">
                <label>সদস্য ফি: ৩১০ টাকা (সেন্ডমানি : 01774392665)</label>
                </div>

                <div class="form-group">
                <label class="section-title"> সংগঠনের সাথে যুক্ত থাকার উদ্দেশ্য</label>
                <textarea placeholder="আপনার উদ্দেশ্য লিখুন..."></textarea>
                </div>

                <div class="form-group">
                <label class="section-title"> আপনার আগ্রহের ক্ষেত্র</label>
                <div class="interest-grid">
                    <label><input type="checkbox"> দাওয়াহ কার্যক্রম</label>
                    <label><input type="checkbox"> শিক্ষা কার্যক্রম</label>
                    <label><input type="checkbox"> প্রশিক্ষণ কার্যক্রম</label>
                    <label><input type="checkbox"> গবেষণা কার্যক্রম</label>
                    <label><input type="checkbox"> প্রকাশনা কার্যক্রম</label>
                    <label><input type="checkbox"> স্বাস্থ্যসেবা কার্যক্রম</label>
                    <label><input type="checkbox"> পরিবেশ উন্নয়ন কার্যক্রম</label>
                    <label><input type="checkbox"> সামাজিক সচেতনতা</label>
                    <label><input type="checkbox"> মানবসেবা কার্যক্রম</label>
                    <label>
                    <input type="checkbox"> অন্যান্য:
                    <input type="text" placeholder="অন্যান্য আগ্রহ লিখুন" style="width: 60%;">
                    </label>
                </div>
                </div>


                <div class="form-group">
                <label class="section-title"> আপনার অবদান কিভাবে রাখতে চান</label>
                <label><input type="checkbox"> আর্থিক অনুদান</label><br>
                <div class="donations" style="margin-left: 20px;">
                    <label>★ মাসিক: <input type="text" placeholder="পরিমাণ লিখুন" style="width: 200px;"></label>
                    <label>★ বার্ষিক: <input type="text" placeholder="পরিমাণ লিখুন" style="width: 200px;"></label>
                    <label>★ এককালীন: <input type="text" placeholder="পরিমাণ লিখুন" style="width: 200px;"></label>
                </div>
                <label><input type="checkbox"> স্বেচ্ছাসেবক হিসেবে কাজ</label><br>
                <label><input type="checkbox"> সাংগঠনিক কার্যক্রমে অংশগ্রহণ</label><br>
                <label><input type="checkbox"> অন্যান্য: <input type="text" placeholder="অবদান লিখুন" style="width: 60%; display: inline;"></label>
                </div>

                <div class="form-group date-group">
                <label> সদস্য হওয়ার তারিখ <span style="color: #b71616; font-size: 16px;">*</span></label>
                <input type="date">
                </div>

                <div style="text-align: center;">
                    <div class="header-btn d-inline-flex">
                        <a href="#" class="btn-default btn-highlighted">ফরম সাবমিট করুন</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
{{-- form end --}}
 
 
@endsection