<div class="modal fade modal-static" id="modal-sponsors" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog">
	<div class="modal-content">		
		<div class="modal-body">
			<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
			<?php echo Roots\Sage\Utils\get_theme_option('home-block3'); ?>			
		</div>		
	</div>
  </div>
</div>
<div class="modal fade modal-static" id="modal-info" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog">
	<div class="modal-content">		
		<div class="modal-body">
			<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
			<?php echo Roots\Sage\Utils\get_theme_option('home-block1'); ?>
			<!--
            <div class="text-center">
				<h2>UCP’S CHAMPIONS <small>IN</small> LIFE NIGHT</h2>
				<p>FEATURING FASHION BY <strong>ROBERT BLACK & THE ART INSTITUTE OF PHOENIX</strong> CELEBRATING SIXTY YEARS OF UCP & FASHION</p>
				<p class="t-bold" style="font-size:36px;">FRIDAY, OCTOBER 16th 2015 </p>
				<p class="t-bold" style="font-size:28px;">SHERATON DOWNTOWN  <br/>
				340 NORTH 3rd STREET, <br/>
				PHOENIX AZ 85004</p>
				<p class="t-bold" > <span style="color:#6f63e9">5:30PM - RECEPTION AND SILENT AUCTION </span> <br/>
				<span style="color:#eba881">7:00PM - DINNER AND FASHION SHOW </span> </p><br/>
				<p class="p16 t-bold">COCTAIL ATTIRE. FOR MORE INFORMATION PLEASE CONTACT: <span style="color:#eba881">VERONICA DE LA O</span> @ 602.943.5472 OR VDELAO@UCPOFCENTARALAZ.ORG </p>
			</div>
			-->
		</div>		
	</div>
  </div>
</div>

