@extends('layouts.main')

@section('content')
<div id="intro-slider" class="slitslide"> 
		<!--preloader-->
		<div id="preloader">
          <div id="status">&nbsp;</div>
        </div>
        <!--preloader-->
		<div id="slider" class="sl-slider-wrapper">
				<div class="sl-slider">
					<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
						<div class="sl-slide-inner">
							<div class="bg-img bg-img-1"></div>
							<div class="info">
                            	<p class="">Grow your</p>
                                <h1>Crop with our</h1>
                                <h2>fine seeds</h2>
                            </div>
						</div> 
					</div>
					
					<div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
						<div class="sl-slide-inner">
							<div class="bg-img bg-img-2"></div>
							<div class="info bginfo">
                            	<p>Grow your</p>
                                <h1>Crop with our</h1>
                                <h2>fine seeds</h2>
                            </div>
						</div>
					</div>
					
					<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
						<div class="sl-slide-inner">
							<div class="bg-img bg-img-3"></div>
							<div class="info bginfo">
                            	<p>Grow your</p>
                                <h1>Crop with our</h1>
                                <h2>fine seeds</h2>
                            </div>
						</div>
					</div>
					
					<!--<div class="sl-slide" data-orientation="vertical" data-slice1-rotation="-5" data-slice2-rotation="25" data-slice1-scale="2" data-slice2-scale="1">
						<div class="sl-slide-inner">
							<div class="bg-img bg-img-4"></div>
							<div class="info">
                            	<p>Grow your</p>
                                <h1>Crop with our</h1>
                                <h2>fine seeds</h2>
                            </div>
						</div>
					</div>-->
					
					<!--<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1">
						<div class="sl-slide-inner">
							<div class="bg-img bg-img-5"></div>
							<div class="info">
                            	<p>Grow your</p>
                                <h1>Crop with our</h1>
                                <h2>fine seeds</h2>
                            </div>
						</div>
					</div>-->
				</div><!-- /sl-slider -->
                
                <nav id="nav-arrows" class="nav-arrows">
					<span class="nav-arrow-prev">Previous</span>
					<span class="nav-arrow-next">Next</span>
				</nav>

				<nav id="nav-dots" class="nav-dots">
					<span class="nav-dot-current"></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
				</nav>

			</div><!-- /slider-wrapper -->
	</div><!--END: Intro-->   
    <div id="content">
      @if(isset($products) && !empty($products))
        <div class="our-products text-center">
            <div class="container">
                <h2 class="hd-h2">@lang('messages.our_products')</h2>
                <p class="text">@lang('messages.our_products_blurb')</p>         
                <ul class="row">
                  @foreach($products as $product)
                    <li class="col-lg-3 col-md-6 hoverline">
                        <div class="boxhover">
                            
                          @if(isset($product->image) && !empty($product->image)) 
                            <figure><img src="{{ url('storage/upload/products_images/'.$product->image) }}" alt="@if(isset($product->product_descriptions[0]->title)){{$product->product_descriptions[0]->title}} @else @lang('messages.product_details') @endif" class="img-responsive" /></figure>
                          @else 
                            <figure><img src="/img/chilli.jpg" width="220" height="128" alt="Chilli" class="img-responsive" /></figure>   
                          @endif

                            <h3>@if(isset($product->product_descriptions[0]->title)){{$product->product_descriptions[0]->title}}@endif</h3>
                            <p>@if(isset($product->product_descriptions[0]->short_description)){!! $product->product_descriptions[0]->short_description !!}@endif</p>
                            <a href="{{ route('product_details', $product->url_alias)}}" class="btn-setting btn-hvr-setting-main btn-pink btn-hvr">Read More
                              <span class="btn-hvr-setting btn-hvr-yellow">
                                <span class="btn-hvr-setting-inner">
                                  <span class="btn-hvr-effect"></span>
                                  <span class="btn-hvr-effect"></span>
                                  <span class="btn-hvr-effect"></span>
                                  <span class="btn-hvr-effect"></span>
                                </span>
                              </span>
                            </a>
                        </div>
                    </li>
                  @endforeach
                </ul>
            </div>
        </div><!--END: Our Products--> 
        @endif

        @if(isset($details->cms_descriptions[0]->content) && !empty($details->cms_descriptions[0]->content))
          {!! $details->cms_descriptions[0]->content !!}
        @endif
        
        <div class="growing-products">
            <div class="container">
                <figure class="hover-effect"><img src="/img/growing-product-img.jpg" width="581" height="663" alt="Growing Product" class="img-responsive" /> <figcaption><em>40 @lang('messages.years')</em> <span class="text-uppercase">@lang('messages.experience')</span></figcaption></figure>
                <div class="box">                   
                    <h2 class="hd-h2"><span>@lang('messages.fresh_products')</span> @lang('messages.growing_products')</h2> 
                    <p class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam nibh. Nunc varius facilisis eros. Sed erat. In in velit quis arcu ornare laoreet. Curabitur adipiscing luctus massa. Integer ut purus ac augue commodo commodo.</p>
                    <h3>@lang('messages.agriculture') <span class="progress-count">60%</span></h3>
                    <div class="progress">
                      <div class="progress-bar bg-success" style="width:60%"></div>
                    </div>
                    
                    <h3>@lang('messages.organic') <span class="progress-count">90%</span></h3>
                    <div class="progress">
                      <div class="progress-bar bg-success" style="width:90%"></div>
                    </div>                                      
                </div>
            </div>
        </div><!--END: Growing Products--> 
        
        <div class="news text-center">
            <div class="container">
                <h2 class="hd-h2"><span>@lang('messages.recent_blog_text')</span> @lang('messages.blog_heading')</h2>         
                <ul class="row">
                    @foreach($recent_posts as $post)
                    <li class="col-md-4">
                      @if(isset($post['image']) && !empty($post['image']))
                        <figure class="hover-effect scaling-up"><img src="{{$post['image']}}" width="370" height="309" alt="Blog Post 1" class="img-responsive" />
                      @else
                        <figure class="hover-effect scaling-up"><img src="/img/blog-img1.jpg" width="370" height="309" alt="Blog Post 1" class="img-responsive" />
                      @endif
                       <span class="entry-date">{{date("d M Y", strtotime($post['post_date']))}}</span></figure>                         
                        <div class="box">
                            <span class="entry-meta"><span><i class="fa fa-user"></i> <a href="#">Admin</a></span> <span><i class="fa fa-comments"></i> Comments</span></span>
                            
                            <h3>{{$post['title']}}</h3>
                            <p>{{ strip_tags($post['description']) }}</p>                            
                            <a href="{{$post['link']}}" class="btn-setting btn-hvr-setting-main btn-pink btn-hvr">@lang('messages.read_more')
                              <span class="btn-hvr-setting btn-hvr-yellow">
                                <span class="btn-hvr-setting-inner">
                                  <span class="btn-hvr-effect"></span>
                                  <span class="btn-hvr-effect"></span>
                                  <span class="btn-hvr-effect"></span>
                                  <span class="btn-hvr-effect"></span>
                                </span>
                              </span>
                            </a>
                             
                        </div>              
                    </li> 
                    @endforeach                                    
                </ul>
                
            </div>
        </div><!--END: News & Article-->
        
    </div><!--END: Content-->
    
@endsection