 <?php
/**
 * The template for displaying all pages.
 * Template Name: Plant-detail page
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * @package dc
 */

get_header(); ?>

	<div id="primary" class="content-area">
	
		<div class="slider">
			<div class="container">
				<div class="row">
					<?php if( have_rows(plant_slider_text) ): ?>
						<div id="contentSlider" class="col-md-12 owl-carousel owl-theme">
							<?php while( have_rows('plant_slider_text') ): the_row(); 

								// vars 
								$content = get_sub_field('text'); 

								?>
							<div class="item1">
								<h1> <?php echo $content; ?></h1>
							</div>
							<?php endwhile; ?>					
						</div>
					<?php endif; ?>
				</div>
			 </div>
		</div> 

		<section class="tableSec">
			<div class="container">
			<div class="row">
					<div class="col-md-12">
						<div class="homeProductText">
							<h2>Plant <span>Details</span></h2>	
							
							<!--<?php the_field('plant_table'); ?>-->
							
							<div class="table_main">
							
								<section id="examples" > 
									<div id="content-5" class="content horizontal-images light  ">
										<table class="tg">
										  <tr>
											<th class="tg-nrw8">Rec. No.</th>
											<th class="tg-031e">Capacity</th>
											<th class="tg-031e">PackedColumns Height / mtr.</th>
											<th class="tg-031e">Packing Type</th>
											<th class="tg-031e">Agitator</th>
											<th class="tg-031e">Condensors</th>
										  </tr>
										  <tr>
											<td class="tg-s6z2">R1</td>
											<td class="tg-s6z2">7.5 kl</td>
											<td class="tg-s6z2">17 mtr</td>
											<td class="tg-s6z2" rowspan="5">Sulzer Packgings<br>Wiregauge <br>&amp; Sheet Metal<br>MOC-SS316L</td>
											<td class="tg-s6z2">Turbine</td>
											<td class="tg-s6z2">45m2</td>
										  </tr>
										  <tr>
											<td class="tg-s6z2">R2</td>
											<td class="tg-s6z2">7.5 kl</td>
											<td class="tg-s6z2">14 mtr</td>
											<td class="tg-s6z2">Anchor</td>
											<td class="tg-s6z2">35m2</td>
										  </tr>
										  <tr>
											<td class="tg-s6z2">R3</td>
											<td class="tg-s6z2">5 kl</td>
											<td class="tg-s6z2">14 mtr</td>
											<td class="tg-s6z2">Turbine</td>
											<td class="tg-s6z2">45m2</td>
										  </tr>
										  <tr>
											<td class="tg-s6z2">R4</td>
											<td class="tg-s6z2">7.5 kl</td>
											<td class="tg-s6z2">17 mtr</td>
											<td class="tg-s6z2">Anchor</td>
											<td class="tg-s6z2">45m2</td>
										  </tr>
										  <tr>
											<td class="tg-s6z2">R5</td>
											<td class="tg-s6z2">1.2 kl</td>
											<td class="tg-s6z2">8 mtr</td>
											<td class="tg-s6z2">Anchor</td>
											<td class="tg-s6z2">25m2</td>
										  </tr>
										</table>
									</div>  
								</section> 
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<svg id="bigTriangleColor" class="plantSvg" xmlns="https://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none">
			<path d="M0 0 L50 100 L100 0 Z" />
		</svg>
		<section class="plandetailsSec">
			<div class="container">
				
				<div class="row reactorDetails">
					
					<div class="col-md-4 col-sm-6 no-padding">
						<div class="imgBoxPd">
							<img src="<?php the_field('reactor_image'); ?>" alt=""/>
						</div>
					 </div>
					 <div class="col-md-8 col-sm-6 no-padding">
						<div class="cntPlan">
							<h1 class="title">REACTOR <span>DETAILS</span></h1> 
							<?php the_field('reactor_text'); ?>
						</div>
					</div>

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

		<section class="plandetailsSec">
			<div class="container">
				<div class="row mar-100">
					<div class="col-md-4 col-md-push-8 no-padding">
						<div class="imgBoxPd coolingImg"> 
							<img src="<?php the_field('cooling_image'); ?>" alt=""/>
						</div>
					 </div>
					<div class="col-md-8 col-md-pull-4 no-padding">
						<div class="cntPlan">
							<h1 class="title">COOLING <span>DETAILS</span></h1> 
						<?php the_field('cooling_text_field'); ?>
						</div>
					</div>
				</div>
				<div class="row mar-100">
					
					<div class="col-md-4 no-padding">
						<div class="imgBoxPd"> 
							<img src="<?php the_field('column_image'); ?>" alt=""/>
						</div>
					 </div>
					<div class="col-md-8 no-padding">
						<div class="cntPlan">
							<h1 class="title">COLUMN <span>DETAILS</span></h1> 
							<?php the_field('colomn_text'); ?>
						</div>
					</div>
					
				</div>
			</div>
			
			 
            <h1 class="title MainTitle"> Material   <span>Storage Facility</span></h1>
			<div class="container materialStorage">
				<div class="row">
					<div class="col-md-6 col-md-push-6 no-padding">
						<div class="imgBoxPd">
							<img src="<?php the_field('warehouse_image'); ?>" alt="img"/> 
						</div>
					 </div>
					<div class="col-md-6 col-md-pull-6  ">
						<div class="cntPlan">
							<h1 class="title">ware<span>house</span></h1>
							<?php the_field('warehouse_text'); ?> 
						</div>
					</div>
				</div>
				<div class="row mar-100">
					
					<div class="col-md-6 no-padding">
						<div class="imgBoxPd">
							<img src="<?php the_field('storage_image'); ?>" alt=""/> 
						</div>
					 </div>
					<div class="col-md-6 no-padding">
						<div class="cntPlan">
							<h1 class="title">Storage  <span>Facility</span></h1>
							<?php the_field('storage_text'); ?> 
						</div>
					</div>
					
				</div>
			</div> 
</section> 
			
		</section>
		<svg id="bigTriangleColor1" xmlns="https://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none">
			<path d="M0 0 L50 100 L100 0 Z" />
		</svg>

<!-- added -->


<!-- added --> 
<section class="moreSec imageGarden">
	<div class="container">
		<div class="row moreInfo cntPlan">
			<?php if( have_rows('plant_properties') ): ?>
					<?php while( have_rows('plant_properties') ): the_row(); 

						// vars 
						$contentImg = get_sub_field('property_image'); 
						$contentHead = get_sub_field('property_heading'); 
						$contentDetail = get_sub_field('property_details'); 

						?>
						<div class="col-md-4">
							<div class="PlantImgBox">
								<img src="<?php echo $contentImg; ?>" alt="img" />
							</div>
							<h2> <?php echo $contentHead; ?></h2>
							<?php echo $contentDetail; ?>
						</div>
					<?php endwhile; ?>
			<?php endif; ?>
			 
		</div> 
	</div>
</section>  
	</div><!-- #primary -->
 
<?php get_footer(); ?>
