2023-04-05 14:40:51 +03:00

134 lines
5.9 KiB
PHP

<x-layouts.admin>
<x-slot name="title">
{{ trans_choice('general.categories', 2) }}
</x-slot>
<x-slot name="favorite"
title="{{ trans_choice('general.categories', 2) }}"
icon="folder"
route="categories.index"
></x-slot>
<x-slot name="buttons">
@can('create-settings-categories')
<x-link href="{{ route('categories.create') }}" kind="primary" id="index-more-actions-new-category">
{{ trans('general.title.new', ['type' => trans_choice('general.categories', 1)]) }}
</x-link>
@endcan
</x-slot>
<x-slot name="moreButtons">
<x-dropdown id="dropdown-more-actions">
<x-slot name="trigger">
<span class="material-icons pointer-events-none">more_horiz</span>
</x-slot>
@can('create-settings-categories')
<x-dropdown.link href="{{ route('import.create', ['settings', 'categories']) }}" id="index-more-actions-import-category">
{{ trans('import.import') }}
</x-dropdown.link>
@endcan
<x-dropdown.link href="{{ route('categories.export', request()->input()) }}" id="index-more-actions-export-category">
{{ trans('general.export') }}
</x-dropdown.link>
</x-dropdown>
</x-slot>
<x-slot name="content">
<x-index.container>
<x-index.search
search-string="App\Models\Setting\Category"
bulk-action="App\BulkActions\Settings\Categories"
/>
<x-table>
<x-table.thead>
<x-table.tr>
<x-table.th kind="bulkaction">
<x-index.bulkaction.all />
</x-table.th>
<x-table.th class="w-5/12">
<x-sortablelink column="name" title="{{ trans('general.name') }}" />
</x-table.th>
<x-table.th class="w-5/12">
<x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" />
</x-table.th>
<x-table.th class="w-2/12">
{{ trans('general.color') }}
</x-table.th>
</x-table.tr>
</x-table.thead>
<x-table.tbody>
@foreach($categories as $item)
<x-table.tr href="{{ route('categories.edit', $item->id) }}">
<x-table.td kind="bulkaction">
<x-index.bulkaction.single
id="{{ $item->id }}"
name="{{ $item->name }}"
:disabled="($item->isTransferCategory()) ? true : false"
/>
</x-table.td>
<x-table.td class="w-5/12">
@if ($item->sub_categories->count())
<div class="flex items-center font-bold">
{{ $item->name }}
<x-tooltip id="tooltip-category-{{ $item->id }}" placement="bottom" message="{{ trans('categories.collapse') }}">
<button
type="button"
class="w-4 h-4 flex items-center justify-center mx-2 leading-none align-text-top rounded-lg bg-gray-500 hover:bg-gray-700"
node="child-{{ $item->id }}"
onClick="toggleSub('child-{{ $item->id }}', event)"
>
<span class="material-icons transform rotate-90 transition-all text-lg leading-none align-middle text-white">chevron_right</span>
</button>
</x-tooltip>
</div>
@else
<span class="font-bold">
{{ $item->name }}
</span>
@endif
@if (! $item->enabled)
<x-index.disable text="{{ trans_choice('general.categories', 1) }}" />
@endif
</x-table.td>
<x-table.td class="w-5/12">
@if (! empty($types[$item->type]))
{{ $types[$item->type] }}
@else
<x-empty-data />
@endif
</x-table.td>
<x-table.td class="w-2/12">
<span class="material-icons text-{{ $item->color }}" class="text-3xl" style="color:{{ $item->color }};">circle</span>
</x-table.td>
<x-table.td kind="action">
<x-table.actions :model="$item" />
</x-table.td>
</x-table.tr>
@foreach($item->sub_categories as $sub_category)
@include('settings.categories.sub_category', ['parent_category' => $item, 'sub_category' => $sub_category, 'tree_level' => 1])
@endforeach
@endforeach
</x-table.tbody>
</x-table>
<x-pagination :items="$categories" />
</x-index.container>
</x-slot>
<x-script folder="settings" file="categories" />
</x-layouts.admin>