


<div class="w3-container">
  <p class="w3-large">To find a registry, please enter at least one of the options provided into the form below:</p>
</div>

<form class="w3-container w3-search-form" id="bcartsearchForm">

	<div class="w3-container w3-col l4 m4">
		<div class="w3-card">
			<div class="w3-container w3-teal">
			<div class="box-title">Mother</div>
			</div>
			<div class="w3-container" >
			<p><input class="w3-input w3-border w3-sand" type="text" id="mf_name" name="name" placeholder="Name"/></p>
			<p><input class="w3-input w3-border w3-sand" type="text" id="ml_name" name="name" placeholder="Last Name"/></p>
			</div>
		</div>
	</div>

	<div class="w3-container  w3-col l4 m4">
		<div class="w3-card">
			<div class="w3-container w3-teal">
			<div class="box-title">Father</div>
			</div>
			<div class="w3-container" >
			<p><input class="w3-input w3-border w3-sand" type="text" id="ff_name" name="name" placeholder="Name"/></p>
			<p><input class="w3-input w3-border w3-sand" type="text" id="fl_name" name="name" placeholder="Last Name"/> </p>    
			</div>
		</div>
	</div>

	<div class="w3-container w3-col l4 m4">
		<div class="w3-card">
			<div class="w3-container w3-teal">
			<div class="box-title">Registry</div>
			</div>
			<div class="w3-container" >
			<p><input class="w3-input w3-border w3-sand" type="text" id="reg_num" placeholder="Number" /></p>
			<!--p><input class="button button-primary button-large" type="button" id="search" value="Search" onclick="doValidation()"/></p-->
			</div>
		</div>
	</div>

	<div class="w3-container w3-col l12 m12 w3-padding-24">
		<div class="w3-container w3-center" >
			<p><input class="w3-button w3-round w3-teal" type="button" id="search" value="Search" onclick="doValidation()"/></p>
		</div>
	</div>

</form>

<div class="w3-container">
	<div class="w3-panel w3-red w3-display-container" style="display:none">
		<span onclick="this.parentElement.style.display='none'"	class="w3-button w3-red w3-large w3-display-topright">&times;</span>
		<p>*Please enter the Mother's name, Father's Name or Registry Number.</p>
	</div>	
</div>

<div class="w3-container" id="listBox"></div>


<script>
	var $ = jQuery;
	jQuery(document).ready(function($){
		$('#mf_name,#ml_name').keyup(function(){
			if($('#ff_name').val() != '' || $('#fl_name').val() != '' || $('#reg_num').val() != '')
			{
				$('#ff_name').val('');
				$('#fl_name').val('');
				$('#reg_num').val('');
			}

		});
		$('#ff_name,#fl_name').keyup(function(){
			if($('#mf_name').val() != '' || $('#ml_name').val() != '' || $('#reg_num').val() != '')
			{
				$('#mf_name').val('');
				$('#ml_name').val('');
				$('#reg_num').val('');
			}

		});
		$('#reg_num').keyup(function(){
			if($('#mf_name').val() != '' || $('#ml_name').val() != '' || $('#reg_num').val() != '' || $('#ff_name').val() != '' || $('#fl_name').val() != '' || $('#reg_num').val() != '')
			{
				$('#mf_name').val('');
				$('#ml_name').val('');
				$('#ff_name').val('');
				$('#fl_name').val('');
			}

		});
	});

		function doValidation(){
			var mf_name = $('#mf_name').val();
			var ml_name = $('#ml_name').val();
			var ff_name = $('#ff_name').val();
			var fl_name = $('#fl_name').val();
			var reg_num = $('#reg_num').val();
			
			var count = 0;
			var id_array = [mf_name,ml_name,ff_name,fl_name,reg_num];
			var name_array = ['mf_name','ml_name','ff_name','fl_name','reg_num'];
			if (mf_name == '' && ml_name == '' && ff_name == '' && fl_name == '' && reg_num == '') {
				alert("Please enter the Mother's name, Father's Name or Registry Number.");
			} else {
				for (var i=0;i<$('input').length-1;i++) {
					if (id_array[i] == '') {
						count++;
					} else {				
						if (name_array[i] == 'mf_name') {
							if (id_array[i+1] != '' && isNaN(id_array[i])) {
								if(id_array[i].length >= 3 && id_array[i+1].length >= 3)
								{
									doSearch();
								}
								else
								{
									alert('Search With Minimum of 3 Characters');
									break;
								}
							} else {
								
								alert("Mother's Last Name is required");
							}
						} else if(name_array[i] == 'ml_name' && isNaN(id_array[i])) {
							if(id_array[i-1] != '' ) {
								if(id_array[i].length >= 3 && id_array[i-1].length >= 3)
								{
									doSearch();
								}
								else
								{
									alert('Search With Minimum of 3 Characters');
									break;
								}
							} else {
								
								alert("Mother's First Name is required");
							}
						} else if(name_array[i] == 'ff_name') {
							if (id_array[i+1] != '') {
								if(id_array[i].length >= 3 && id_array[i+1].length >= 3)
								{
									doSearch();
								}
								else
								{
									alert('Search With Minimum of 3 Characters');
									break;
								}
							} else {
								
								alert("Father's Last Name is required");
							}
						} else if(name_array[i] == 'fl_name' && isNaN(id_array[i])) {
							if (id_array[i-1] != '') {
								if(id_array[i].length >= 3 && id_array[i-1].length >= 3)
								{
									doSearch();
								}
								else
								{
									alert('Search With Minimum of 3 Characters');
									break;
								}
							} else {
								
								alert("Father's First Name is required");
							}
						} else if(name_array[i] == 'reg_num') {
							if(id_array[i] != '' && !isNaN(id_array[i])) {
								if(id_array[i].length >= 3)
								{
									doSearch();
								}
								else
								{
									alert('Search With Minimum of 3 Characters');
									break;
								}
							} else {
								alert('Please Enter the Register Number');
							}
						}
					}
				}
			}
		}	
				
		function doSearch() {
			var mf_name = $('#mf_name').val();
			var ff_name = $('#ff_name').val();
			var reg_num = $('#reg_num').val();
			var ml_name = $('#ml_name').val();
			var fl_name = $('#fl_name').val();

			
			$('#listBox').html('<p align="center" style="width:750px;">Please wait...</p>');
			$('#listBox').load('https://usababypr.com/wp-content/plugins/bcart/public/registry/search.php', {mf_name: mf_name, ff_name: ff_name, reg_num: reg_num,	ml_name: ml_name, fl_name: fl_name});
		} 	


</script>{"id":2209,"date":"2018-08-23T02:00:40","date_gmt":"2018-08-23T02:00:40","guid":{"rendered":"https:\/\/usababypr.com\/registry-search\/"},"modified":"2018-08-23T02:00:40","modified_gmt":"2018-08-23T02:00:40","slug":"registry-search","status":"publish","type":"page","link":"https:\/\/usababypr.com\/es\/registry-search\/","title":{"rendered":"B\u00fasqueda de registro"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/usababypr.com\/es\/wp-json\/wp\/v2\/pages\/2209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usababypr.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/usababypr.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/usababypr.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/usababypr.com\/es\/wp-json\/wp\/v2\/comments?post=2209"}],"version-history":[{"count":0,"href":"https:\/\/usababypr.com\/es\/wp-json\/wp\/v2\/pages\/2209\/revisions"}],"wp:attachment":[{"href":"https:\/\/usababypr.com\/es\/wp-json\/wp\/v2\/media?parent=2209"}],"curies":[{"name":"gracias","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}