forked from eatvio/eatvio-infra
154 lines
8.5 KiB
PHP
154 lines
8.5 KiB
PHP
@extends('layouts/eatvio')
|
|
@php
|
|
$author = $plan->author()->first();
|
|
$authorPhoto = Storage::url($author->profile_photo_path);
|
|
$image = Storage::url($plan->image);
|
|
$planViewsCount = views($plan)->unique()->count();
|
|
@endphp
|
|
@section('main_section')
|
|
<section class="py-5" id="main">
|
|
<div class="container d-flex justify-content-between align-items-center mb-4 ps-4 pe-3 py-3 --bg_white --shadow --radius --mw-1000">
|
|
<a href="{{ route('plan.index', ['author' => $author->id]) }}" class="d-flex align-items-center --f_bold --f_main"><svg width="17" height="16" class="me-2"><use xlink:href="#GoBack"></use></svg><span class="d-none d-md-inline">Планы питания консультанта</span></a>
|
|
<div class="d-flex align-items-center">
|
|
<div class="d-none d-md-flex me-3 align-items-center">
|
|
<a href={{ route("profile.show", ['user' => $author]) }} class="me-2 text-nowrap --f_bold --f_main">
|
|
<span class="me-2 text-nowrap --f_bold">{{ $author->name }}</span>
|
|
<img src="{{ $authorPhoto }}" width="42px" height="42px" class="--radius_100" style="height: 42px;">
|
|
</a>
|
|
</div>
|
|
<a href="#" class="btn btn-lg btn-primary btn-block w-100 ps-4 pe-sm-4 --f_bold" target="_blank" style="max-width: 180px;">
|
|
<svg width="20" height="20" class="me-3"><use xlink:href="#WhiteChat"></use></svg>НАПИСАТЬ</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container mb-5 --mw-1000">
|
|
<div class="row justify-content-between flex-lg-nowrap">
|
|
<div class="col-lg-7 me-lg-4 mb-4 mb-lg-0 px-3 pt-3 pb-4 --bg_white --shadow --radius">
|
|
<div class="d-flex justify-content-between align-items-center mb-2 --f_bold">
|
|
<div class="h5 mb-0 --f_bold">{{ $plan->name }}</div>
|
|
<div class="d-flex align-items-center">
|
|
<svg width="20" height="14" class="me-2"><use xlink:href="#Eye_Black"></use></svg><span class="me-3 fs-5">{{ $planViewsCount }}</span>
|
|
<svg width="16" height="14" class="me-2"><use xlink:href="#Heart_Black"></use></svg>@livewire('plan.like-count', ['plan' => $plan])
|
|
<svg width="14" height="14" class="me-2"><use xlink:href="#CommentIcon"></use></svg><span class="me-3 fs-5">{{ $plan->comments_count }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<img src="{{ $image }}" class="w-100">
|
|
|
|
<div class="d-md-flex justify-content-between align-items-center my-3 px-3 py-1 bg_lightest_blue --radius">
|
|
<table class="table table-sm-block --no_border me-5 mb-0 fs-4_5"><tbody>
|
|
<tr>
|
|
<td class="text-start ps-0 p-1">Время прохождения плана:</td>
|
|
<td class="text-start p-1 --f_bold">{{ $plan->duration }} дней</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-start ps-0 p-1">Проходят план:</td>
|
|
<td class="text-start p-1 --f_bold">2 пользователя</td>
|
|
</tr>
|
|
</tbody></table>
|
|
{{-- <a href="#" class="d-none d-md-inline"><svg width="24" height="21" class="me-1"><use xlink:href="#HeartPath"></use></svg></a> --}}
|
|
</div>
|
|
|
|
<div class="fs-4_5">{!! $plan->details !!}</div>
|
|
|
|
<div class="d-flex mt-4 align-items-center justify-content-between --f_bold">
|
|
<a href="#plan-comment-textarea" class="d-flex align-items-center --f_main"><small>
|
|
<svg width="21" height="20" class="me-1"><use xlink:href="#ActionComment"></use></svg>
|
|
Комментировать
|
|
</small></a>
|
|
|
|
@livewire('plan.like', ['plan' => $plan])
|
|
|
|
<a href="#" class="d-flex align-items-center --f_main"><small>
|
|
<svg width="21" height="22" class="me-1"><use xlink:href="#Share"></use></svg>
|
|
<span class="d-none d-sm-inline">Поделится</span>
|
|
</small></a>
|
|
</div>
|
|
</div>
|
|
<div class="col px-0 flex-grow-1">
|
|
<div class="accordion" id="collapsedPlans">
|
|
<div class="accordion-item mb-3 --bg_white --shadow --radius overflow-hidden">
|
|
<div class="accordion-header" id="headingOne">
|
|
<div class="accordion-button d-flex align-items-center fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapsedPlan1" aria-expanded="true" aria-controls="collapsedPlan1">
|
|
<div class="me-3 --f_bold">{{ $options1['price'] ?? '0' }} ₽</div>
|
|
<div>{{ $options1['short'] ?? ''}}</div>
|
|
</div>
|
|
</div>
|
|
<div id="collapsedPlan1" class="accordion-collapse collapse show" aria-labelledby="collapsedPlan1" data-bs-parent="#collapsedPlans">
|
|
<div class="accordion-body fs-4_5">
|
|
<p>{{ $options1['description'] ?? '' }}</p>
|
|
@isset($options1['items'])
|
|
<ul class="checks -reverse --sber">
|
|
@foreach($options1['items'] as $item)
|
|
<li>{{ $item }}</li>
|
|
@endforeach
|
|
</ul>
|
|
@endisset
|
|
<a href="#" class="btn btn-lg btn-success btn-block w-100 py-2 fs-4 --f_bolder">Заказать за {{ $options1['price'] ?? '0' }} ₽</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@if($plan->packets_count == 3)
|
|
<div class="accordion-item mb-3 --bg_white --shadow --radius overflow-hidden">
|
|
<div class="accordion-header" id="headingOne">
|
|
<div class="accordion-button collapsed d-flex align-items-center fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapsedPlan2" aria-expanded="true" aria-controls="collapsedPlan2">
|
|
<div class="me-3 --f_bold">{{ $options2['price'] ?? '0' }} ₽</div>
|
|
<div>{{ $options2['short'] ?? '' }}</div>
|
|
</div>
|
|
</div>
|
|
<div id="collapsedPlan2" class="accordion-collapse collapse" aria-labelledby="collapsedPlan2" data-bs-parent="#collapsedPlans">
|
|
<div class="accordion-body fs-4_5">
|
|
<p>{{ $options2['description'] ?? '' }}</p>
|
|
@isset($options2['items'])
|
|
<ul class="checks -reverse --sber">
|
|
@foreach($options2['items'] as $item)
|
|
<li>{{ $item }}</li>
|
|
@endforeach
|
|
</ul>
|
|
@endisset
|
|
<a href="#" class="btn btn-lg btn-success btn-block w-100 py-2 fs-4 --f_bolder">Заказать за {{ $options2['price'] ?? '0' }} ₽</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item --bg_white --shadow --radius overflow-hidden">
|
|
<div class="accordion-header" id="headingOne">
|
|
<div class="accordion-button collapsed d-flex align-items-center fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapsedPlan3" aria-expanded="true" aria-controls="collapsedPlan3">
|
|
<div class="me-3 --f_bold">{{ $options3['price'] ?? '0' }} ₽</div>
|
|
<div>{{ $options3['short'] ?? '' }}</div>
|
|
</div>
|
|
</div>
|
|
<div id="collapsedPlan3" class="accordion-collapse collapse" aria-labelledby="collapsedPlan3" data-bs-parent="#collapsedPlans">
|
|
<div class="accordion-body fs-4_5">
|
|
<p>{{ $options3['description'] ?? '' }}</p>
|
|
@isset($options3['items'])
|
|
<ul class="checks -reverse --sber">
|
|
@foreach($options3['items'] as $item)
|
|
<li>{{ $item }}</li>
|
|
@endforeach
|
|
</ul>
|
|
@endisset
|
|
<a href="#" class="btn btn-lg btn-success btn-block w-100 py-2 fs-4 --f_bolder">Заказать за {{ $options3['price'] ?? '0' }} ₽</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container px-0 mb-4 --mw-1000">
|
|
<div class="h4 mb-4 --f_grey">ОТЗЫВЫ</div>
|
|
</div>
|
|
|
|
@livewire('plan.comment.show', ['plan' => $plan])
|
|
@livewire('plan.comment.create', ['plan' => $plan, 'user' => Auth::user()])
|
|
</section>
|
|
@endsection
|
|
|
|
@push('jq_scripts')
|
|
<script src="/js/bootstrap.min.js"></script>
|
|
<script src="/js/bootstrap.bundle.min.js"></script>
|
|
@endpush
|