@php
    $table_id = isset($table_id) ? $table_id : uniqid(); //rand(1,100);
    $works = $works ?? [];
    $dom = $dom ?? 't';
    $all = strpos($dom, 'f');
@endphp

<table class="table table-bordered table-striped table-hover display responsive nowrap" width="100%" id="works_table_{{ $table_id }}">
    <thead>
        <tr>
            {{--<th>Felmérésszám</th>--}}
            <th data-key="status_lang">Státusz</th>
            <th data-key="start_date">Kezdete</th>
            <th data-key="end_date">Vége</th>
            <th data-key="description">Leírás</th>
            {{-- <th></th> --}}
            <th data-key="action" data-priority="1"></th>
        </tr>
    </thead>
    <tbody>
        @foreach ($works as $_work)
        <tr>
            {{--<td>{{ $_work->work_number }}</td>--}}
            <td>{{ $_work->status_lang }}</td>
            <td>{{ $_work->start_date }}</td>
            <td>{{ $_work->end_date }}</td>
            <td>
                <div style="position:relative;cursor:pointer;" 
                    data-content="{{ $_work->description }}" 
                    onmouseover="window.popoverClick($(this),true)" 
                    onmouseout="window.popoverClick($(this),false)">{{ mb_substr($_work->description ?? '', 0, 10) }}...</div>
            </td>
            <td>
                @if ($_work->status == 'organize')
                    <button type="button" class="btn btn-primary btn-sm" onclick=" rowEdit( '{{ route('works.administrator_edit', ['id' => $_work->id]) }}', works_table_{{ $table_id }}.row( this ), works_table_{{ $table_id }},'{!! __('Módosítás') !!}', '{!! __('Mentés') !!}', function () {window.location.reload()} );">
                        {{-- szerkesztés --}}
                        <i class="fas fa-edit"></i>
                    </button>
                    <button type="button" class="btn btn-danger btn-sm" onclick="rowDelete( '{{ route('works.destroy', ['id' => $_work->id]) }}', works_table_{{ $table_id }}.row( this ), 'Munkaszervezés', 'Munkaszervezésre kiírt rendelés törlése.', 'Mehet', 'delete', function () {window.location.reload();} )">
                        {{-- törlés --}}
                        <i class="fas fa-trash"></i>
                    </button>


                    {{-- <button type="button" class="btn btn-danger btn-sm" onclick="rowDelete( '{{ route('works.destroy', ['id' => $_work->id]) }}', works_table_{{ $table_id }}.row( this ), 'Munka törlése', 'A munka törlése', 'törlés', 'delete', function () {window.location.reload()} )">
                        törlés
                    </button> --}}
                @endif
            </td>
            {{--<td></td>--}}
        </tr>
        @endforeach
    </tbody>
</table>

@push('scripts')
<script>
    var works_table_{{ $table_id }} = $('#works_table_{{ $table_id }}').DataTable({
        dom: '{{ $dom }}',
        autoWidth: false,
        {{ ( $all ? 'iDisplayLength: -1,' : '' ) }}
    });

    works_table_{{ $table_id }}.on( 'init.dt', function () {
        window.dt_col_resize('#works_table_{{ $table_id }}');
    });
</script>
@endpush