@extends('layouts.front.main')
@section('page_title','Product')

@section('breadcrumb_title')
  <li class="breadcrumb-item active" aria-current="page"><a href="{{ url('/product') }}">PRODUCT</a></li>
@stop

@section('page_style')
@stop

@section('content')

<div class="container">
  @if (isset($products) && sizeof($products)>0)
    @foreach ($products as $index=>$product)
      @if ($index%2==0)
        <div class="row mt-5 pt-lg-5" data-aos="fade-up">
            <div class="col-12 col-lg-4">
                <p class="text-center">
                    @if (isset($product->logo) && $product->logo!="" && file_exists(config('config.config_pathUpload').'/products/'.$product->pathFile.'/'.$product->logo))
                      <img src="{{ url(config('config.config_pathUpload').'/products/'.$product->pathFile.'/'.$product->logo) }}" class="img-fluid" alt=""/>
                    @endif
                </p>
                <p class="text-center">{!! $product->title !!} </p>
                {!! $product->content !!}
                <div><a href="{{ url('product/detail/'.$product->id) }}" class="btn btn-outline-warning btn-lg btn-block text-center">VIEW MORE</a></div>
              </div>
              <div class="col-12 col-lg-8"> 
                  @if (isset($product->thumb) && $product->thumb!="" && file_exists(config('config.config_pathUpload').'/products/'.$product->pathFile.'/'.$product->thumb))
                    <img src="{{ url(config('config.config_pathUpload').'/products/'.$product->pathFile.'/'.$product->thumb) }}" class="img-fluid" alt=""/>
                  @endif
              </div>
        </div>
      @else
        <div class="row mt-5 pt-lg-5" data-aos="fade-up">
            <div class="col-12 col-lg-8"> 
                @if (isset($product->thumb) && $product->thumb!="" && file_exists(config('config.config_pathUpload').'/products/'.$product->pathFile.'/'.$product->thumb))
                  <img src="{{ url(config('config.config_pathUpload').'/products/'.$product->pathFile.'/'.$product->thumb) }}" class="img-fluid" alt=""/>
                @endif
            </div>
            <div class="col-12 col-lg-4 pt-5">
              <p class="text-center">
                  @if (isset($product->logo) && $product->logo!="" && file_exists(config('config.config_pathUpload').'/products/'.$product->pathFile.'/'.$product->logo))
                    <img src="{{ url(config('config.config_pathUpload').'/products/'.$product->pathFile.'/'.$product->logo) }}" class="img-fluid" alt=""/>
                  @endif
              </p>
              <p class="text-center">{!! $product->title !!} </p>
                {!! $product->content !!}
              <div><a href="{{ url('product/detail/'.$product->id) }}" class="btn btn-outline-warning btn-lg btn-block text-center">VIEW MORE</a></div>
            </div>
        </div>
      @endif
    @endforeach
  @endif
  {{-- <div class="row mt-5 pt-lg-5" data-aos="fade-up">
      <div class="col-12 col-lg-4">
          <p class="text-center"><img src="{{ url('dist/img/logo-thonghom.jpg') }}" class="img-fluid" alt=""/></p>
          <p class="text-center">Food 100%Natural Product </p>
          <ul>
            <li>High quality of raw materials.</li>
            <li>Good quality.</li>
            <li>Great taste.</li>
            <li>No artifical color or flavor adde.</li>
          </ul>
          <div><a href="{{ url('product/thonghom') }}" class="btn btn-outline-warning btn-lg btn-block text-center">VIEW MORE</a></div>
        </div>
        <div class="col-12 col-lg-8"> <img src="{{ url('dist/img/product-05.jpg') }}" class="img-fluid" alt=""/> </div>
  </div>
  <div class="row mt-5 pt-lg-5" data-aos="fade-up">
    <div class="col-12 col-lg-8"> <img src="{{ url('dist/img/product-04.jpg') }}" class="img-fluid" alt=""/> </div>
    <div class="col-12 col-lg-4 pt-5">
      <p class="text-center"><img src="{{ url('dist/img/logo-naturezz.png') }}" class="img-fluid" alt=""/></p>
      <p>"Authentic Natural Therapy” To sleep deeply, your body needs complete relaxation</p>
      <p>Latex foam breathes better than any kind of foam and because of this will stay extraordinarily cool</p>
      <div><a href="{{ url('product/naturezz') }}" class="btn btn-outline-warning btn-lg btn-block text-center">VIEW MORE</a></div>
    </div>

    
</div> --}}

@stop

@section('page_script')
@stop