@extends('main')
@section('styles')

@endsection
@section('page-title')
	<section class="navigation">
    <div class="breadcrumbs-wrap">
      <div class="container clearfix">
        <div class="row">
          <div class="col-md-12">
            <h2>
              {{ __('Products') }}
            </h2>
            <ul class="breadcrumbs ul--inline ul--no-style">
              <li>
                <a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
              </li>
              <span>/</span>
              <li class="active">
                {{ __('Products') }}
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection
@section('content')
	<div class="org_product_wrapper clv_section">
	  <div class="container">
	    <div class="row justify-content-center">
	      <div class="col-lg-6 col-md-6">
	        <div class="clv_heading">
	          <h3>{!! __('Our products') !!}</h3>
	          <div class="clv_underline"><img src="{!! asset('images/org_underline2.png') !!}" alt="image" /></div>
	        </div>
	      </div>
	    </div>
	    <div class="org_product_section">
	      <div class="row">
	        @foreach ($products as $key => $product)
	          <div class="col-md-4">
	            <div class="org_product_block">
	              @if ($product->offer)
	                <span class="product_label">{!! $product->getPercentAttribute() !!}% </span>
	              @endif
	              <div class="org_product_image">
	                <a href="{{ Route('mobily.product.show',[$product->category->slug,$product->slug]) }}">
	                  <img src="{!! asset($product->image_url) !!}" alt="{!! $product->title !!}" />
	                </a>
	              </div>
	              <h4>
	                <a href="{{ Route('mobily.product.show',[$product->category->slug,$product->slug]) }}">
	                  {!! $product->title !!}
	                </a>
	              </h4>
	              <h3 class="price">
	                {!! $product->price2 !!} <span>{!! __('EGP') !!}</span>
	              </h3>
	              <a href="javascript:;" class="add-to-cart">{!! __('Order Now') !!}</a>
	            </div>
	          </div>
	        @endforeach
	      </div>
	      <div class="load_more_btn"><a href="javascript:;" class="clv_btn">{!! asset('More') !!}</a></div>
	    </div>
	  </div>
	</div>


@endsection
@section('scripts')
	{!! Html::script(Theme::current()->assetPath.'/prettyPhoto/js/jquery.prettyPhoto.min.js') !!}
	<script type="text/javascript">
	jQuery(document).ready(function($){
		$("a[rel^='prettyPhoto']").prettyPhoto({social_tools:''});
	});
	</script>
@endsection