<?php require_once "config.php"; ?>
<style type="text/css">
/* places the content ontop of the background image */
#content {position:relative; z-index:1; width:100%;}
</style>
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="//biharbloodbank.in/include/styles.css" rel="stylesheet" type="text/css" media="all">


<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.6.0/jquery.validate.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript">
$(document).ready(function(){
	$("#stateId").change(function(){
		var stateId = $("#stateId").val();
		$("#cityDiv").html("<img src='images/loader.gif' align='absmiddle'/>");
		$.ajax({url:"include/cities.php?stateId="+stateId, success:function(result){ $("#cityDiv").html(result);}, error:function($resulte){ alert("error")} });
	});	
	
	$("#stateId2").change(function(){
		var stateId = $("#stateId2").val();
		$("#cityDiv2").html("<img src='images/loader.gif' align='absmiddle'/>");
		$.ajax({url:"include/cities.php?stateId="+stateId, success:function(result){ $("#cityDiv2").html(result);}, error:function($resulte){ alert("error")} });
	});	
	
	$("#newfrm").validate();
	
	$("#invitefrm").validate();
	
	$(".checkavail").click(function(){
		var username = $("#username").val();
		$("#checkavailDiv").html("<img src='images/loader.gif' align='absmiddle'/>");
		$.ajax({url:"checkavailusername.php?username="+username, success:function(result){ $("#checkavailDiv").html(result);}, error:function($resulte){ alert("error occured")} });
	});	
	
});

function searchformval(){
	if($("#bloodgroup").val() == ""){
		alert("Please select bloodgroup.")
		$("#bloodgroup").focus();
		return false;
	}
}

function loginval(){
	if($("#donorusername").val() == ""){
		alert("Please enter username.")
		$("#donorusername").focus();
		return false;
	}
	if($("#ipassword").val() == ""){
		alert("Please enter password.")
		$("#ipassword").focus();
		return false;
	}
}

</script>
<?php include_once("analytics.php") ?>

</head>

<body>
    <style>
        .clearfix {
clear: both;
}

#contact-cta-section {
padding-top: 37px;
padding-bottom: 40px;
font-family: "proxima-nova", sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
padding: 25px 0 10px 0;
float: left;
width: 100%;
text-align: center; 
}

.wrapper-full {
  position: relative;
margin: 0 auto;
}
.cta-wrapper {
margin-bottom: 0;
text-align: left;
padding: 15px;
background-color: #DB2217;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.cta-wrapper .details-wrapper {
float: left;

}
.cta-wrapper .details-wrapper h2 {
font-weight: 600;
margin: 0 0 4px 0;
color: #FFF;
font-size: 27px;
}
.cta-wrapper .details-wrapper p {
font-size: 18px;
color: #FFF;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.cta-wrapper .blue-cta-button {
padding: 17px 50px;
text-transform: uppercase;
background-color: #93CC76;
color: #FFF;
letter-spacing: 0.1em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
font-weight: 600;
display: inline-block;
white-space: pre;
margin: 31px 0 25px 0;  
float: right;
margin: 0;
color: #3686BE;
background-color: #FFF;
padding: 17px 0;
width: 22%;
text-align: center;
}


    </style>
    
  <div class="wrapper-full">
    <div class="cta-wrapper">
      <div class="details-wrapper">
        <h2>In case of Urgent Blood Requirement</h2>
      </div>
      <a class="blue-cta-button" href="tel:+919308393446">Call Now</a>
      <div class="clearfix"></div>
    </div>
  </div>

<table style="margin:0 auto; width:980px" border="0">
<tr>
	<td width="230"><a href="index.php"><img src="https://www.biharbloodbank.in/images/logo.png" border="0"/></a></td>
	<td style="vertical-align:bottom;padding-bottom:5px;">A social initiative of <a href="http://www.maavaishnoseva.org/" style="text-decoration : none;">Maa Vaishno Devi Seva Samiti(Bihar)</a></td>
	<td width="146px" height="152px" style="background-image:url(../images/pin2.png);background-repeat:no-repeat;" ><a style="text-decoration: none;" title="Upcoming Events" href="upcoming-events.php">&nbsp;&nbsp;&nbsp; <span style="font-size: 16pt; color: #DA261D;">Upcoming &nbsp;&nbsp;&nbsp;&nbsp;Events</span></a></td>



