@extends('public_layouts.layout')
@section('title', $product->title)
@section('description', '')
@section('seo')
@section('content')

<div id="site-main" class="site-main">
    <div id="main-content" class="main-content">
        <div id="primary" class="content-area">
            <div id="title" class="page-title">
                <img class="page-title__bg" src="{{ locale_storage('images/'. $banners['product']) }}" alt="作品展示背景圖">
                <div class="section-container">
                    <div class="content-title-heading">
                        <h1 class="text-title-heading">
                            作品展示	
                        </h1>
                    </div>
                </div>
            </div>
            <div id="content" class="site-content" role="main">
                <div class="section-padding p-t-70 p-b-70">
                    <div class="section-container p-l-r">
                        <div class="post-details no-sidebar">
                            <div class="row align-items-center"> 
                                <!-- 左側圖片 -->
                                <div class="col-md-5 col-xs-12">
                                    <div class="post-image">
                                        @if(isset($product->image[0]))
                                        <img src="{{locale_storage('images/'.$product->image[0])}}" alt="{{$product->title}}">
                                        @else
                                        <img src="{{asset('assets/default-image.jpg')}}" alt="{{$product->title}}">
                                        @endif
                                    </div>
                                </div>

                                <!-- 右側文字 -->
                                <div class="col-md-7 col-xs-12">
                                    <div class="post-text-wrap">
                                        <h2 class="post-title">
                                            {{$product->title}}
                                        </h2>
                                        <div class="post-content clearfix">
                                            <p>
                                                {!!$product->content!!}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div> 
                        </div>
                    </div>
                </div>
            </div>
            <!-- #content -->
        </div><!-- #primary -->
    </div><!-- #main-content -->
</div>

@endsection