@extends('layouts.master')

@section('head')
@parent
{{ HTML::style('css/activity.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>
                        <span class="page-desc"></span>
                    </div>

                    <div id="gallery" class="one_column">
                        <ul class="portfolio">
                            @foreach($activities as $activity)
                            <li class="">
                            @if($activity->profolio_path)
                            <span class="image-border">{{ HTML::image($activity->profolio_path) }}<span class="zoom-icon"></span></span>
                            @endif
                            <div class="folio-desc">
                                <h3><a href="{{{action('HomeController@getActivity', $activity->id)}}}">{{{ $activity->title}}}</a></h3>
                                <p class="excerpt">{{{ mb_cut($activity->content, 250)}}}</p>
                                <a href="{{{action('HomeController@getActivity', $activity->id)}}}">閱讀更多...</a>
                            </div>
                            </li>
                            <li class="">
                            @endforeach
                        </ul>
                        <div class="clear"></div>
                    </div> 
                    <div class="pagenavi">
                        {{ $activities->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@getActivityclass', $category->id)}}}" title="{{{$category->title}}}">{{{$category->title}}}</a>
                </li>
                @endforeach
            </ul>
        </div>
    </div>
            </div> 
@stop