2022-07-04 12:52:24 +03:00

53 lines
2.1 KiB
PHP

<div class="py-6 font-medium">
<div class="flex items-center justify-between mb-5 lg:mb-0">
@if (! empty($title) && $title->isNotEmpty())
{!! $title !!}
@elseif ($attributes->has('title'))
<h4 class="py-3 font-medium lg:text-2xl">
{!! $attributes->get('title') !!}
</h4>
@endif
@if ($attributes->has('route'))
<div class="flex justify-center items-center group">
<x-link href="{{ route($attributes->get('route')) }}" class="bg-transparent" override="class">
<x-link.hover group-hover>
{{ trans('modules.see_all_type', ['type' => $attributes->get('title')]) }}
</x-link.hover>
</x-link>
<i class="material-icons text-sm ltr:ml-1 rtl:mr-1 transform transition-all group-hover:translate-x-1">arrow_forward</i>
</div>
@endif
</div>
@if ($modules)
<div class="grid sm:grid-cols-4 grid-rows-flow gap-8" data-apps-content>
@foreach ($modules as $item)
<x-modules.item :model="$item" />
@endforeach
</div>
@if ($seeMore)
<div class="flex items-center mt-10">
<button
type="button"
id="button-pre-load"
@click="onloadMore"
:disabled="loadMoreLoading"
class="relative w-48 m-auto flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 js-learn-more js-button-modal-submit"
>
<x-button.loading action="loadMoreLoading">
{{ trans('modules.see_more') }}
</x-button.loading>
</button>
<x-form.input.hidden name="see_more_path" value="{{ route('apps.load-more', ['type' => $type]) }}" />
<x-form.input.hidden name="see_more_alias" value="{{ request()->alias }}" />
</div>
@endif
@else
<x-modules.no-apps />
@endif
</div>