@extends('layouts/full')

@section('title')
    {{ $page->title }}
@endsection

@section('page_class')news_post post_container @endsection

{{-- @section('breadcrumb')
    <ul class="bread_crumb">
        <li><a title="Home" href="/">Home</a></li>
        <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
        <li><a title="NH Gooi" href="{{route('contact')}}">NH Gooi</a></li>
        <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
        <li>Neem contact op</li>
    </ul>
@endsection
 --}}
@section('content')

<div class="post_body">
    <ul class="post_details clearfix">
        <li class="detail date">
            <i class="fa-regular fa-clock"></i>
            {{Formatter::relativeDate($page->published)}} om {{$page->published->format('H:i')}}
            @if($page->edited && ($page->edited->format('d m H i') != $page->published->format('d m H i')))
                | bijgewerkt:
                @if($page->edited->format('d m') != $page->published->format('d m'))
                {{strtolower(Formatter::relativeDate($page->edited))}}
                @endif
                om {{$page->edited->format('H:i')}} uur
            @endif
        </li>
        {{-- @if($page->author)
        <li class="detail author"><i class="fa-solid fa-pen"></i> {{$page->author}}</li>
        @endif --}}
    </ul>


    <div class="post_content clearfix">
        <div class="content_box">
            @if($page->images)
                @if(count($page->images) == 1)
                <div class="post_image_box">
                    <a href="{{$imgBase . $page->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto" title="{{$page->images[0]->title}}">
                        <img src='{{$imgBase . $page->images[0]->url}}' alt='{{$page->images[0]->title}}'>
                    </a>
                    <div class="sentence">
                        <span class="text">{{$page->images[0]->title}}</span>
                        @if(isset($page->images[0]->author))
                            <span class="author">{{$page->images[0]->author}}</span>
                        @endif
                    </div>
                </div>
                @else
                <div class="horizontal_carousel_container thin page_margin_top gallery_control">
                    <ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
                        @foreach($page->images as $image)
                        <li>
                            <a href="#"><img src='{{$imgBase . $image->url}}'></a>
                        </li>
                        @endforeach
                    </ul>
                </div>
                <div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
                    <ul id="post-gallery" class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
                    @foreach($page->images as $image)
                        <li>
                            <a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
                                <span class="icon fullscreen animated"></span>
                                <img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
                            </a>
                        </li>
                    </ul>
                    @endforeach
                </div>
                @endif
            @endif

            <div class="text">
                <p>{!!$page->content!!}</p>
            </div>
            
            <div class="share_buttons row">
                <div class="col-12 col-md-auto">
                    <a data-share="native" href="javascript:void(0)" class="btn">
                        <i class="fa-solid fa-share"></i>
                        Delen
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection