@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="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <tbody>
                                            @foreach($stores as $one)
                                            <tr>
                                                <td style="width:30%;">
													@if($one->cover_img != '')
														<a href="{{ route('website::store_view',['id'=> $one->id]) }}"><img alt="" src="{{$one->cover_img}}" width="100%"></a>
													@else
														<a href="{{ route('website::store_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::store_view',['id'=> $one->id]) }}">{{$one->title}}</a></strong>
                                                        <p style="font-size:15px;">營業項目：{{ $one->bus_area }}</p>
                                                        <p style="font-size:15px;">簡介：{{ str_limit( strip_tags($one->content) , 30) }}</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($stores->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>
                                    {!! $stores->render() !!}
                                </div>
                            <!--
                            <div class="box-body">
                                <div class="row text-center">
                                <!--尚未做查詢功能 by Ting
                                    <table class="table table-hover">
                                     <tbody>
                                        <form id="form1" name="form1" method="get" action="">
                                            <tr>
                                                 <td style="width:5%"><h4><div class="label label-info">優惠&nbsp;Search</div><h4></td>
                                                 <td style="width:85%"><input name="key" type="text" id="key" class="form-control" value="" /></td>
                                                 <td style="width:10%"><input type="submit" name="query2" class="btn bg-navy" value="查詢" /></td>
                                            </tr>
                                        </form>
                                    </table>
                                        
                                        <form id="form2" name="form2" method="get" action="">
                                            <table class="table table-hover">
                                             <tr>
                                                 <td style="width:5%"><h4><div class="label label-info">優惠&nbsp;Search</div><h4></td>
                                                 <td style="width:8%">&nbsp;開始時間：
                                                     <td style="width:27%"><input name="img_date_s" type="text" id="img_date_s" value="" class="form-control" onFocus="WdatePicker()"/></td>
                                                     <td style="width:1%">至</td>
                                                     <td style="width:27%"><input name="img_date_e" type="text" id="img_date_e" value="" class="form-control" onFocus="WdatePicker()"/></td>
                                                     <td style="width:22%" id="typeList"><input type="hidden" name="img_type" id="img_type" />
                                                         <h4><span class="label bg-yellow" onclick="setType('食',this)" style="cursor:pointer" />食</span>
                                                         <span class="label bg-yellow" onclick="setType('衣',this)" style="cursor:pointer" />衣</span>
                                                         <span class="label bg-yellow" onclick="setType('住',this)" style="cursor:pointer" />住</span>
                                                         <span class="label bg-yellow" onclick="setType('行',this)" style="cursor:pointer" />行</span>
                                                         <span class="label bg-yellow" onclick="setType('育',this)" style="cursor:pointer" />育</span>
                                                         <span class="label bg-yellow" onclick="setType('樂',this)" style="cursor:pointer" />樂</span><h4>
                                                     </td>
                                                <td style="width:30%"><input type="submit" name="query" class="btn bg-navy" value="查詢" /></td>
                                             </tr>
                                            </table>
                                        </form>
                                        -->
                                    
    <script>
        function setType(text,obj){
            $("#img_type").val(text);
            $(obj).toggleClass("bg-maroon");
        }
    </script>
    
                                <!-- /.box-body -->
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                    </div>  
                </div>
            </div>
            <!-- #/paper bg -->
@endsection