@props([
    'model',
    'type' => preg_replace('/^.+\\\(.+?)$/', '$1', get_class($model)),
    'actions' => collect([]),
])
@php( $key = $model->getPrimaryKeyValue() )
<div class='px-2 mb-2 border-t border-l border-slate-400 rounded-t-md bg-slate-200 shadow'>
    <span>{{ $type }} {{ $key  }}</span>
    <!-- action buttons here -->
    @foreach ($actions[$type]??[] as $action)
        @switch($action['method'])
            @case('post')
                <x-form-post :action='$action["action"]' :caption='$action["caption"]' :values='["key" => $key, ...$action["values"]]'/>
                @break
            @case('delete')
                <x-form-delete :action='preg_replace("/\{\}/", $key, $action["action"])'/>
                @break
            @default
        @endswitch
    @endforeach
    <div class='pl-2'>
    @switch($type)
        @case('JobPart')
            <div class='py-1'>
                <span class='font-bold'>description: </span>
                <span class='bg-blue-300 rounded-xl px-2 py-1 text-xs'>{{ $model->description ?? '' }}</span>
            </div>
            @break
        @case('JobProduct')
            <div class='py-1'>
                <span class='font-bold'>description: </span>
                <span class='bg-blue-300 rounded-xl px-2 py-1 text-xs'>{{ $model->description }}</span>
            </div>
            @break
        @case('JobNote')
            <div class='py-1'>
                <span class='font-bold'>note: </span>
                <span class='bg-blue-300 rounded-xl px-2 py-1 text-xs'>{{ $model->note }}</span>
            </div>
            @break
        @case('Customer')
            <div class='py-1'>
                <span class='font-bold'>custName: </span>
                <span class='bg-blue-300 rounded-xl px-2 py-1 text-xs'>{{ $model->custName }}</span>
            </div>
            @break
        @case('CSR')
            <div class='py-1'>
                <span class='font-bold'>name: </span>
                <span class='bg-blue-300 rounded-xl px-2 py-1 text-xs'>{{ $model->name }}</span>
            </div>
            @break
        @case('JobStatus')
        @case('JobType')
        @case('ShipmentType')
            <div class='py-1'>
                <span class='font-bold'>description: </span>
                <span class='bg-blue-300 rounded-xl px-2 py-1 text-xs'>{{ $model->description }}</span>
            </div>
            @break
        @case('JobMaterial')
            <div class='py-1'>
                <span class='font-bold'>description: </span>
                <span class='bg-blue-300 rounded-xl px-2 py-1 text-xs'>{{ $model->description }}</span>
            </div>
            <div class='py-1'>
                <span class='font-bold'>additionalDescription: </span>
                <span class='bg-blue-300 rounded-xl px-2 py-1 text-xs'>{{ $model->additionalDescription ?? '' }}</span>
            </div>
            <div class='py-1'>
                <span class='font-bold'>inventoryItem: </span>
                <span class='bg-blue-300 rounded-xl px-2 py-1 text-xs'>{{ $model->inventoryItem ?? '' }}</span>
            </div>
            <div class='py-1'>
                <span class='font-bold'>ordered: </span>
                <span class='bg-emerald-300 rounded-xl px-2 py-1 text-xs'>{{ $model->ordered }}</span>
            </div>
            @break
        @case('JobShipment')
            <div class='py-1'>
                <span class='font-bold'>shipmentType: </span>
                <span class='bg-emerald-300 rounded-xl px-2 py-1 text-xs'>{{ $model->shipmentType }}</span>
            </div>
            @break
        @case('Carton')
            <div class='py-1'>
                <span class='font-bold'>quantity: </span>
                <span class='bg-emerald-300 rounded-xl px-2 py-1 text-xs'>{{ $model->quantity }}</span>
            </div>
            @break
        @case('CartonContent')
            <div class='py-1'>
                <span class='font-bold'>contentDescription: </span>
                <span class='bg-blue-300 rounded-xl px-2 py-1 text-xs'>{{ $model->contentDescription }}</span>
            </div>
            <div class='py-1'>
                <span class='font-bold'>quantity: </span>
                <span class='bg-emerald-300 rounded-xl px-2 py-1 text-xs'>{{ $model->quantity }}</span>
            </div>
            @break
        @default
    @endswitch
    </div>
    <x-dump-obj :obj='$model' />
    <!-- children / recursion here -->
    @if($model->children()->count() > 0)
    <div class='pb-1'>
    @foreach($model->children() as $type => $collection)
        @foreach ($collection as $item)
            <x-dump-model :type='$type' :model='$item' :actions='$actions' />
        @endforeach
    @endforeach
    </div>
    @endif
</div>