d2d.emegrendeles.hu/resources/views/livewire/supplier-portal/product-group-tree.blade.php

32 lines
1.7 KiB
PHP

<div style="background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px;overflow-y:auto;height:100%">
{{-- Összes termék gomb --}}
<button
wire:click="selectGroup(null)"
style="display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:6px;font-size:13px;font-weight:500;border:none;cursor:pointer;text-align:left;
{{ $selectedGroupId === null
? 'background:#f0e8e0;color:#b83400;font-weight:700;'
: 'background:transparent;color:#374151;' }}"
onmouseover="{{ $selectedGroupId !== null ? "this.style.background='#f3f4f6'" : '' }}"
onmouseout="{{ $selectedGroupId !== null ? "this.style.background='transparent'" : '' }}"
>
<span style="display:flex;align-items:center;flex-shrink:0;color:{{ $selectedGroupId === null ? '#b83400' : '#9ca3af' }};">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect width="7" height="7" x="3" y="3" rx="1" />
<rect width="7" height="7" x="14" y="3" rx="1" />
<rect width="7" height="7" x="14" y="14" rx="1" />
<rect width="7" height="7" x="3" y="14" rx="1" />
</svg>
</span>
<span>Összes termék</span>
</button>
{{-- Termékfa (Preline tree-view stílus) --}}
<div style="margin-top:4px;">
@foreach ($tree as $node)
@include('livewire.supplier-portal.product-group-tree-node', [
'node' => $node,
])
@endforeach
</div>
</div>