@extends('layouts.pages')

@section('content')
<div id="app">
    <div class="container">
        <div class="row post_area">
            <div class="col-md-8 col-sm-12 f col-xs-12">
                <h1>{{ $info->Name }}</h1>
                <ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
                    <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                        <a itemprop="item" href="/">
                            <span itemprop="name">首頁</span></a>
                        <meta itemprop="position" content="1" />
                    </li>
                    <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                        <a itemprop="item" href="/zipcode/{{$info->Zipcode}}">
                        <span itemprop="name">{{$info->Region}}{{$info->Town}}的民宿</span></a>
                        <meta itemprop="position" content="2" />
                    </li>
                    <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                        <a class="active" itemprop="item" href="/hotel/{{$info->id}}">
                        <b><span itemprop="name">{{$info->Name}}</span></b></a>
                        <meta itemprop="position" content="3" />
                    </li>
                </ol>
                <div class="hotel_info">
                    @if(!empty($info->Description))
                        <div class="info_list">
                            <span class="icon fas fa-street-view"></span>{!!$info->Description!!}
                        </div>
                    @endif
                    @if(!empty($info->Gov))
                        <div class="info_list">
                            <span class="icon fas fa-barcode"></span>立案編號: {!!$info->Gov!!}
                        </div>
                    @endif
                    @if(!empty($info->Class))
                        <div class="info_list">
                            <span class="icon fas fa-medal"></span>星級:
                        @for($i = 1; $i <= $info->Class; $i++)
                            <span class="fa fa-star checked"></span>
                        @endfor
                        @for($i = 1; $i <= 5-$info->Class;$i++)
                            <span class="fa fa-star"></span>
                        @endfor
                        </div>
                    @endif
                    @if(!empty($info->Tel))
                        <div class="info_list">
                            <span class="icon fa fa-phone-volume"></span>電話: {!!$info->Tel!!}
                        </div>
                    @endif
                    @if(!empty($info->Parkinginfo))
                        <div class="info_list">
                        <span class="icon fas fa-parking"></span>停車資訊: {!!$info->Parkinginfo!!}</div>
                    @endif
                    @if(!empty($info->Spec))
                        <div class="info_list">
                        <span class="icon fas fa-dollar-sign"></span>房型價格: {!!$info->Spec!!}</div>
                    @endif
                    @if(!empty($info->Serviceinfo))
                        <div class="info_list">
                        <i class="icon fas fa-concierge-bell"></i>提供服務: {!!implode(",",array_filter(explode(",",strip_tags($info->Serviceinfo)),'strlen'))!!}</div>
                    @endif
                    @if(!empty($info->TotalNumberofRooms))
                        <div class="info_list"><i class="icon fas fa-bed"></i> 房間數: {!!$info->TotalNumberofRooms!!}</div>
                    @endif
                    @if(!empty($info->TotalNumberofPeople))
                        <div class="info_list"><i class="icon fas fa-user-friends"></i>最大人數: {!!$info->TotalNumberofPeople!!}</div>
                    @endif
                    @if(!empty($info->LowestPrice) && !empty($info->CeilingPrice))
                        <div class="info_list">
                            <i class="icon fas fa-hand-holding-usd"></i>
                            價格區間: {!!$info->LowestPrice!!}~{!!$info->CeilingPrice!!}</div>
                    @endif
                    @if(!empty($info->Website))
                        <div class="info_list">
                            <i class="icon fab fa-internet-explorer"></i>官方網站: <a target="_blank" href="{!!$info->Website!!}">{!!$info->Website!!}</a></div>
                    @endif
                    <div class="img_list">
                        <div  class="img_area">
                        @if(!empty($info->Picture1) && !empty($info->Picdescribe1))
                            <img src="{!!$info->Picture1!!}" alt="{!!$info->Picdescribe1!!}">
                        @endif
                        </div>
                        <div  class="img_area">
                        @if(!empty($info->Picture2) && !empty($info->Picdescribe2))
                            <img src="{!!$info->Picture2!!}" alt="{!!$info->Picdescribe2!!}">
                        @endif
                        </div>
                        <div  class="img_area">
                        @if(!empty($info->Picture3) && !empty($info->Picdescribe3))
                            <img src="{!!$info->Picture3!!}" alt="{!!$info->Picdescribe3!!}">
                        @endif
                        </div>
                    </div>
                </div>
                @if(!empty($info->Px) && !empty($info->Py))
                    <div class="map" style="width:100%; height:280px">
                        <iframe width="100%" height="100%" frameborder="0" style="border:0" src="https://maps.google.com/maps?q={!!$info->Py!!},{!!$info->Px!!}&t=&z=13&ie=UTF8&iwloc=&output=embed" allowfullscreen></iframe>
                    </div>
                @endif
                @if(!empty($posts))
                    <h2>關於{{ $info->Name }}的社群資訊</h2>
                    @foreach($posts as $post)
                        <div class="each-post">
                            <div >
                                <a href="/post/{{$post->id}}"><img src="https://picsum.photos/seed/urtag{{$post->id}}/300/300?blur=2" alt=""></a>
                            </div>
                            <div class="post-info">
                                <a href="/post/{{$post->id}}"><h3>{{$post->title}}</h3></a>
                                <p>{{mb_substr($post->desc,0,300,"utf-8")}}...</p>
                            </div>
                        </div>
                    @endforeach
                    <div class="pagnation">
                        @if(!empty($paginator))
                            {{ $paginator->links() }}
                        @endif
                    </div>
                    @endif
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                @if(!empty($relateKeyWords))
                <div class="tags-area">
                    <h4>{{ $info->Name }}相關關鍵字</h4>
                    @foreach($relateKeyWords as $kid=>$keyword)
                        <span><a href="/look/{{$kid}}" class="tags">#{{$keyword}}</a></span>
                    @endforeach
                </div>
                @endif
                @if(!empty($keywordData) && $keywordData->count() > 0)
                <div class="keyword-data-area">
                    <h4>搜尋相關結果都幫你找好了</h4>
                    @foreach($keywordData as $oneData)
                        <div class="each">
                            @if(!empty($oneData->result))
                                <a href="/result/{{$oneData->id}}">
                            @endif
                                <h3>{{$oneData->title}}</h3>
                            @if(!empty($oneData->result))
                                </a>
                            @endif
                            @if(!empty($oneData->result))
                                <a class="keyword-data-url" href="/result/{{$oneData->id}}">{{mb_substr(urldecode($oneData->url),0,80,"utf-8")}}...</a>
                            @else
                                <a class="keyword-data-url" rel="nofollow" target="_blank" href="{{$oneData->url}}">{{mb_substr(urldecode($oneData->url),0,80,"utf-8")}}...</a>
                            @endif
                            <p>{{$oneData->description}}</p>
                        </div>
                    @endforeach
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
{{ csrf_field() }}
@endsection


@push('stylesheet')
<style>
.checked {
    color: orange;
}
</style>
@endpush
@push('scripts')
@endpush