<td width="240" style="text-align:right">
	<? if(isset($_SESSION['username']) && ($_SESSION['username'])){ 
		?><a href="donor_data.php">My Account</a> | <a href="logout.php">logout</a> <?
		}  else{
echo '<a href ="login.php" style="text-decoration : none;font-size:20px; color:#DA261D">DONOR LOGIN HERE</a>';
?>



   <table>
		<tr>   
</td> 
         </tr>
		<tr>
			<td>  
			
			<br />
        

</td>
		</tr>
		<tr>
			<td colspan="2" align="right"></td>
		</tr>
		</table>








	<? } ?>
	</td>
</tr>
</table>
<table style="margin:0 auto; width:980px; height:32px; border-spacing: 0px;" border="0">
<tr>
	<td style="background:url('//biharbloodbank.in/images/topbannerred.png'); color:#ffffff; text-align:center;">
	<a href="registration.php" class="toplink">Free Register</a> | 
<a href="login.php" class="toplink">Donor Login</a> | 
	<a href="invite-your-friends.php" class="toplink">Invite your friends</a> | 
	<a href="donors-speak.php" class="toplink">Donor's speak</a> | 
        <a href="upcoming-events.php" class="toplink"><b>Upcoming Events</b></a> | 
	
	<a href="gallery.php" class="toplink">Gallery</a> | 
	<a href="blood-bank-numbers.php" class="toplink">Blood Bank Numbers</a> | 
	
	<a href="contact-us.php" class="toplink">Contact us</a> 
	</td>
</tr>
</table>
<table style="margin:0 auto; width:980px; height:159px; border-spacing: 0px;" border="0">
<tr>
	<td style="background:url('//biharbloodbank.in/images/topbannerblack.jpg');"></td>
</tr>
</table>

<form id="form1" name="form1" method="post" action="search.php">

<table id="searchinputTable" style="margin:0 auto; margin-top:4px; width:980px; height:32px; background-color:#DA261D; color:#ffffff;">
<tr>
	<td width="10%">&nbsp;&nbsp;&nbsp;<b>Find a Donor</b></td>
	
	<td>Group</td>
	<td width="15%">
			<select name="bloodgroup" id="bloodgroup" value="" class="required">

<option value="">Select</option>
			<option value="O+" > O+</option>
			<option value="O-" > O-</option>
			<option value="B+" > B+</option>
			<option value="B-" > B-	</option>
			<option value="A+" > A+</option>
			<option value="A-" > A-</option>
			<option value="AB+" > AB+</option>
			<option value="AB" > AB-</option>
			<option value="A1+" > A1+</option>
			<option value="A1-" > A1-</option>
			<option value="A2+" > A2+</option>
			<option value="A2-" > A2-</option>
			<option value="A1B+" > A1B+</option>
			<option value="A1B-" > A1B-</option>
			<option value="A2B+" > A2B+</option>
			<option value="A2B-" > A2B-</option>
	
</select>
		
	</td>
	<td>State ID</td>
	<td width="160"><?php include "include/states.php"; ?></td>
	
	
	</td>
	<td>City</td>
	<td width="15%">
<?php include "include/cities.php";?>

	</td>
	<td>Results</td>
	<td width="15%">
	<select name="results">
<option>5</option>
	<option>10</option>
	<option>20</option>
	<option>40</option>
	<option>80</option>
	<option>120</option>
	<option>240</option>
<option>320</option>
<option>400</option>
	</select><br>	
	</td>
	<td width="20%">
	
<a href="search.php"><img src="//biharbloodbank.in/images/reset.png" alt="Reset" /></a>
  &nbsp;
	<input type="image" src="//biharbloodbank.in/images/search.png" name="button" id="button" value="Submit" />
  
  </td>
</form>

</tr>
</table>
</form>