@extends('template')

@section('styles')


<style type="text/css">
	.product_thumb {
	    border: 1px Solid #ccc;
	    text-align: center;
	    padding: 0 !important;
	    margin: 0 auto;
	    float: none;
	}

</style>

@endsection

@section('content')
		<div class="row">
			<div class="col-md-12 padding0">
				<div class="main-banner-wrapper">
					<div id="banner-slider" class="owl-carousel owl-theme">

						@foreach($slider_images as $key => $image)
							<div class="item active">

								<div class="caption">
									<div class="container banner_txt">
									    <div class="caption2">
									          {{$image->txt_line1}}
									    </div>
										<ul class="btn-groups">				
											<li><a href="/products" class="btn btn-primary bannerbtn">See our Products</a></li>
											<li><a href="/about-us" class="btn btn-primary bannerbtn">More About Us</a></li>						
										</ul>
									</div>
								</div>

								<picture>
									<source media="(min-width: 650px)" srcset="{{get_thumb_url_600('banners',"/".$image->banner_path,1)}}">
									<source media="(max-width: 465px)" srcset="/assets/images/banner1-sm.png">
									<img src="/assets/images/banner1.png" alt="" style="width:100%;">
								</picture>

							</div>
						@endforeach

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


		<div class="row pad50">
			<div class="col-md-7">
				<h2>About <span>Tengyun</span> </h2>
				@if(isset($seo_content['about_us']['content']))
					{!! $seo_content['about_us']['content'] !!}
				@endif

				<a href="/about-us"><img src="/assets/images/about-learn-more.png"></a>
			</div>

			<div class="col-md-5">
				@if(isset($seo_content['home_featured_image']['content']))
					<img class="w_100" src="/uploads/images/{{ $seo_content['home_featured_image']['content'] }}" >
				@endif 
			</div>
		</div>


		<div class="row text-center">

			<div class="col-md-12 prod-bg">
				<h2>Our Products</h2>

				<div class="row">

					@foreach($industries as $key => $industry)
						<div class="col-sm-6 col-md-4 col-lg-4 mt50">
							<div class="prod_box">
	    						<div class="pro-thumb">
	    							<div class="product_thumb">
	    								<img src="{{get_thumb_url_200('categories',"/".$industry->featured_image)}}" alt="{{$industry->name}}">
	    							</div>

	    							<a href="/product/1/15ml18ml3ml-glass-cartridge-glass-dental-cartridge-bottle">
		    							<div class="pro-overlay">
		    								<img src="/assets/images/view_all.png" >
		    							</div>
	    							</a>
	    						</div>
	    						<div class="cat_heading">
	    						    <a href="" class="pro-title">{{$industry->name}}</a>
	    						</div>
	    					</div>
						</div>
					@endforeach

				</div>

				<div class="row mt50">
					<div class="col-md-12 text-center">
						<img src="/assets/images/view_all.png" >
					</div>
				</div>

			</div>
		</div>

		<div class="row pad50">
			<div class="col-md-12">
				<h2>See Whats New?</h2>
			</div>
		</div>

		<div class="row pad50 padtop0 text-center">
			<div class="col-sm-12 col-md-4 mb20">
				<img src="/assets/images/blog1.png" class="w_100 mw350 mt20"> <br>
				<span>July 22, 2019</span>
				<h4>Blog Post 1</h4>
			</div>

			<div class="col-sm-12 col-md-4 mb20">
				<img src="/assets/images/blog1.png" class="w_100 mw350 mt20"> <br>
				<span>July 22, 2019</span>
				<h4>Blog Post 1</h4>
			</div>

			<div class="col-sm-12 col-md-4 mb20">
				<img src="/assets/images/blog1.png" class="w_100 mw350 mt20"> <br>
				<span>July 22, 2019</span>
				<h4>Blog Post 1</h4>
			</div>
		</div>

@endsection