@php
    $hero = get_field('hero');
    $featured_article = TemplateHomepage::featured_article();
    $layout_type = get_field('home_layout')['home_feed_type'];
@endphp

@if ($hero)
    <div class="homepage-hero">
        {!! wp_get_attachment_image($hero['hero_image'], 'full') !!}
        <div class="homepage-hero_content">
            @if ($hero['hero_text'])
                <h2>{!! $hero['hero_text'] !!}</h2>
            @endif
            @if ($hero['hero_cta'])
                <a class="btn btn-solid" href="{{ $hero['hero_cta']['url'] }}">{!! $hero['hero_cta']['title'] !!}</a>
            @endif
        </div>
    </div>
@endif

@include('partials.cat-menu')

@if ($featured_article !== false)
    @switch($featured_article['type'])
        @case('last_featured')
        @case('specific_article')
            @include('partials.featured-post', ['ID' => $featured_article['post']])
            @break
        @case('custom_content')
            <section class="featured-post">
                <div class="grid-container full">
                    <div class="grid-x grid-margin-x grid-margin-y align-bottom">
                        <div class="cell large-4">
                            <h2 class="big-copy"><a href="{{$featured_article['post']['link']}}">{!! $featured_article['post']['title'] !!}</a></h2>
                            <p class="post-excerpt small-copy">
                                 {!! $featured_article['post']['description'] !!}
                            </p>
                        </div>
                        @if ($featured_article['post']['image'])
                            <div class="cell large-8">
                                <a data-router-disabled href="{{$featured_article['post']['link']}}">
                                    <figure>
                                        {!! wp_get_attachment_image($featured_article['post']['image'], 'large') !!}
                                    </figure>
                                </a>
                            </div>
                        @endif
                    </div>
                </div>
            </section>
            @break
        @default

    @endswitch
@endif

<section class="homepage-posts-grid">
    <div class="grid-x grid-margin-x grid-margin-y">
        <div class="cell large-9">
            @switch($layout_type)
                @case('selection')
                    @include('partials.home-layout-custom')
                    @break
                @default
                    @include('partials.home-layout-automatic')
            @endswitch
        </div>
        <div class="cell large-2">
            <aside class="homepage-sidebar">
                <div class="post-sidebar">
                    @php
                        $current_issue = App::last_issue();
                        $current_issue_product = wc_get_product( $current_issue);
                    @endphp
                    <div class="post-sidebar__currentissue {{App::stock_status($current_issue_product)}}">
                        <span class="homepage-sidebar__tile">{!! __('Current Issue', 'icarus') !!}</span>
                        <div class="cover-wrapper">
                            <div class="cover">
                                <a href="{{get_the_permalink($current_issue_product->get_id())}}">
                                    <figure class="product-image">
                                       {!! $current_issue_product->get_image() !!}
                                    </figure>
                                </a>
                            </div>
                            <div class="outofstock-overlay">
                                {!! __('Sold out', 'icarus') !!}
                            </div>
                        </div>
                        <div class="product-info">
                            @if ($current_issue_product->is_type('variable'))
                                <div class="product-variations">
                                    @foreach (App::get_variations($current_issue_product) as $variation)
                                        <div class="product-info @if(!$variation['instock'])no-stock @endif">
                                            <a data-router-disabled noprefetch class="addToCartButton circle circle-green" data-productid="{{$variation['id']}}" href="{{ home_url('/') }}cart/?add-to-cart={{$variation['id']}}" title="{!! __('Add to Cart', 'icarus') !!}">
                                                <span class="plus">
                                                    @include('svg.plus')
                                                </span>
                                            </a>
                                            <span class="i-n">
                                                <a href="{{get_the_permalink($current_issue_product->get_id())}}">
                                                    {!! $variation['name'] !!}
                                                    @if(!$variation['instock'])
                                                    <span class="soldout">sold out</span>
                                                    @endif
                                                </a>
                                            </span>
                                            {!! $variation['regular_price'] !!}
                                        </div>
                                    @endforeach
                                </div>
                            @else
                                <a data-router-disabled class="addToCartButton circle circle-green" data-productid="{{$current_issue_product->get_id()}}" href="{{ home_url('/') }}cart/?add-to-cart={{$current_issue_product->get_id()}}" title="{!! __('Add to Cart', 'icarus') !!}">
                                    <span class="plus">
                                        @include('svg.plus')
                                    </span>
                                </a>
                                <span class="i-n"><a href="{{get_the_permalink($current_issue_product->get_id())}}">{!! __('Number', 'icarus') !!} {!! get_field('issue_number', $current_issue_product->get_id() ) !!}</a></span>
                                {!! wc_price($current_issue_product->get_price()) !!}
                            @endif
                        </div>
                    </div>
                </div>

                {{-- Instagram Feed --}}
                <!-- <div id="instagramFeed">
                    <span class="homepage-sidebar__tile">Follow on Instagram</span>
                    <div class="instagram-post">
                        <a target="_blank" href="#">
                            <img src="#" alt="">
                        </a>
                    </div>
                    <div class="instagram-post">
                        <a target="_blank" href="#">
                            <img src="#" alt="">
                        </a>
                    </div>
                    <div class="instagram-post">
                        <a target="_blank" href="#">
                            <img src="#" alt="">
                        </a>
                    </div>
                    <a target="_blank" class="instagram-follow" href="https://www.instagram.com/icaruscomplexmagazine/">follow @icaruscomplexmagazine</a>
                </div> -->

                @if (!empty(TemplateHomepage::popular_articles()))
                    <div class="homepage-sidebar__popular" style="margin-top:48px;">
                        <span class="homepage-sidebar__tile">{!! __('Most popular', 'icarus') !!}</span>
                        <ul>
                            @foreach (TemplateHomepage::popular_articles() as $popular)
                                <li>
                                    @php
                                        $post_cat = get_the_terms($popular, 'category');
                                    @endphp
                                    @if ($post_cat)
                                        <div class="post-cats">
                                            @foreach ($post_cat as $cat)
                                                <span><a href="{{ get_term_link($cat) }}">{!! $cat->name !!}</a></span>
                                            @endforeach
                                        </div>
                                    @endif
                                    <a href="{{get_the_permalink($popular)}}">{!! get_the_title($popular) !!}</a>
                                    <p>{!! App::limit_excerpt($popular, 20) !!}</p>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <div class="homepage-sidebar__database">
                    <span class="homepage-sidebar__tile">{!! __('Browser Database', 'icarus') !!}</span>
                    <ul>
                        @foreach (App::terms(get_field('sidebar_database_category')) as $category)
                            <li><a href="{{get_post_type_archive_link('icarus_database')}}?id={{$category->term_id}}">{!! $category->name !!}</a></li>
                        @endforeach
                        <li><a href="{{get_post_type_archive_link('icarus_database')}}">{!! __('View all', 'icarus') !!}</a></li>
                    </ul>
                </div>
            </aside>
        </div>
    </div>
</section>