    <section class="mb-4">
        <h2 class="h1-responsive text-center my-4" style="color: #00aaef !important; font-size: 30px; font-family:arial !important; margin-top:50px !important;">WOULD YOU LIKE TO SUPPORT THE EXPENSES OF OUR FAMILY HOUSES?</h2>
        <p class="text-center my-4">Aile Evi Destekçisi olarak SOS Çocukköyü’nde bulunan aile evlerimizin ulaşım, giyim, ev tekstili, fatura ve market giderlerine katkı sağlayarak çocuklarımızın daha iyi şartlarda bakım görmesini ve mutlu bir çocukluk geçirmesini sağlayabilirsiniz. Belirleyeceğiniz sayıda SOS Aile Evinin seçtiğiniz ihtiyaçlarını dilediğiniz süre için karşılayabilirsiniz</p>
        <div class="row" style="justify-content:center !important;">
            <div class="col-md-9 mb-md-0 mb-5">
                <!-- Form Başlangıç -->
                <form action="/en/aile-evi-sponsoru-ol-onay/" id="aileevisponsoruolform" method="POST" name="aileevisponsoruolform" onclick="totalAmount()" class="needs-validation" novalidate >
					<h4 class="h1-responsive text-center my-4" style="color: #00aaef !important; font-family:arial !important; margin:30px 0px !important;">Donation Preferences</h4>
                  <!-- Bağış Miktarı, Aile Sayısı, Ay Sayısı  Başlangıç -->
                  <div class="form-row" style="margin-top: 15px">

					 <!-- Bağış Miktarı Başlangıç -->
                    <div class="col-md-3" style="justify-content:center;">
                      <div class="md-form mb-0">
                        <p>	Monthly Transportation Expenses:</p>
                      </div>
                    </div>
                    <!-- Bağış Miktarı Bitiş -->

                    <!-- Bağış Miktarı Başlangıç -->
                    <div class="col-md-3" style="justify-content:center;">
                      <div class="md-form mb-0">
                        <input type="number" pattern="\d*" id="userDonationAmount1" name="userDonationAmount1" value="1250" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" onchange="aylikOdemeTutari()" readonly required>
                        <label for="userDonationAmount1">Donation Amount</label>
                        <div class="invalid-feedback">Please provide a valid donation amount.</div>
                      </div>
                    </div>
                    <!-- Bağış Miktarı Bitiş -->

                    <!-- Aile Sayısı Başlangıç -->
                    <div class="col-md-3">
                      <div class="md-form mb-0">
                        <input type="number" min="0" max="100" id="userChildrenAmount1" name="userChildrenAmount1" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" value="1" onchange="aylikOdemeTutari()" required>
                        <label for="userChildrenAmount1">Number of Families</label>
                        <div class="invalid-feedback">Please provide a valid number of families.</div>
                      </div>
                    </div>
                    <!-- Aile Sayısı Bitiş -->

                    <!-- Ay Sayısı Başlangıç -->
                    <div class="col-md-3">
                        <div class="md-form mb-0">
                            <input type="number" min="0" max="60" id="userIntervalCount1" name="userIntervalCount1" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" value="12" onchange="aylikOdemeTutari()" required>
                            <label for="userIntervalCount1">Months</label>
                            <div class="invalid-feedback">Please provide a month(s).</div>
                        </div>
                    </div>

                    <!-- Ay Sayısı Bitiş -->
                  </div>
                  <!-- Bağış Miktarı, Aile Sayısı, Ay Sayısı  Bitiş -->

					<!-- Bağış Miktarı, Aile Sayısı, Ay Sayısı  Başlangıç -->
                  <div class="form-row" style="margin-top: 15px">

					 <!-- Bağış Miktarı Başlangıç -->
                    <div class="col-md-3" style="justify-content:center;">
                      <div class="md-form mb-0">
                        <p>
							Monthly Clothing - Home Textile Expenses:						  </p>
                      </div>
                    </div>
                    <!-- Bağış Miktarı Bitiş -->

                    <!-- Bağış Miktarı Başlangıç -->
                    <div class="col-md-3" style="justify-content:center;">
                      <div class="md-form mb-0">
                        <input type="number" pattern="\d*" id="userDonationAmount2" name="userDonationAmount2" value="1000" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" onchange="aylikOdemeTutari()" readonly required>
                        <label for="userDonationAmount2">Donation Amount</label>
                        <div class="invalid-feedback">Please provide a valid donation amount.</div>
                      </div>
                    </div>
                    <!-- Bağış Miktarı Bitiş -->

                    <!-- Aile Sayısı Başlangıç -->
                    <div class="col-md-3">
                      <div class="md-form mb-0">
                        <input type="number" min="0" max="100" id="userChildrenAmount2" name="userChildrenAmount2" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" value="1" onchange="aylikOdemeTutari()" required>
                        <label for="userChildrenAmount2">Number of Families</label>
                        <div class="invalid-feedback">Please provide a valid number of families.</div>
                      </div>
                    </div>
                    <!-- Aile Sayısı Bitiş -->

                    <!-- Ay Sayısı Başlangıç -->
                    <div class="col-md-3">
                        <div class="md-form mb-0">
                            <input type="number" min="0" max="60" id="userIntervalCount2" name="userIntervalCount2" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" value="12" onchange="aylikOdemeTutari()" required>
                            <label for="userIntervalCount2">Months</label>
                            <div class="invalid-feedback">Please provide a month(s).</div>
                        </div>
                    </div>

                    <!-- Ay Sayısı Bitiş -->
                  </div>
                  <!-- Bağış Miktarı, Aile Sayısı, Ay Sayısı  Bitiş -->

					<!-- Bağış Miktarı, Aile Sayısı, Ay Sayısı  Başlangıç -->
                  <div class="form-row" style="margin-top: 15px">

					 <!-- Bağış Miktarı Başlangıç -->
                    <div class="col-md-3" style="justify-content:center;">
                      <div class="md-form mb-0">
                        <p>
							Monthly Billing Expenses:						  </p>
                      </div>
                    </div>
                    <!-- Bağış Miktarı Bitiş -->

                    <!-- Bağış Miktarı Başlangıç -->
                    <div class="col-md-3" style="justify-content:center;">
                      <div class="md-form mb-0">
                        <input type="number" pattern="\d*" id="userDonationAmount3" name="userDonationAmount3" value="800" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" onchange="aylikOdemeTutari()" readonly required>
                        <label for="userDonationAmount3">Donation Amount</label>
                        <div class="invalid-feedback">Please provide a valid donation amount.</div>
                      </div>
                    </div>
                    <!-- Bağış Miktarı Bitiş -->

                    <!-- Aile Sayısı Başlangıç -->
                    <div class="col-md-3">
                      <div class="md-form mb-0">
                        <input type="number" min="0" max="100" id="userChildrenAmount3" name="userChildrenAmount3" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" value="1" onchange="aylikOdemeTutari()" required>
                        <label for="userChildrenAmount3">Number of Families</label>
                        <div class="invalid-feedback">Please provide a valid number of families.</div>
                      </div>
                    </div>
                    <!-- Aile Sayısı Bitiş -->

                    <!-- Ay Sayısı Başlangıç -->
                    <div class="col-md-3">
                        <div class="md-form mb-0">
                            <input type="number" min="0" max="60" id="userIntervalCount3" name="userIntervalCount3" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" value="12" onchange="aylikOdemeTutari()" required>
                            <label for="userIntervalCount3">Months</label>
                            <div class="invalid-feedback">Please provide a month(s).</div>
                        </div>
                    </div>

                    <!-- Ay Sayısı Bitiş -->
                  </div>
                  <!-- Bağış Miktarı, Aile Sayısı, Ay Sayısı  Bitiş -->

					<!-- Bağış Miktarı, Aile Sayısı, Ay Sayısı  Başlangıç -->
                  <div class="form-row" style="margin-top: 15px">

					 <!-- Bağış Miktarı Başlangıç -->
                    <div class="col-md-3" style="justify-content:center;">
                      <div class="md-form mb-0">
                        <p>
							Monthly Grocery Expenses:						  </p>
                      </div>
                    </div>
                    <!-- Bağış Miktarı Bitiş -->

                    <!-- Bağış Miktarı Başlangıç -->
                    <div class="col-md-3" style="justify-content:center;">
                      <div class="md-form mb-0">
                        <input type="number" pattern="\d*" id="userDonationAmount4" name="userDonationAmount4" value="2300" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" onchange="aylikOdemeTutari()" readonly required>
                        <label for="userDonationAmount4">Donation Amount</label>
                        <div class="invalid-feedback">Please provide a valid donation amount.</div>
                      </div>
                    </div>
                    <!-- Bağış Miktarı Bitiş -->

                    <!-- Aile Sayısı Başlangıç -->
                    <div class="col-md-3">
                      <div class="md-form mb-0">
                        <input type="number" min="0" max="100" id="userChildrenAmount4" name="userChildrenAmount4" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" value="1" onchange="aylikOdemeTutari()" required>
                        <label for="userChildrenAmount4">Number of Families</label>
                        <div class="invalid-feedback">Please provide a valid number of families.</div>
                      </div>
                    </div>
                    <!-- Aile Sayısı Bitiş -->

                    <!-- Ay Sayısı Başlangıç -->
                    <div class="col-md-3">
                        <div class="md-form mb-0">
                            <input type="number" min="0" max="60" id="userIntervalCount4" name="userIntervalCount4" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" value="12" onchange="aylikOdemeTutari()" required>
                            <label for="userIntervalCount4">Months</label>
                            <div class="invalid-feedback">Please provide a month(s).</div>
                        </div>
                    </div>

                    <!-- Ay Sayısı Bitiş -->
                  </div>
                  <!-- Bağış Miktarı, Aile Sayısı, Ay Sayısı  Bitiş -->

				<!-- Toplam Tutar -->
                  <div class="form-row" style="margin-top: 50px">

                    <div class="col-md-4">
                        <div class="md-form mb-0">
                            <input type="number" value="64200" id="userTotalAmount" name="userTotalAmount" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" onchange="aylikOdemeTutari()" readonly required>
                            <label for="userTotalAmount">Total Donation Amount</label>
                        </div>
                    </div>

					  <!-- Toplam Bağış Tutarı, Ödeme Başlangıç Tarihi Başlangıç -->
                    <!-- Toplam Bağış Tutarı ve Default Değerler Başlangıç -->
                    <div class="col-md-4" style="justify-content:center;">
                      <div class="md-form mb-0">
                        <input type="number" pattern="\d*" id="userTaksitSayisi" name="userTaksitSayisi" value="" onclick="totalAmount()" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" required>
						<label for="userTaksitSayisi">Installment Number</label>
						 <input type= "hidden" id="userAmount" name="userAmount" value="" required>
                        <input type="hidden" id="userInterval" name="userInterval" value="2" required>
                        <input type="hidden" id="userEndUserDesc" name="userEndUserDesc" value="SOS Çocukköyü Derneği Düzenli Bağış Yardımı" required>
						 <input type="hidden" id="siteUrlAddress" name="siteUrlAddress" value="" required>
						 <input type="hidden" id="userReferenceNo" name="userReferenceNo" value="" required>
                      </div>
                    </div>
                    <!-- Toplam Bağış Tutarı ve Default Değerler Bitiş -->

                    <!-- Ödeme Başlangıç Tarihi Başlangıç -->
                    <div class="col-md-4">
                      <div class="md-form mb-0">
                        <input type="date" min="2026-04-20" max="2019-31-12" id="userBeginDate" name="userBeginDate" class="form-control datepicker" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" value="" required>
                        <label for="userBeginDate">Donation Start Date</label>
                        <div class="invalid-feedback">Please provide a valid donation start date.</div>
                      </div>
                    </div>
                    <!-- Ödeme Başlangıç Tarihi Bitiş -->
                  <!-- Toplam Bağış Tutarı, Ödeme Başlangıç Tarihi Bitiş -->

                  </div>
                  <!-- Toplam Tutar -->

					<h4 class="h1-responsive text-center my-4" style="color: #00aaef !important; font-family:arial !important; margin:30px 0px !important;">Your Information</h4>


                  <!-- Ad Soyad, Kimlik Kartı No Başlangıç -->
                  <div class="form-row" style="margin-top: 15px">
                    <!-- Ad Soyad Başlangıç -->
                    <div class="col-md-12">
                      <div class="md-form mb-0">
                        <input type="text" minlength="5" id="userName" name="userName" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" required>
                        <label for="userName">Name and Surname</label>
                        <div class="invalid-feedback">Please provide a valid name and surname.</div>
                      </div>
                    </div>
                    <!-- Ad Soyad Bitiş -->

                  </div>
                  <!-- Ad Soyad, Kimlik Kartı No Bitiş -->

                  <!-- Email, Telefon Başlangıç -->
                  <div class="form-row" style="margin-top: 15px">
                    <!-- Email Başlangıç -->
                    <div class="col-md-6">
                      <div class="md-form mb-0">
                        <input type="email" id="userEmailAddress" data-paynet="end_user_email" name="userEmailAddress" class="form-control md-textarea" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" required>
                        <label for="userEmailAddress" class="">Email Address</label>
                        <div class="invalid-feedback">Please provide a valid email address.</div>
                      </div>
                    </div>
                    <!-- Email Bitiş -->

                    <!-- Telefon Başlangıç -->
                    <div class="col-md-6">
                      <div class="md-form mb-0">
                        <input type="text" pattern="\d*" maxlength="11" data-paynet="end_user_gsm" minlength="11" id="userPhone" name="userPhone" class="form-control" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" required>
                        <label for="userPhone" class="">Phone Number</label>
                        <div class="invalid-feedback">Please write your phone number with '0'.</div>
                      </div>
                    </div>
					  
                    <!-- Telefon Bitiş -->
                  </div>
                  <!-- Email, Telefon Bitiş -->
					
					<!-- Doğum Tarihi, Adres Başlangıç -->
                  <div class="form-row" style="margin-top: 15px">
                    <!-- Doğum Tarihi Başlangıç -->
                    <div class="col-md-6">
                        <div class="md-form mb-0">
                            <input type="date" min="1910-01-01" max="2000-01-01" id="userBirthDate" name="userBirthDate" class="form-control datepicker" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" value="" required>
                            <label for="userBirthDate" class="">Doğum Tarihiniz</label>
                            <div class="invalid-feedback">Geçerli bir doğum tarihi giriniz.</div>
                        </div>
                    </div>
                    <!-- Doğum Tarihi Bitiş -->

                    <!-- Adres Başlangıç -->
                    <div class="col-md-6">
                        <div class="md-form mb-0">
                            <input type="text" maxlength="100" minlength="5" id="userAddress" name="userAddress" class="form-control md-textarea" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;" required>
                            <label for="userAddress" class="">Adresiniz</label>
                            <div class="invalid-feedback">Geçerli bir adres giriniz.</div>
                        </div>
                    </div>
					  
                    <!-- Adres Bitiş -->
                  </div>
                  <!-- Doğum Tarihi, Adres Bitiş -->

                  <div class="form-row" style="margin-top: 15px">
                    <div class="col-md-12">
                      <div class="md-form mb-0">
                        <textarea type="text" id="userMessage" maxlength="200" name="userMessage" class="form-control md-text" style="background-color: transparent !important; border:none; border-bottom: 1px solid #ced4da; padding:10px 0px;"></textarea>
                        <label for="userMessage" class="">Your Message</label>
                        <div class="valid-feedback">You can leave blank.</div>
                      </div>
                    </div>
                  </div>
				  <div  class="text-center text-md-center" style="margin-top:15px;">
					<a class="form-check-label">
					    Your contact information will help us to send newsletters about what we have achieved thanks to your support.						
					</a>
				</div>
                  <div style="margin-top:15px;">
                    <input type="checkbox" class="form-check-input" id="materialChecked2" required checked>
                    <label class="form-check-label" for="materialChecked2"><a href="/hizmet-sozlesmesi/" target="_blank">I read and accept service aggreement.</a></label>					  
                  </div>
				<div style="margin-top:15px;">
					  <input type="checkbox" class="form-check-input" id="materialChecked4" required checked>
                    <label class="form-check-label" for="materialChecked4"><a>I consent to the SOS Children's Villages Association to keep the information I have provided in the donor database in accordance with the laws on the personal data protection.</a></label>
                  </div>
                  <div class="text-center text-md-center">
                    <button class="btn btn-primary" data-paynet="submit" type="submit" id="submit" name="submit"  style="border-color:#00aaef !important; margin-top:20px; margin-bottom:50px; background-color:#00aaef !important; width:50%" >DONATE NOW</button>
                  </div>

                </form>
                <!-- Form Bitiş -->
            </div>
        </div>


    </section>

    <script>

		function aylikOdemeTutari()
        {
          var bagisValue1 = document.getElementById('userDonationAmount1').value;
          var childValue1 = document.getElementById('userChildrenAmount1').value;
          var monthValue1 = document.getElementById('userIntervalCount1').value;

		  var bagisValue2 = document.getElementById('userDonationAmount2').value;
          var childValue2 = document.getElementById('userChildrenAmount2').value;
          var monthValue2 = document.getElementById('userIntervalCount2').value;

		  var bagisValue3 = document.getElementById('userDonationAmount3').value;
          var childValue3 = document.getElementById('userChildrenAmount3').value;
          var monthValue3 = document.getElementById('userIntervalCount3').value;

		  var bagisValue4 = document.getElementById('userDonationAmount4').value;
          var childValue4 = document.getElementById('userChildrenAmount4').value;
          var monthValue4 = document.getElementById('userIntervalCount4').value;

		document.getElementById('userTotalAmount').value = (bagisValue1 * childValue1* monthValue1)+(bagisValue2 * childValue2* monthValue2)+(bagisValue3 * childValue3* monthValue3) + (bagisValue4 * childValue4* monthValue4);
        };

		function totalAmount()
		{
			var totalBagis = document.getElementById('userTotalAmount').value;
			var userTaksit =document.getElementById('userTaksitSayisi').value;
			document.getElementById('userAmount').value = parseFloat(totalBagis / userTaksit).toFixed(2);
		}

		(function() {
		var randomString = function(length) {

			var text = "";

			var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

			for(var i = 0; i < length; i++) {

				text += possible.charAt(Math.floor(Math.random() * possible.length));

			}

			return text;
		}

		var random = randomString(10);
		document.getElementById("userReferenceNo").value = random;

	})();

        (function() {
        'use strict';
        window.addEventListener('load', function() {
        // Fetch all the forms we want to apply custom Bootstrap validation styles to
        var forms = document.getElementsByClassName('needs-validation');
        // Loop over them and prevent submission
        var validation = Array.prototype.filter.call(forms, function(form) {
        form.addEventListener('submit', function(event) {
        if (form.checkValidity() === false) {
        event.preventDefault();
        event.stopPropagation();
        }
        form.classList.add('was-validated');
        }, false);
        });
        }, false);
        })();

    </script>

    {"id":2588,"date":"2019-09-25T12:16:06","date_gmt":"2019-09-25T09:16:06","guid":{"rendered":"https:\/\/soscocukkoyu.org\/?page_id=2588"},"modified":"2025-06-16T10:06:23","modified_gmt":"2025-06-16T07:06:23","slug":"aile-evi-sponsoru-ol","status":"publish","type":"page","link":"https:\/\/soscocukkoyu.org\/en\/aile-evi-sponsoru-ol\/","title":{"rendered":"Become a Family House Sponsor"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"h5ap_radio_sources":[],"footnotes":""},"class_list":["post-2588","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/soscocukkoyu.org\/en\/wp-json\/wp\/v2\/pages\/2588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soscocukkoyu.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soscocukkoyu.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soscocukkoyu.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soscocukkoyu.org\/en\/wp-json\/wp\/v2\/comments?post=2588"}],"version-history":[{"count":6,"href":"https:\/\/soscocukkoyu.org\/en\/wp-json\/wp\/v2\/pages\/2588\/revisions"}],"predecessor-version":[{"id":8388,"href":"https:\/\/soscocukkoyu.org\/en\/wp-json\/wp\/v2\/pages\/2588\/revisions\/8388"}],"wp:attachment":[{"href":"https:\/\/soscocukkoyu.org\/en\/wp-json\/wp\/v2\/media?parent=2588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}