@extends('layout.front')

@section('css_page_level')
@endsection
@section('page-content')
            <!-- CONTENT -->
            <div class="wrap-fluid" id="paper-bg">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="box">
                            <div class="box-header">
                                <!-- tools box -->
                                <div class="pull-right box-tools">
                                </div>
                                <h3 class="box-title"><i class="fontello-doc"></i>
                                    <span>社區景點</span>
                                </h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body">

						<div class="box-body">
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <tbody>
                                            @foreach($spots as $one)
                                            <tr>
                                                <td style="width:30%;">
													@if($one->cover_img != '')
														<a href="{{ route('website::spot_view',['id'=> $one->id]) }}"><img alt="" src="{{$one->cover_img}}" width="100%"></a>
													@else
														<a href="{{ route('website::spot_view',['id'=> $one->id]) }}"><img alt="" src="http://placehold.it/320x200" width="100%"></a>
													@endif
                                                </td>
                                                <td>
                                                    <p>
                                                        <strong style="font-size:20px;"><a href="{{ route('website::spot_view',['id'=> $one->id]) }}">{{$one->title}}</a></strong>
                                                        <p style="font-size:15px;">{{ $one->introduce }}</p>
                                                    </p>
                                                </td>
                                                <td>
                                                    <div class="pull-right" width="20%" style="white-space: nowrap;">
                                                        <small class="pull-right">{{ $one->created_at }}
                                                        </small>
                                                    </div>
                                                </td>
                                            </tr>

                                            @endforeach
                                            @if($spots->count() == 0)
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="alert alert-warning" style="margin:20px;">
                                                        <button data-dismiss="alert" class="close" type="button">×</button>
                                                        <span class="entypo-cancel-circled"></span>
                                                        <strong>很抱歉!</strong>&nbsp;&nbsp;目前尚未有社區景點。
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                        </tbody>
                                    </table>
                                    {!! $spots->render() !!}
                                </div>
								
                        <!-- /.box -->
                    </div>
					
							</div>
						</div>
					</div>
				</div>
            </div>
            <!-- #/paper bg -->
@endsection