{{--
  Title: Content-text
  Description: WYSIWYG for the post & page
  Category: formatting
  Icon: columns
  Keywords: text
  Mode: edit
  Align: left
  PostTypes: page post
  SupportsAlign: full
  SupportsMode: true
  SupportsMultiple: true
  EnqueueStyle:
  EnqueueScript:
  EnqueueAssets:
--}}

@php
    $content = get_field('content');

    $hasDropCap = get_field('has_drop_cap');
    $hasRelatedPost = get_field('has_related_post');

    $category = get_the_category();
    $postID = get_the_id();
    $chooseCategory = get_field('cat_priority', $postID);
    // error_log(json_encode($chooseCategory));
    $finalCategory = $category[0];
    if (!is_null($chooseCategory) && $chooseCategory !== 'no') {
        foreach ($category as $cat) {
            // error_log(json_encode($cat->slug));
            if (strpos($chooseCategory, $cat->slug) !== false){
                $finalCategory = $cat;
                break;
            }
        }
    }
    $category_name = $finalCategory->slug;

    //PEOPLE
    $peopleOrId = get_category_by_slug('people') -> term_id;
    $peopleId = apply_filters( 'wpml_object_id', $peopleOrId, 'category', true );
    $peopleCategory = get_category($peopleId);

    //PLANET
    $planetOrId = get_category_by_slug('planet') -> term_id;
    $planetId = apply_filters( 'wpml_object_id', $planetOrId, 'category', true );
    $planetCategory = get_category($planetId);

    //CHIME
    $chimeOrId = get_category_by_slug('chime') -> term_id;
    $chimeId = apply_filters( 'wpml_object_id', $chimeOrId, 'category', true );
    $chimeCategory = get_category($chimeId);

@endphp

<div class="block-content-text {{ $hasDropCap == true ? "block-content-text--dropCap" : "" }}">
    @if ($category_name == $chimeCategory->slug)
        <div class="block-content-text__content--chime">
    @elseif ($category_name == $peopleCategory->slug)
        <div class="block-content-text__content--people">
    @elseif ($category_name == $planetCategory->slug)
        <div class="block-content-text__content--planet">
    @else
        <div class="block-content-text__content">
    @endif
    
        {!! $content !!}
        
        @if ($category_name == $chimeCategory->slug)
            <div class="block-content-text__separator--chime-for-change">
                <div class="block-content-text__separatorSphere--chime-for-change"></div>
            </div>
        @elseif ($category_name == $peopleCategory->slug)
            <div class="block-content-text__separator--people">
                <div class="block-content-text__separatorSphere--people"></div>
            </div>
        @elseif ($category_name == $planetCategory->slug)
            <div class="block-content-text__separator--planet">
                <div class="block-content-text__separatorSphere--planet"></div>
            </div>
        @endif
    </div>

    @if ($hasRelatedPost)
       @include('partials.contentText-relatedPost', ['postId' => get_field('related_post')])
    @endif

    <script>
        jQuery(function($){
            const checkPlanet = $("div").hasClass("block-content-text__separatorSphere--planet");
            const checkPeople = $("div").hasClass("block-content-text__separatorSphere--people");
            const checkChime = $("div").hasClass("block-content-text__separatorSphere--chime-for-change");
            if (checkPlanet) {
                $('div').find('.block-content-text__separatorSphere--planet:not(:eq(0))').remove();
            }
            if (checkPeople) {
                $('div').find('.block-content-text__separatorSphere--people:not(:eq(0))').remove();
            }
            if (checkChime) {
                $('div').find('.block-content-text__separatorSphere--chime-for-change:not(:eq(0))').remove();
            }
        });
    </script>
</div>