@extends('layouts.master')

@section('head')
@parent
{{ HTML::style('css/product.css') }}
@stop

@section('menu')
@parent
@stop

@section('content')
<div class="container_24 primary_content_wrap clearfix">
    <div id="content" class="grid_24">
        <div class="header-title">
            <h1>{{{ $title}}}</h1>
        </div>

        <div id="gallery">
            <ul class="portfolio">
                @foreach($products as $product)
                <li class="">
                    @if($product->img_path)
                    <span class="image-border">
                        <a href="{{{action('HomeController@getProduct', $product->id)}}}" class="image-wrap" title="{{{$product->title}}}的圖片'">{{ HTML::image($product->img_path) }}</a>
                    </span>
                    @endif
                    <div class="folio-desc">
                        <h3><a href="{{{action('HomeController@getProduct', $product->id)}}}">{{{ $product->title}}}</a></h3>
                        <p class="excerpt">{{{ mb_cut( $product->content, 50)}}}</p>
                        <a  href="{{{action('HomeController@getProduct', $product->id)}}}" class="button">查看細項</a>
                    </div>
                </li>
                @endforeach
            </ul>
            <div class="clear"></div>
        </div> 
        <div class="pagenavi">
            {{ $products->links()}}
        </div>

    </div> 
    <div class="content-catalog">
        <div><h3>產品類別</h3> 
            <ul>
                @foreach($categories as $category)
                <li class="cat-item cat-item-1">
                    <a href="{{{action('HomeController@getProductclass', $category->id)}}}" title="{{{ $category->title}}}">{{{ $category->title}}}</a>
                </li>
                @endforeach
            </ul>
        </div>
    </div>
</div>
@stop