130 lines
5.8 KiB
PHP
130 lines
5.8 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">
|
|
{{ 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">more_horiz</span>
|
|
</x-slot>
|
|
|
|
@can('create-settings-categories')
|
|
<x-dropdown.link href="{{ route('import.create', ['settings', 'categories']) }}">
|
|
{{ trans('import.import') }}
|
|
</x-dropdown.link>
|
|
@endcan
|
|
|
|
<x-dropdown.link href="{{ route('categories.export', request()->input()) }}">
|
|
{{ 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 class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" hidden-mobile override="class">
|
|
<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) }}" class="relative flex items-center border-b hover:bg-gray-100 px-1 group transition-all">
|
|
<x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" hidden-mobile override="class">
|
|
<x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" />
|
|
</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>
|