<div class="modal fade modal-static " id="modal-buy" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog">
	<div class="modal-content">		
		<div class="modal-body">		
			<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>	
            <div class="col-md-6 col-sm-12 col-xs-12 text-center BECOME_OUR_SPONSOR ">
				<h2> BECOME OUR SPONSOR </h2> 
				<div class="msg-content">
					<?php echo Roots\Sage\Utils\get_theme_option('home-block2'); ?>
					<!--
					<p>
					IF YOU’D LIKE TO BECOME  <br>
					A SPONSOR <br/>
					<small>PLEASE CONTACT:</small> <br/>
					VERONICA DE LA O <br/>
					<small>PHONE:</small>  <br/>
					123.456.789 <br/>
					<small>EMAIL:</small> <br/>
					VDELAO@UCPOFCENTRALAZ.ORG <br/>
					<p>
					-->
				</div>				
			</div>
			<div class="col-md-6 col-sm-12 col-xs-12 text-center">
				<h2><span class="buy_or">OR</span> PURCHASE INDIVIDUAL TICKETS</h2>	
				<div id="ajax_message">
				</div>	
				<div class="purchase_form_wrap">
				<form id="purchase_form" action="" method="post">
				  
				  	<div class='form-row'>
					  <div class='col-xs-4 col-md-4 three-item form-group text-left'>
						<label class='control-label'>Quanlity *</label>						
					  </div>
					  <div class='col-xs-4 col-md-4 three-item form-group expiration required'>
						<input type="text" class="form-control" name="quantity" value="1" id="quantity" placeholder="Quantity *">
					  </div>
					  <div class='col-xs-4 col-md-4 three-item form-group expiration required'>						
							<input type="text" class="form-control" id="price" name="price" value="250" placeholder="Price *"> 
					  </div>
					  <div class="clear"></div>
					</div>
					<div class='form-row'>
					  <div class='col-xs-12 form-group required'>						
						<input class='form-control' size='4' name="first_name" id="first_name" placeholder="First Name *" required type='text'>
					  </div>
					</div>

					<div class='form-row'>
					  <div class='col-xs-12 form-group required'>						
						<input class='form-control' size='4' name="last_name" id="last_name" placeholder="Last Name *" required type='text'>
					  </div>
					</div>

					<div class='form-row'>
					  <div class='col-xs-12 form-group required'>						
						<input class='form-control' size='4' name="email" id="email" placeholder="CARD HOLDER EMAIL*" required type='text'>
					  </div>
					</div>

					<div class='form-row'>
					  <div class='col-xs-12 form-group required'>						
						<input class='form-control' size='4' name="address1" id="address1" placeholder="ADDRESS 1 *" required type='text'>
					  </div>
					</div>
					<div class='form-row'>
					  <div class='col-xs-12 form-group required'>						
						<input class='form-control' size='4' name="address2" id="address2" placeholder="ADDRESS 2"  type='text'>
					  </div>
					</div>
					<div class='form-row'>
					  <div class='col-xs-12 form-group required'>						
						<input class='form-control' size='4' name="city" id="city" placeholder="City *" required type='text'>
					  </div>
					</div>
					

					<div class='form-row'>
					  <div class='col-xs-12 form-group required'>						
						<input class='form-control' size='4' name="state" id="state" placeholder="STATE / PROVINCE *" required type='text'>
					  </div>
					</div>

					<div class='form-row'>
					  <div class='col-xs-12 form-group required'>						
						<input class='form-control' size='4' name="postcode" id="postcode" placeholder="POSTAL CODE *" required type='text'>
					  </div>
					</div>

					<div class='form-row'>
					  <div class='col-xs-12 form-group required'>
						<?php 
							global $wpdb;
							$table = $wpdb->prefix."countries";
							$sql ="SELECT * FROM $table ORDER BY countryName ASC";
							$countries = $wpdb->get_results($sql);									
						?>
                        <select class='form-control' style='4' name="country" id="country">			
							<option value="-1"> Country </option>
                            <?php if(!empty($countries)) foreach($countries as $key=>$row) { ?> 
								<option value="<?php echo $row->countryCode ?>"> <?php echo $row->countryName  ?> </option>
							<?php } ?>
                        </select>
					  </div>
					</div>
					<div class='form-row'>
						<div class="col-xs-4 col-md-4 credit-card-text form-group text-left">							
							<label class='control-label'>Credit card *</label>
						</div>
						<div class="col-md-8 col-xs-8 form-group text-right">
							<img  class="img-responsive" src="<?php echo THEME_URL ?>/assets/images/credit-card.png" alt="Credit Image" />
						</div>
					</div>

					
					<div class='form-row'>					 
					  <div class='col-xs-7 col-md-7 two-item form-group  required'>
						<input type="text" class="form-control" id="card_number" name="card_number" placeholder="CREDIT CARD NUMBER*">
					  </div>
					  <div class='col-xs-4 col-md-4 two-item form-group  required pull-right'>						
							<input type="text" class="form-control" name="car_ccv" id="car_ccv" placeholder="CVV*">
					  </div>
					  <div class="clear"></div>
					</div>
					<div class='form-row'>
					  <div class='col-xs-12 form-group required'>						
						<input class='form-control' size='4' name="card_holder_name" id="card_holder_name" placeholder="CARD HOLDER NAME*" required type='text'>
					  </div>
					</div>
					<div class='form-row'>
					  <div class='col-xs-4 col-md-4 three-item form-group text-left'>
						<label class='control-label'>EXPIRATION</label>						
					  </div>
					  <div class='col-xs-4 col-md-4 three-item form-group expiration required'>

                        <select class='form-control' style='4' name="month" id="month">
                              <option value="01"> JANUARY </option>
                              <option value="02"> FEBRUARY </option>
                              <option value="03"> MARCH </option>
                              <option value="04"> APRIL </option>
                              <option value="05"> MAY </option>
                              <option value="06"> JUNE </option>
                              <option value="07"> JULY </option>
                              <option value="08"> AUGUST </option>
                              <option value="09"> September </option>
                              <option value="10"> OCTOBER </option>
                              <option value="11"> November </option>
                              <option value="12"> December </option>
                        </select>
					  </div>
					  <div class='col-xs-4 col-md-4 three-item form-group expiration required'>
                          <select class='form-control' style='4' name="year" id="year">
								
							  <?php  
							  $cur_year = date('Y');							  
							  for($i=$cur_year;$i<=$cur_year+20;$i++) { ?> 
								<option value="<?php echo $i; ?>"> <?php echo $i; ?> </option>                              
							  <?php } ?>
                          </select>
					  </div>
					  <div class="clear"></div>
					</div>
					<div class='form-row'>
				  		<button type="submit" id="buy-submit" class="btn btn-default btn-submit">PROCESS YOUR PAYMENT</button>
				  	</div>
					<input type="hidden" name="action" value="buy_ticket_ajax" />
				</form>	
				</div>
				<div class="purchase_form_thanks hidden" >
					Thankyou for your support ! 
				</div>
			</div>
			<div class="clear"></div>

		</div>		
	</div>
  </div>
</div>

<div class="modal fade modal-static" id="modal-package" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog">
	<div class="modal-content">		
		<div class="modal-body">
			<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
			<div class="modal-package-content">
			</div>
		</div>		
	</div>
  </div>
</div>

