<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/form.css">
    <title>PSS Membership Form</title>
    <link rel="Shortcut icon" type="image/jpg" href="image\cropped-logo3.png">
</head>

<body>
    <header class="nav_header">
        <img class="logo" src="image/cropped-logo3.png" alt="logo" />
        <h1 class="heading-name">Poona Surgical Society</h1>
        <div class="icon-container">
            <img class="icon_social" src="image/facebook_icone.svg" alt="facebook" />
            <img class="icon_social" src="image/instagram_icone.svg" alt="instagram" />
            <img class="icon_social" src="image/youtube_icone.svg" alt="you tube" />
        </div>
    </header>

    <div id="elem" class="full_page_nav">
        <div class="mob_nav_bar">
            <div class="toggle-menu" onclick="myFunction()" style="display: none;">
                <div class="line line1"></div>
                <div class="line line2"></div>
                <div class="line line3"></div>
            </div>
            <div class="icon-container" style="display: none;">
                <img class="icon_social" src="image/facebook_icone.svg" alt="facebook" />
                <img class="icon_social" src="image/instagram_icone.svg" alt="instagram" />
                <img class="icon_social" src="image/youtube_icone.svg" alt="you tube" />
            </div>
        </div>
        <span class="scroll_nav_item active"><a href="/home">Home</a></span>
        <span class="scroll_nav_item"><a href="/history">History</a></span>
        <span class="scroll_nav_item"><a href="/trustee">Trustee</a></span>
        <span class="scroll_nav_item"><a href="/award">Award</a></span>
        <span class="scroll_nav_item"><a href="/pss_executive_commity">PSS Executive Committe</a></span>
        <span class="scroll_nav_item"><a href="/pss_membership_form">PSS Membership form</a></span>
        <span class="scroll_nav_item"><a href="/id_membership">Id & Membership</a></span>
        <span class="scroll_nav_item"><a href="/activities-2021">Activities-2021</a></span>
        <span class="scroll_nav_item"><a href="/psscon-2023">PSSCON-2023</a></span>
        <span class="scroll_nav_item"><a href="/contact_us">Contact Us</a></span>
    </div>


    <p class="title_h1">PSS- Membership Form</p>
            <!-- <?php if(session()->has('success-message')): ?>
                <div class="alert alert-success text-center">
                    <?php echo e(session()->get('success-message')); ?>

                </div>
            <?php endif; ?> -->
        <?php if(session()->has('success-message')): ?>
            <div class="alert alert-success text-center" id="success"><?php echo e(session()->get('success-message')); ?>

            </div>
        <?php endif; ?>

        <?php if(session()->has('error-message')): ?>
            <div class="alert alert-danger text-center" id="error"><?php echo e(session()->get('error-message')); ?>

            </div>
        <?php endif; ?> 

    
        <form class="contact_us" action ="/pss_membership_form" method="POST" onsubmit="return validation()" method="POST" enctype="multipart/form-data">
            <?php echo e(csrf_field()); ?>

        <!-- <div class="user_detail"> -->
        <label for="title" >Title<span class="red"> * </span></label>
        <select  name="title" id="title" class="form-control">
            <option value="">Select</option>
            <option value="dr.">Dr.</option>
            <option value="prof.">Prof.</option>
            <option value="prof.dr.">Prof.Dr.</option>
            <option value="mr.">Mr.</option>
            <option value="miss.">Miss.</option>
            <option value="mrs.">Mrs.</option>

        </select>
        <label for="first_name">First Name <span class="red"> * </span></label>
        <input class="contact_details" type="text" id="first_name" name="first_name" placeholder=" First Name.." onkeypress="return /[a-z\\.\\ \\_\\'\\-]/i.test(event.key)" required>
        <label for="middle_name">Middle Name </label>
        <input class="contact_details" type="text" id="middle_name" name="middle_name" placeholder="Middle Name.." onkeypress="return /[a-z\\.\\ \\_\\'\\-]/i.test(event.key)" required>
        <label for="last_name">Last Name <span class="red"> * </span></label>
        <input class="contact_details" type="text" id="last_name" name="last_name" placeholder="Last Name.." onkeypress="return /[a-z\\.\\ \\_\\'\\-]/i.test(event.key)" required>
        <label for="date_of_birth">Date of Birth <span class="red"> * </span></label>
        <input type="date" class="contact_details" id="date_of_birth" name="date_of_birth" placeholder="DD-MM-YYYY" value=""
            max="2006-01-01" onkeypress="return false;" required="">
        <br>
        
            <div class="col-md-12  pb-3">

                <div class="form-group">

                    <label for="file">Upload Member Photo<span class="red"> * </span> </label>
                    <span style="color:red;">(JPG / JPEG / PNG / PDF Upto 2 MB only)</span>
                    <div class="input-group">
                            <input type="file" class="form-control" id="upload_member_photo" name="upload_member_photo"   onchange="validateSize(this)" accept=".jpeg,.jpg,.png,.pdf" >	
                    </div>

                </div>

            </div>
        <br>
        <label for="highest_qualification">Highest Qualification <span class="red"> * </span></label>
        <select name='highest_qualification' id='highest_qualification' class="form-control">
            <option value="">Choose Qualification...</option>
            <option value="M S Genral Surgery">M S Genral Surgery</option>
            <option value="DM / DNB OBG GYNEC">DM / DNB OBG GYNEC</option>
            <option value="others">Others</option>
        </select>
        <br>
        
            <div class="col-md-12  pb-3">

                <div class="form-group">

                    <label for="file">Upload Qualification Certificate<span class="red"> * </span> </label>
                    <span style="color:red;">(JPG / JPEG / PNG / PDF Upto 2 MB only)</span>
                    <div class="input-group">
                            <input type="file" class="form-control" id="upload_qualification_certificate" name="upload_qualification_certificate"   onchange="validateSize(this)" accept=".jpeg,.jpg,.png,.pdf" >	
                    </div>

                </div>

            </div>
        <br>

        <label for="firstName">Speciality<span class="red"> * </span></label>
        <select name='speciality' id='speciality' class="form-control">
            <option value="">Choose Speciality...</option>
            <option value="M S Genral Surgery">Genral Surgery</option>
            <option value="DM / DNB OBG GYNEC">Neuro Surgery</option>
            <option value="DM / DNB OBG GYNEC">OBG & Gynec</option>
            <option value="DM / DNB OBG GYNEC">Plastic Surgery</option>
            <option value="DM / DNB OBG GYNEC">Ortho Surgery</option>
            <option value="DM / DNB OBG GYNEC">Cardic Surgery</option>
            <option value="">Others</option>
        </select>

        <label for="email_id">Medical Council Registration Number<span class="red"> * </span></label>
        <input class="contact_details" type="number" id="medical_council_registraion_number" name="medical_council_registraion_number"
            placeholder="Enter Medical Council Registration Number.." required>
        <label for="fname"><b><u>Address</u></b></label>
        <br>
        <label for="fname">Address Line 1<span class="red"> * </span></label>
        <input class="contact_details" type="text" id="address" name="address" placeholder="" required>
        <div class="Form_div">
            <div class="" style="display:flex;flex-direction: column">
                <label for="fname">City<span class="red"> * </span></label>
                <input class="contact_details" type="text" id="city" name="city" placeholder=" City.." onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)" required>
            </div>

            <div class="" style="display:flex;flex-direction: column">
                <label for="fname">State<span class="red"> * </span></label>
                <input class="contact_details" type="text" id="state" name="state" placeholder=" State.." onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)" required>
            </div>
        </div>
        <div class="Form_div">
            <div class="" style="display:flex;flex-direction: column">
                <label for="fname">Postal Code<span class="red"> * </span></label>
                <input class="contact_details" type="text" id="postal_code" name="postal_code" placeholder=" Postal code.."
                 required>
            </div>

            <div class="" style="display:flex;flex-direction: column">
                <label for="firstName">Country<span class="red"> * </span></label>
                <select id="country" name="country" class="form-control" onchange="toggleState(this.value);" required="">
                    <option value="">Select Country</option>
                    <option value="Australia">Australia</option>

                    <option value="Albania">Albania</option>

                    <option value="Algeria">Algeria</option>

                    <option value="American Samoa">American Samoa</option>

                    <option value="Andorra">Andorra</option>

                    <option value="Angola">Angola</option>

                    <option value="Anguilla">Anguilla</option>

                    <option value="Argentina">Argentina</option>

                    <option value="Armenia">Armenia</option>

                    <option value="Aruba">Aruba</option>

                    <option value="Afghanistan">Afghanistan</option>

                    <option value="Austria">Austria</option>

                    <option value="Azerbaijan">Azerbaijan</option>

                    <option value="Azores">Azores</option>

                    <option value="Bahamas">Bahamas</option>

                    <option value="Bahrain">Bahrain</option>

                    <option value="Bangladesh">Bangladesh</option>

                    <option value="Barbados">Barbados</option>

                    <option value="Belarus">Belarus</option>

                    <option value="Belgium">Belgium</option>

                    <option value="Belize">Belize</option>

                    <option value="Benin">Benin</option>

                    <option value="Bermuda">Bermuda</option>

                    <option value="Bhutan">Bhutan</option>

                    <option value="Bolivia">Bolivia</option>

                    <option value="Bonaire">Bonaire</option>

                    <option value="Bosnia &amp; Herzegovina">Bosnia &amp; Herzegovina</option>

                    <option value="Botswana">Botswana</option>

                    <option value="Brazil">Brazil</option>

                    <option value="British Indian Ocean Ter">British Indian Ocean Ter</option>

                    <option value="Brunei">Brunei</option>

                    <option value="Bulgaria">Bulgaria</option>

                    <option value="Burkina Faso">Burkina Faso</option>

                    <option value="Burundi">Burundi</option>

                    <option value="Cambodia">Cambodia</option>

                    <option value="Cameroon">Cameroon</option>

                    <option value="Canada">Canada</option>

                    <option value="Canary Islands">Canary Islands</option>

                    <option value="Cape Verde">Cape Verde</option>

                    <option value="Cayman Islands">Cayman Islands</option>

                    <option value="Central African Republic">Central African Republic</option>

                    <option value="Chad">Chad</option>

                    <option value="Channel Islands">Channel Islands</option>

                    <option value="Chile">Chile</option>

                    <option value="China">China</option>

                    <option value="Christmas Island">Christmas Island</option>

                    <option value="Cocos Island">Cocos Island</option>

                    <option value="Columbia">Columbia</option>

                    <option value="Comoros">Comoros</option>

                    <option value="Congo">Congo</option>

                    <option value="Cook Islands">Cook Islands</option>

                    <option value="Costa Rica">Costa Rica</option>

                    <option value="Cote D&#39;Ivoire">Cote D'Ivoire</option>

                    <option value="Croatia">Croatia</option>

                    <option value="Cuba">Cuba</option>

                    <option value="Curacao">Curacao</option>

                    <option value="Cyprus">Cyprus</option>

                    <option value="Czech Republic">Czech Republic</option>

                    <option value="Denmark">Denmark</option>

                    <option value="Djibouti">Djibouti</option>

                    <option value="Dominica">Dominica</option>

                    <option value="Dominican Republic">Dominican Republic</option>

                    <option value="East Timor">East Timor</option>

                    <option value="Ecuador">Ecuador</option>

                    <option value="Egypt">Egypt</option>

                    <option value="El Salvador">El Salvador</option>

                    <option value="Equatorial Guinea">Equatorial Guinea</option>

                    <option value="Eritrea">Eritrea</option>

                    <option value="Estonia">Estonia</option>

                    <option value="Ethiopia">Ethiopia</option>

                    <option value="Falkland Islands">Falkland Islands</option>

                    <option value="Faroe Islands">Faroe Islands</option>

                    <option value="Fiji">Fiji</option>

                    <option value="France">France</option>

                    <option value="French Guiana">French Guiana</option>

                    <option value="French Polynesia">French Polynesia</option>

                    <option value="French Southern Ter">French Southern Ter</option>

                    <option value="Gabon">Gabon</option>

                    <option value="Gambia">Gambia</option>

                    <option value="Georgia">Georgia</option>

                    <option value="Germany">Germany</option>

                    <option value="Ghana">Ghana</option>

                    <option value="Gibraltar">Gibraltar</option>

                    <option value="Greece">Greece</option>

                    <option value="Greenland">Greenland</option>

                    <option value="Grenada">Grenada</option>

                    <option value="Guadeloupe">Guadeloupe</option>

                    <option value="Guam">Guam</option>

                    <option value="Guatemala">Guatemala</option>

                    <option value="Guinea">Guinea</option>

                    <option value="Guyana">Guyana</option>

                    <option value="Haiti">Haiti</option>

                    <option value="Hawaii">Hawaii</option>

                    <option value="Honduras">Honduras</option>

                    <option value="Hong Kong">Hong Kong</option>

                    <option value="Hungary">Hungary</option>

                    <option value="Iceland">Iceland</option>

                    <option value="India">India</option>

                    <option value="Indonesia">Indonesia</option>

                    <option value="Iran">Iran</option>

                    <option value="Iraq">Iraq</option>

                    <option value="Ireland">Ireland</option>

                    <option value="Isle of Man">Isle of Man</option>

                    <option value="Israel">Israel</option>

                    <option value="Italy">Italy</option>

                    <option value="Jamaica">Jamaica</option>

                    <option value="Japan">Japan</option>

                    <option value="Jordan">Jordan</option>

                    <option value="Kazakhstan">Kazakhstan</option>

                    <option value="Kenya">Kenya</option>

                    <option value="Kiribati">Kiribati</option>

                    <option value="Korea North">Korea North</option>

                    <option value="Korea South">Korea South</option>

                    <option value="Kuwait">Kuwait</option>

                    <option value="Kyrgyzstan">Kyrgyzstan</option>

                    <option value="Laos">Laos</option>

                    <option value="Latvia">Latvia</option>

                    <option value="Lebanon">Lebanon</option>

                    <option value="Lesotho">Lesotho</option>

                    <option value="Liberia">Liberia</option>

                    <option value="Libya">Libya</option>

                    <option value="Liechtenstein">Liechtenstein</option>

                    <option value="Lithuania">Lithuania</option>

                    <option value="Luxembourg">Luxembourg</option>

                    <option value="Macau">Macau</option>

                    <option value="Macedonia">Macedonia</option>

                    <option value="Madagascar">Madagascar</option>

                    <option value="Malawi">Malawi</option>

                    <option value="Malaysia">Malaysia</option>

                    <option value="Maldives">Maldives</option>

                    <option value="Mali">Mali</option>

                    <option value="Malta">Malta</option>

                    <option value="Marshall Islands">Marshall Islands</option>

                    <option value="Martinique">Martinique</option>

                    <option value="Mauritania">Mauritania</option>

                    <option value="Mauritius">Mauritius</option>

                    <option value="Mayotte">Mayotte</option>

                    <option value="Mexico">Mexico</option>

                    <option value="Midway Islands">Midway Islands</option>

                    <option value="Moldova">Moldova</option>

                    <option value="Monaco">Monaco</option>

                    <option value="Mongolia">Mongolia</option>

                    <option value="Montserrat">Montserrat</option>

                    <option value="Morocco">Morocco</option>

                    <option value="Mozambique">Mozambique</option>

                    <option value="Myanmar">Myanmar</option>

                    <option value="Nambia">Nambia</option>

                    <option value="Nauru">Nauru</option>

                    <option value="Nepal">Nepal</option>

                    <option value="Netherland Antilles">Netherland Antilles</option>

                    <option value="Netherlands">Netherlands</option>

                    <option value="Nevis">Nevis</option>

                    <option value="New Caledonia">New Caledonia</option>

                    <option value="New Zealand">New Zealand</option>

                    <option value="Nicaragua">Nicaragua</option>

                    <option value="Niger">Niger</option>

                    <option value="Nigeria">Nigeria</option>

                    <option value="Niue">Niue</option>

                    <option value="Norfolk Island">Norfolk Island</option>

                    <option value="Norway">Norway</option>

                    <option value="Oman">Oman</option>

                    <option value="Pakistan">Pakistan</option>

                    <option value="Palau Island">Palau Island</option>

                    <option value="Palestine">Palestine</option>

                    <option value="Panama">Panama</option>

                    <option value="Papua New Guinea">Papua New Guinea</option>

                    <option value="Paraguay">Paraguay</option>

                    <option value="Peru">Peru</option>

                    <option value="Philippines">Philippines</option>

                    <option value="Pitcairn Island">Pitcairn Island</option>

                    <option value="Poland">Poland</option>

                    <option value="Portugal">Portugal</option>

                    <option value="Puerto Rico">Puerto Rico</option>

                    <option value="Qatar">Qatar</option>

                    <option value="Reunion">Reunion</option>

                    <option value="Romania">Romania</option>

                    <option value="Russia">Russia</option>

                    <option value="Rwanda">Rwanda</option>

                    <option value="Saipan">Saipan</option>

                    <option value="Samoa">Samoa</option>

                    <option value="San Marino">San Marino</option>

                    <option value="Sao Tome &amp; Principe">Sao Tome &amp; Principe</option>

                    <option value="Saudi Arabia">Saudi Arabia</option>

                    <option value="Senegal">Senegal</option>

                    <option value="Serbia &amp; Montenegro">Serbia &amp; Montenegro</option>

                    <option value="Seychelles">Seychelles</option>

                    <option value="Sierra Leone">Sierra Leone</option>

                    <option value="Singapore">Singapore</option>

                    <option value="Slovakia">Slovakia</option>

                    <option value="Slovenia">Slovenia</option>

                    <option value="Solomon Islands">Solomon Islands</option>

                    <option value="Somalia">Somalia</option>

                    <option value="South Africa">South Africa</option>

                    <option value="Spain">Spain</option>

                    <option value="Sri Lanka">Sri Lanka</option>

                    <option value="St Barthelemy">St Barthelemy</option>

                    <option value="St Eustatius">St Eustatius</option>

                    <option value="St Helena">St Helena</option>

                    <option value="St Kitts-Nevis">St Kitts-Nevis</option>

                    <option value="St Lucia">St Lucia</option>

                    <option value="St Maarten">St Maarten</option>

                    <option value="St Pierre &amp; Miquelon">St Pierre &amp; Miquelon</option>

                    <option value="St Vincent &amp; Grenadines">St Vincent &amp; Grenadines</option>

                    <option value="Sudan">Sudan</option>

                    <option value="Suriname">Suriname</option>

                    <option value="Swaziland">Swaziland</option>

                    <option value="Sweden">Sweden</option>

                    <option value="Switzerland">Switzerland</option>

                    <option value="Syria">Syria</option>

                    <option value="Tahiti">Tahiti</option>

                    <option value="Taiwan">Taiwan</option>

                    <option value="Tajikistan">Tajikistan</option>

                    <option value="Tanzania">Tanzania</option>

                    <option value="Thailand">Thailand</option>

                    <option value="Togo">Togo</option>

                    <option value="Tokelau">Tokelau</option>

                    <option value="Tonga">Tonga</option>

                    <option value="Trinidad &amp; Tobago">Trinidad &amp; Tobago</option>

                    <option value="Tunisia">Tunisia</option>

                    <option value="Turkey">Turkey</option>

                    <option value="Turkmenistan">Turkmenistan</option>

                    <option value="Turks &amp; Caicos Is">Turks &amp; Caicos Is</option>

                    <option value="Tuvalu">Tuvalu</option>

                    <option value="Uganda">Uganda</option>

                    <option value="Ukraine">Ukraine</option>

                    <option value="United Arab Emirates">United Arab Emirates</option>

                    <option value="United Kingdom">United Kingdom</option>

                    <option value="Uruguay">Uruguay</option>

                    <option value="USA">USA</option>

                    <option value="Uzbekistan">Uzbekistan</option>

                    <option value="Vanuatu">Vanuatu</option>

                    <option value="Vatican City State">Vatican City State</option>

                    <option value="Venezuela">Venezuela</option>

                    <option value="Vietnam">Vietnam</option>

                    <option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option>

                    <option value="Virgin Islands (USA)">Virgin Islands (USA)</option>

                    <option value="Wake Island">Wake Island</option>

                    <option value="Wallis &amp; Futana Is">Wallis &amp; Futana Is</option>

                    <option value="Yemen">Yemen</option>

                    <option value="Zaire">Zaire</option>

                    <option value="Zambia">Zambia</option>

                    <option value="Zimbabwe">Zimbabwe</option>
                </select>
            </div>
        </div>
        <br>
        
            <div class="col-md-12  pb-3">

                <div class="form-group">

                    <label for="file">Upload Resident Photo<span class="red"> * </span> </label>
                    <span style="color:red;">(JPG / JPEG / PNG / PDF Upto 2 MB only)</span>
                    <div class="input-group">
                            <input type="file" class="form-control"  id="upload_resident_photo" name="upload_resident_photo"  onchange="validateSize(this)" accept=".jpeg,.jpg,.png,.pdf" >	
                    </div>

                </div>

            </div>
        <br>
        <label for="fname">Mobile No.<span class="red"> * </span></label>
        <input class="contact_details" type="text" id="mobile_no" name="mobile_no" placeholder=" Mobile No.." onkeypress="return validateNumber(event)" required>

        <label for="fname">Alternate Mobile No.</label>
        <input class="contact_details" type="text" id="alt_mobile_no" name="alt_mobile_no" placeholder="Alternate Mobile No.." required>

        <label for="fname">Email Id.<span class="red"> * </span></label>
        <input class="contact_details" type="text" id="email" name="email" placeholder="Email Id .." required>

        <label for="fname">Alternate Email Id.</label>
        <input class="contact_details" type="text" id="alt_email" name="alt_email" placeholder="Alternate Email Id .." required>

        <label for="fname">Other Contact No.</label>
        <input style="width:30%;float:left;" type="text" class="contact_details" id='other_contact_no' name="other_contact_no" placeholder="STD Code"
            value="" required>

        <label for="fname"><b><u>Payment Details</u></b></label>
        <br>
        <label for="fname">Mode of Payment</label>
        <br>
        <div class="Form_div">
            
            <div class="" style="display:flex;flex-direction: column">
               
             
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="mode_of_payment" id="inlineRadio1"
                        value="Cheque / DD"/>
                    <label class="form-check-label" for="inlineRadio1">Cheque / DD  </label>
                    <!-- <input type="radio" id="online" name="payment_choice" value="Online"
                        onclick="Category_fees_structure();" checked=""> -->
                </div>
            </div>
        </div>

        <div class="" style="display:flex;flex-direction: column">
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="mode_of_payment" id="inlineRadio2"
                    value="NEFT / RTGS / IMPS" />
                <label class="form-check-label" for="inlineRadio2">NEFT / RTGS / IMPS</label>
            </div>
        </div>
        <br>
        


        <label for="fname">Instrument No.<span class="red"> * </span></label>
        <input class="contact_details" type="text" id="instrument_no" name="instrument_no" placeholder="Instrument No.." required>

        <label for="fname">Amount<span class="red"> * </span></label>
        <input class="contact_details" type="number" id="amount" name="amount" placeholder="Amount.." required>

        <label for="firstName">Date<span class="red"> * </span></label>
        <input type="date" class="contact_details" id="date" name="date" placeholder="DD-MM-YYYY" value=""
            max="2006-01-01" onkeypress="return false;" required="">

        <label for="fname">Bank Name<span class="red"> * </span></label>
        <input class="contact_details" type="text" id="bank_name" name="bank_name" placeholder=" Bank Name.." required>

        <div class="col-md-12  pb-3">

            <div class="form-group">

                <label for="file">Upload Payment Proof<span class="red"> * </span> </label>
                <span style="color:red;">(JPG / JPEG / PNG / PDF Upto 2 MB only)</span>
                <div class="input-group">
                        <input type="file" class="form-control"  id="upload_payment_proof" name="upload_payment_proof"  onchange="validateSize(this)" accept=".jpeg,.jpg,.png,.pdf" >	
                </div>

            </div>

        </div>
        
        <br>

        <input class="submit_btn" type="submit" value="Submit">
    </form>

    </div>


    <footer>
        <div class="footer">
            <span>&copy; All
                Copyright©2023 Poona Surgical Society
            </span>

            <span>
                Designed & developed by:
                <img src="image/CMPL_Logo.png" width=200px alt="logo">
            </span>
        </div>
    </footer>



    <script>
         function validateSize(input) {

const fileSize = input.files[0].size / 1024 / 1024; // in MiB

if (fileSize > 2) {
    $(input).val(''); //for clearing with Jquery
   alert('File size exceeds 2 MiB');
   

  $('#alertmsg').modal('toggle');

      $('#success').html("File size exceeds 2 MiB");

     

      

      // console.log(input);

} else {

  // Proceed further

  console.log(input.value);

      var fileName = input.value;

      var idxDot = fileName.lastIndexOf(".") + 1;

      var extFile = fileName.substr(idxDot, fileName.length).toLowerCase();

      if (extFile == "pdf" || extFile == "jpg" || extFile == "jpeg" || extFile == "png" ){

          //TO DO

      }else{
            input.value="";
           alert("Only jpg/jpeg, pdf and png files are allowed!");

        //   $('#alertmsg').modal('toggle');

        //   $('#success').html("Only pdf file is allowed!");

          

      }   

}

}
        // function validateSize(input) {

        //     const fileSize = input.files[0].size / 1024 / 1024; // in MiB

        //     if (fileSize > 2) {

        //          alert('File size exceeds 2 MB');

        //         $('#myModal').modal('toggle');

        //         $('#success').html("File size exceeds 2 MB");

        //         $(input).val(''); //for clearing with Jquery



        //         // console.log(input);

        //     } else {

        //         // Proceed further

        //         console.log(input.value);

        //         var fileName = input.value;

        //         var idxDot = fileName.lastIndexOf(".") + 1;

        //         var extFile = fileName.substr(idxDot, fileName.length).toLowerCase();

        //         if (extFile == "pdf" || extFile == "jpg" || extFile == "jpeg" || extFile == "png") {

        //             //TO DO

        //         } else {

        //              alert("Only jpg,jpeg,png & pdf  files are allowed!");

        //             $('#alertmsg').modal('toggle');

        //             $('#success').html("Only jpg,jpeg,png & pdf file is allowed!");

        //             input.value = "";

        //         }

        //     }

        // }
    </script>
 
    <script>
        

        function toggleState(value){
           
        if(value == 'India') {
           
        $('#mobile_no').attr('maxlength','10');
        $('#postal_code').attr('maxlength','6');

        }
        else{
        $('#mobile_no').attr('maxlength','15');

        $('#postal_code').attr('maxlength','10');

        }
        }
    </script>

    <script>
        function validateNumber(e) {

const pattern = /^[+0-9]$/;

return pattern.test(e.key )

}


        </script>
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="jquery/jquery-3.6.3.min.js"></script>
    <!-- <script src="jquery/jquery-3.6.3.slim.min.js"></script> -->
    <!-- <script src="bootstrap-4.6.2-dist/js/bootstrap.min.js"></script> -->
    <!-- <script src="js/main.js"></script> --> -->
</body>

</html><?php /**PATH C:\xampp7\htdocs\pss\resources\views/pss_membership_form.blade.php ENDPATH**/ ?>