{{--
    Table Row Component - AdminLTE style
--}}

@props([
    'clickable' => false,
    'href' => null,
    'hoverable' => null,
])

@php
    $isHoverable = $hoverable ?? true;
@endphp

<style>
    .table-row-lte {
        transition: background-color var(--lte-transition-speed, 0.3s) ease;
        border-bottom: 1px solid var(--lte-border-color, #dee2e6);
    }
    .table-row-lte:last-child {
        border-bottom: none;
    }
    .table-row-lte-clickable {
        cursor: pointer;
    }
    .table-row-lte-clickable:hover {
        background-color: rgba(13, 110, 253, 0.04);
    }
    .dark .table-row-lte {
        border-bottom-color: #374151;
    }
    .dark .table-row-lte-clickable:hover {
        background-color: rgba(13, 110, 253, 0.08);
    }
</style>

@if($href)
    <tr 
        {{ $attributes->class([
            'table-row-lte table-row-lte-clickable',
        ]) }}
        onclick="window.location='{{ $href }}'"
    >
        {{ $slot }}
    </tr>
@else
    <tr 
        {{ $attributes->class([
            'table-row-lte',
            'table-row-lte-clickable' => $clickable,
        ]) }}
    >
        {{ $slot }}
    </tr>
@endif