@extends('layouts/eatvio')
@php

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

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

    $image = Storage::url($plan->image);
    $planViewsCount = views($plan)
        ->unique()
        ->count();
@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">
                        <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">
                                    {{ $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 btn btn-md 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__footer"> --}}
                                @livewire('plan.like', ['plan' => $plan])
                                {{-- <button type="button" --}}
                                    {{-- class="announcement__footer-action icon-message-square">Комментировать</button> --}}
                                {{-- <button type="button" wire:click="like" class="announcement__footer-action icon-heart">Нравится</button> --}}
                                {{-- <button type="button" class="announcement__footer-action icon-share">Поделится</button> --}}
                            {{-- </div> --}}
                        </div>
                    </div>
                    @livewire('plan.accordion', ['plan' => $plan])

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


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

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


        </section>
    </section>
@endsection

{{-- @push('jq_scripts') --}}
{{-- <script src="js/app.min.js"></script> --}}
{{-- <script src="/js/bootstrap.min.js"></script> --}}
{{-- <script src="/js/bootstrap.bundle.min.js"></script> --}}
{{-- @endpush --}}