@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" data-aos="fade-right">
  <div class="row pt-lg-5">
    <div class="col-12 col-lg-8 order-lg-12"> 
        @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 order-lg-1 pt-5">
        <p>
            @if (isset($product->thumb) && $product->thumb!="" && 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>{!! $product->title !!}</p>
      {!! $product->content !!}
    </div>
  </div>
    <div class="row mt-lg-5 pt-lg-5">
        @if (isset($product->gallery) && sizeof($product->gallery)>0)
            @foreach ($product->gallery as $gallery)
                @if (isset($gallery["filename"]) && $gallery["filename"]!="" && file_exists(config('config.config_pathUpload').'/products/'.$product->pathFile.'/'.$gallery["filename"]))
                    <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url(config('config.config_pathUpload').'/products/'.$product->pathFile.'/'.$gallery["filename"]) }}" class="img-fluid" alt=""/><p>{!! $gallery["title"] !!}</p></div>
                @endif                
            @endforeach
        @endif
        {{-- <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n1.jpg') }}" class="img-fluid" alt=""/><p>Mix Durian pillow</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n2.jpg') }}" class="img-fluid" alt=""/><p>Massage pillow</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n3.jpg') }}" class="img-fluid" alt=""/><p>Kid pillows</p></div>        
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n5.jpg') }}" class="img-fluid" alt=""/><p>Durian pillow</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n6.jpg') }}" class="img-fluid" alt=""/><p>Heart pillow</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n7.jpg') }}" class="img-fluid" alt=""/><p>Baby Set A</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n4.jpg') }}" class="img-fluid" alt=""/><p>Baby Set B</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n8.jpg') }}" class="img-fluid" alt=""/><p>Scarf Pillows</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n9.jpg') }}" class="img-fluid" alt=""/><p>Topper</p></div> --}}
    </div>
</div>

@stop

@section('page_script')
@stop