@extends('layouts.pages')

@section('content')
<div id="app">
    <div class="container">
        <div class="row">
            <div class="col-md-9 col-sm-12 article-area col-xs-12">
                <h1 class="home-title">{!!$zipcodeData[0]->Region!!}{!!$zipcodeData[0]->Town!!}民宿詳細資訊及社群評論</h1>
                @foreach($zipcodeData as $hotel)
                    <div class="article-list">
                        <div class="name">
                            <a href="/hotel/{{$hotel->id}}">
                                <b>#{!! $hotel->Name !!}</b>
                            </a>
                        </div>
                        <div class="card-list">
                        @if(!empty($hotel->posts))
                            @foreach($hotel->posts as $key=>$post)
                                @if($key <= 2)
                                    <div class="card">
                                        <a href="/post/{{$post->id}}">
                                            <div class="card_header">
                                                <img src="https://picsum.photos/seed/urtag{{$post->id}}/300/300?blur=2" alt="{!!$post->title!!}">
                                            </div>
                                            <div class="card_content">
                                            <h3>{!!$post->title!!}</h3>
                                            <p>{!!$post->desc!!}</p>
                                            @if(!empty($post->created_at))
                                                <p class="author"><time itemprop="datePublished" datetime="{!!date('Y-m-d H:i:s',strtotime($post->created_at))!!}">發布日期：{!!date("Y年m月d日",strtotime($post->created_at))!!}</time></p>
                                            @endif
                                            </div>
                                        </a>
                                    </div>
                                @endif
                            @endforeach
                        @endif
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="col-md-3 col-sm-12 col-xs-12">
                <div class="category" >
                    @foreach($hotelAllRegion->groupBy('Region') as $region=>$regionData)
                    <div class="card">
                        <div class="card-header">
                            @if(!empty($region) && $regionData->count()>0)
                                <div class="mb-0">
                                    #{!!$region!!}({!!$regionData->count()!!})
                                </div>
                            @endif
                        </div>
                        <div class="collapse show">
                            <div class="card-body">
                                @foreach($regionData->groupBy('Zipcode') as $zipcode=>$zipcodeData)
                                    @if(!empty($zipcode) && $zipcodeData->count()>0)
                                        <a href="/zipcode/{!!$zipcode!!}">{!!$zipcodeData->first()->Town!!}({!!$zipcodeData->count()!!})</a>
                                    @endif
                                @endforeach
                            </div>
                        </div>

                    </div>
                    @endforeach
                </div>

            </div>
        </div>
    </div>
</div>
{{ csrf_field() }}
@endsection


@push('stylesheet')
@endpush
@push('scripts')
@endpush