forked from eatvio/eatvio-infra
147 lines
8.8 KiB
PHP
147 lines
8.8 KiB
PHP
<section class="py-5" id="main">
|
|
<main class="page">
|
|
<section class="content">
|
|
<div class="content__container">
|
|
<div class="content__header">
|
|
<div class="content__header-title title">
|
|
ПОПУЛЯРНЫЕ БЛЮДА
|
|
</div>
|
|
<form action="#" class="content__header-search search">
|
|
<div class="search__box">
|
|
<button class="search__btn icon-search"></button>
|
|
<input type="text" name="search" class="search__input search__input-white" placeholder="Поиск записи">
|
|
</div>
|
|
<button class="search__send btn btn-primary btn-sm">найти рецепт</button>
|
|
</form>
|
|
</div>
|
|
<div class="content__body">
|
|
<div class="content__main">
|
|
<div class="content__grid">
|
|
@foreach($recipes as $recipe)
|
|
<div class="dish">
|
|
<div class="dish__image">
|
|
@php
|
|
$image = $recipe->image
|
|
@endphp
|
|
<a href="{{ route('recipe.show', $recipe) }}">
|
|
@if(is_null($image))
|
|
<img src="/img/formats-2.svg" alt="formats">
|
|
@else
|
|
<img src="/storage/{{ is_string($image) ? $image : $image->temporaryUrl() }}" class="cover-image" alt="recipe">
|
|
@endif
|
|
</a>
|
|
<a href="{{ $recipe->video_url }}" class="dish__video icon-youtube"></a>
|
|
</div>
|
|
<div class="dish__stats">
|
|
<div class="dish__stat icon-pie">
|
|
139.9 ккал
|
|
</div>
|
|
<div class="dish__stat icon-clock">
|
|
{{ __('recipe.t' . $recipe->cooking_time . 'm') }}
|
|
</div>
|
|
<div class="dish__stat icon-foots">
|
|
{{ __('recipe.total_steps') }}: {{ $recipe->steps->count() }}
|
|
</div>
|
|
</div>
|
|
<div class="dish__desc" data-spollers>
|
|
<div class="dish__desc-caption">
|
|
{{ $recipe->title }}
|
|
</div>
|
|
<div class="dish__desc-visible">
|
|
{{ substr(strip_tags($recipe->description), 0, 200); }}
|
|
</div>
|
|
<button type="button" data-spoller class="dish__desc-btn icon-down"></button>
|
|
<div class="dish__desc-more">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
<aside class="content__side content__side-sm">
|
|
<div class="content__recipes">
|
|
<div class="content__recipes-caption">Рецепты первых блюд</div>
|
|
<div class="content__recipes-items">
|
|
<a href="#" class="content__recipe content__recipe-blue">Кулеш</a>
|
|
<a href="#" class="content__recipe content__recipe-blue">Лагман</a>
|
|
<a href="#" class="content__recipe content__recipe-blue">Борщи</a>
|
|
<a href="#" class="content__recipe content__recipe-blue">Ботвинья</a>
|
|
<a href="#" class="content__recipe content__recipe-blue">Капустняк</a>
|
|
<a href="#" class="content__recipe content__recipe-blue">Бульоны</a>
|
|
</div>
|
|
</div>
|
|
<div class="content__recipes">
|
|
<div class="content__recipes-caption">Рецепты вторых блюд</div>
|
|
<div class="content__recipes-items">
|
|
<a href="#" class="content__recipe content__recipe-green">Кулеш</a>
|
|
<a href="#" class="content__recipe content__recipe-green">Лагман</a>
|
|
<a href="#" class="content__recipe content__recipe-green">Борщи</a>
|
|
<a href="#" class="content__recipe content__recipe-green">Ботвинья</a>
|
|
<a href="#" class="content__recipe content__recipe-green">Капустняк</a>
|
|
<a href="#" class="content__recipe content__recipe-green">Бульоны</a>
|
|
</div>
|
|
</div>
|
|
<div class="content__recipes">
|
|
<div class="content__recipes-caption">Рецепты заготовок</div>
|
|
<div class="content__recipes-items">
|
|
<a href="#" class="content__recipe content__recipe-yellow">Кулеш</a>
|
|
<a href="#" class="content__recipe content__recipe-yellow">Лагман</a>
|
|
<a href="#" class="content__recipe content__recipe-yellow">Борщи</a>
|
|
<a href="#" class="content__recipe content__recipe-yellow">Ботвинья</a>
|
|
<a href="#" class="content__recipe content__recipe-yellow">Капустняк</a>
|
|
<a href="#" class="content__recipe content__recipe-yellow">Бульоны</a>
|
|
</div>
|
|
</div>
|
|
<div class="content__recipes">
|
|
<div class="content__recipes-caption">Рецепты закусок</div>
|
|
<div class="content__recipes-items">
|
|
<a href="#" class="content__recipe content__recipe-orange">Кулеш</a>
|
|
<a href="#" class="content__recipe content__recipe-orange">Лагман</a>
|
|
<a href="#" class="content__recipe content__recipe-orange">Борщи</a>
|
|
<a href="#" class="content__recipe content__recipe-orange">Ботвинья</a>
|
|
<a href="#" class="content__recipe content__recipe-orange">Капустняк</a>
|
|
<a href="#" class="content__recipe content__recipe-orange">Бульоны</a>
|
|
</div>
|
|
</div>
|
|
<div class="content__recipes">
|
|
<div class="content__recipes-caption">Рецепты изделий из теста</div>
|
|
<div class="content__recipes-items">
|
|
<a href="#" class="content__recipe content__recipe-rose">Кулеш</a>
|
|
<a href="#" class="content__recipe content__recipe-rose">Лагман</a>
|
|
<a href="#" class="content__recipe content__recipe-rose">Борщи</a>
|
|
<a href="#" class="content__recipe content__recipe-rose">Ботвинья</a>
|
|
<a href="#" class="content__recipe content__recipe-rose">Капустняк</a>
|
|
<a href="#" class="content__recipe content__recipe-rose">Бульоны</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content__recipes">
|
|
<div class="content__recipes-caption">Рецепты маринада</div>
|
|
<div class="content__recipes-items">
|
|
<a href="#" class="content__recipe content__recipe-seaweed">Кулеш</a>
|
|
<a href="#" class="content__recipe content__recipe-seaweed">Лагман</a>
|
|
<a href="#" class="content__recipe content__recipe-seaweed">Борщи</a>
|
|
<a href="#" class="content__recipe content__recipe-seaweed">Ботвинья</a>
|
|
<a href="#" class="content__recipe content__recipe-seaweed">Капустняк</a>
|
|
<a href="#" class="content__recipe content__recipe-seaweed">Бульоны</a>
|
|
</div>
|
|
</div>
|
|
<div class="content__recipes">
|
|
<div class="content__recipes-caption">Рецепты напитков</div>
|
|
<div class="content__recipes-items">
|
|
<a href="#" class="content__recipe content__recipe-purple">Кулеш</a>
|
|
<a href="#" class="content__recipe content__recipe-purple">Лагман</a>
|
|
<a href="#" class="content__recipe content__recipe-purple">Борщи</a>
|
|
<a href="#" class="content__recipe content__recipe-purple">Ботвинья</a>
|
|
<a href="#" class="content__recipe content__recipe-purple">Капустняк</a>
|
|
<a href="#" class="content__recipe content__recipe-purple">Бульоны</a>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</section>
|