@extends('layouts/eatvio')
@php

    $author = $plan->present()->getAuthor;

    $authorPhoto = $plan->present()->getAuthorPhoto;

    $image = Storage::url($plan->image);
    $planViewsCount = views($plan)
        ->unique()
        ->count();

    $isPlanNavigationUrlActive = true;
@endphp
@section('main_section')
    <section class="page" id="main">
        <section class="settings">
            <div class="settings__container container-sm">

                <div class="settings__header">
                    <a href="{{ route('plan.index', ['author' => $author->id]) }}"
                        class="settings__back icon-arrow-short-left text-black">
                        <span>Планы питания консультанта</span>
                    </a>

                    <div class="settings__actions">
                        <div class="settings__action setting__person">
                            <div class="settings__person-content">
                                <a href="{{ route('profile.show', ['user' => $author]) }}"
                                    class="setting__person-name text-black">
                                    {{ $author->name }}
                                </a>
                            </div>
                            <a href="" class="settings__person-thumb">
                                <img src="{{ $author->profile_photo_url }}" alt="thumb">
                            </a>
                        </div>
                        <a href="" class="settings__action l-btn l-btn-md l-btn-primary icon-message-square">
                            <span>Написать</span>
                        </a>
                    </div>
                </div>



                <div class="settings__plans">
                    <div class="settings__plans-body">
                        <div class="settings__plans-announcement announcement">
                            <div class="announcement__header">
                                <div class="announcement__header-title title">
                                    {{ $plan->name }}
                                </div>
                                <div class="announcement__header-stats">
                                    <div class="announcement__header-stat icon-eye-fill">{{ $planViewsCount }}</div>
                                    <div class="announcement__header-stat icon-heart-fill">@livewire('plan.like-count', ['plan' => $plan])</div>
                                    <div class="announcement__header-stat icon-message-square">{{ $plan->comments_count }}
                                    </div>
                                </div>
                            </div>


                            <div class="announcement__image">
                                <img src="{{ $image }}" class="cover-image" alt="announcement">
                            </div>


                            <div class="announcement__details">
                                <div class="announcement__details-rows">
                                    <div class="announcement__details-row">
                                        <div class="announcement__details-caption">
                                            Время прохождения плана:
                                        </div>
                                        <div class="announcement__details-value">
                                            {{ $plan->duration }} дней
                                        </div>
                                    </div>
                                    <div class="announcement__details-row">
                                        <div class="announcement__details-caption">
                                            Проходят план:
                                        </div>
                                        <div class="announcement__details-value">
                                            2 пользователя
                                        </div>
                                    </div>
                                </div>

                                @livewire('plan.like.announcement-details', ['plan' => $plan])
                            </div>

                            <p class="announcement__desc">
                                {!! $plan->details !!}
                            </p>

                            @php
                                $planTypeSvgClasses = ['slim' => '#SlimBig', 'fit' => '#FitBig', 'wellness' => '#WellnessBig', 'behavior' => '#BehaviorBig'];
                            @endphp
                            <div class="person__checklist">
                                @foreach ($planTypeSvgClasses as $type => $svgCssClass)
                                    @if (isset($plan->type[$type]) && $plan->type[$type] === true)
                                        <svg width="40" height="60">
                                            <use xlink:href="{{ $svgCssClass }}"></use>
                                        </svg>
                                    @endif
                                @endforeach
                            </div>


                            @livewire('plan.like.announcement-footer', ['plan' => $plan])
                        </div>
                    </div>
                    @livewire('plan.accordion', ['plan' => $plan])

                </div>
            </div>
        </section>


        <section class="reviews">
            <div class="reviews__container container-sm">
                <h2 class="reviews__title title">
                    ОТЗЫВЫ
                </h2>

                @livewire('plan.comment.show', ['plan' => $plan])
                @auth
                    @livewire('plan.comment.create', ['plan' => $plan, 'user' => Auth::user()])
                @endauth
            </div>
        </section>
    </section>
@endsection