All the recipe/advice card is now clickable
This commit is contained in:
Noah Lancien
parent
bca2b01bff
commit
74c1988f57
1 changed files with 56 additions and 54 deletions
|
|
@ -1,59 +1,61 @@
|
|||
{{-- Generic Card --}}
|
||||
@php $type = $type ?? 'recipe'; @endphp
|
||||
<div class="card card-posts position-relative bg-default box-shadow rounded-4 align-items-center mx-2 my-3 overflow-hidden p-0 text-center">
|
||||
<div class="card-img-wrapper position-relative w-100 h-100">
|
||||
<img class="card-img-top position-relative" src="{{ asset($picture) }}" title="{{ $picture_title }}" alt="{{ $picture_alt }}">
|
||||
@include('fo.modules.separator', ['color' => $color])
|
||||
</div>
|
||||
<div class="card-body w-100 px-3 pb-2 pt-3">
|
||||
<p class="card-title ff-poppins-medium fs-card-big mt-md-3 mb-0 mt-2">{{ $title }}</p>
|
||||
@foreach ($tags as $tag)
|
||||
<div class="category-wrapper d-inline-block rounded-3 my-md-4 my-2 px-4 py-2">
|
||||
<span class="ff-poppins-regular fs-xsm">{{ $tag->label }}</span>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
@if ($type == 'recipe')
|
||||
<div class="row text-center">
|
||||
@if ($time)
|
||||
<div class="col d-flex justify-content-center align-items-center w-50">
|
||||
<img src="{{ Vite::asset('resources/assets/images/temps.png') }}" alt="Une horloge">
|
||||
<p class="ms-3 text-center">{{ $time }} min</p>
|
||||
</div>
|
||||
@endif
|
||||
@if ($difficulty)
|
||||
<div class="col d-flex justify-content-center align-items-center w-50">
|
||||
@switch($difficulty)
|
||||
@case(\App\Enums\Advices\AdviceDifficultyEnum::easy)
|
||||
<img src="{{ Vite::asset('resources/assets/images/toque-sm.png') }}"
|
||||
alt="{{ __('Difficulté facile repésenté par un toque') }}">
|
||||
<p class="ms-3">{{ __('Facile') }}</p>
|
||||
@break
|
||||
|
||||
@case(\App\Enums\Advices\AdviceDifficultyEnum::medium)
|
||||
<img src="{{ Vite::asset('resources/assets/images/toque-md.png') }}"
|
||||
alt="{{ __('Difficulté médium repésenté par deux toques') }}">
|
||||
<p class="ms-3">{{ __('Médium') }}</p>
|
||||
@break
|
||||
|
||||
@case(\App\Enums\Advices\AdviceDifficultyEnum::hard)
|
||||
<img src="{{ Vite::asset('resources/assets/images/toque-xl.png') }}"
|
||||
alt="{{ __('Difficulté difficile repésenté par trois toques') }}">
|
||||
<p class="ms-3">{{ __('Difficile') }}</p>
|
||||
@break
|
||||
@endswitch
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
<div class="card-txt d-flex flex-column justify-content-between align-items-center flex-grow-1">
|
||||
@if ($type != 'recipe')
|
||||
<p class="card-subtitle ff-poppins-regular ck-content mx-4 my-0">{{ clean($text) }}</p>
|
||||
@endif
|
||||
<div class="butn-wrap mt-md-2 mb-md-4 mb-3 mt-0">
|
||||
<a class="butn-sec m-0 bg-transparent" href="{{ $route }}">{{ $seeMoreText ?? __('Voir les détails') }}</a>
|
||||
<a href="{{ $route }}" class="w-100">
|
||||
<div class="card-img-wrapper position-relative w-100 h-100">
|
||||
<img class="card-img-top position-relative" src="{{ asset($picture) }}" title="{{ $picture_title }}" alt="{{ $picture_alt }}">
|
||||
@include('fo.modules.separator', ['color' => $color])
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body w-100 px-3 pb-2 pt-3">
|
||||
<p class="card-title ff-poppins-medium fs-card-big mt-md-3 mb-0 mt-2">{{ $title }}</p>
|
||||
@foreach ($tags as $tag)
|
||||
<div class="category-wrapper d-inline-block rounded-3 my-md-4 my-2 px-4 py-2">
|
||||
<span class="ff-poppins-regular fs-xsm">{{ $tag->label }}</span>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
@if ($type == 'recipe')
|
||||
<div class="row text-center">
|
||||
@if ($time)
|
||||
<div class="col d-flex justify-content-center align-items-center w-50">
|
||||
<img src="{{ Vite::asset('resources/assets/images/temps.png') }}" alt="Une horloge">
|
||||
<p class="ms-3 text-center">{{ $time }} min</p>
|
||||
</div>
|
||||
@endif
|
||||
@if ($difficulty)
|
||||
<div class="col d-flex justify-content-center align-items-center w-50">
|
||||
@switch($difficulty)
|
||||
@case(\App\Enums\Advices\AdviceDifficultyEnum::easy)
|
||||
<img src="{{ Vite::asset('resources/assets/images/toque-sm.png') }}"
|
||||
alt="{{ __('Difficulté facile repésenté par un toque') }}">
|
||||
<p class="ms-3">{{ __('Facile') }}</p>
|
||||
@break
|
||||
|
||||
@case(\App\Enums\Advices\AdviceDifficultyEnum::medium)
|
||||
<img src="{{ Vite::asset('resources/assets/images/toque-md.png') }}"
|
||||
alt="{{ __('Difficulté médium repésenté par deux toques') }}">
|
||||
<p class="ms-3">{{ __('Médium') }}</p>
|
||||
@break
|
||||
|
||||
@case(\App\Enums\Advices\AdviceDifficultyEnum::hard)
|
||||
<img src="{{ Vite::asset('resources/assets/images/toque-xl.png') }}"
|
||||
alt="{{ __('Difficulté difficile repésenté par trois toques') }}">
|
||||
<p class="ms-3">{{ __('Difficile') }}</p>
|
||||
@break
|
||||
@endswitch
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
<div class="card-txt d-flex flex-column justify-content-between align-items-center flex-grow-1">
|
||||
@if ($type != 'recipe')
|
||||
<p class="card-subtitle ff-poppins-regular ck-content mx-4 my-0">{{ clean($text) }}</p>
|
||||
@endif
|
||||
<div class="butn-wrap mt-md-2 mb-md-4 mb-3 mt-0">
|
||||
<p class="butn-sec m-0 bg-transparent">{{ $seeMoreText ?? __('Voir les détails') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue