{{-- @dump($dom) --}}
@php
    $table_id = isset($table_id) ? $table_id : uniqid(); //rand(1,100);
    $documents  = $documents ?? App\Models\Document::all();
    $dom = $dom ?? 'tip';
    $all = strpos($dom, 'f');
@endphp

<div style="overflow: scroll;">
    <table class="table table-bordered table-striped table-hover display responsive nowrap" width="100%" id="documents_table_{{ $table_id }}">
        <thead>
            <tr>
                <th data-key="folder">Csatolás</th>
                <th data-key="folder">Mappa</th>
                <th data-key="type">Tipus</th>
                <th data-key="name">Név</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($documents as $row)
            <tr data-id="{{ $row->id }}">
                <td>
                    <div class="d-flex justify-content-center align-content-center text-center mt-3">
                        <input type="checkbox" name="attachment[]" value="{{ $row->id }}" data-id="{{ $row->id }}" class="document-checkbox"/>
                    </div>
                </td>
                <td>
                    @php
                        $process = $row->process->process_number ?? $row->process->id;

                        $path = str_replace('{process_number}', $process, $row->path).'/'.$row->name;

                        $path = explode('/', $path);

                        $path_text = isset($path[count($path)-3]) ? $path[count($path)-3] : $path[1];
                    @endphp

                    <div style="position:relative;cursor:pointer;" 
                        data-content="{!! $path_text ?? '' !!}" 
                        onmouseover="window.popoverClick($(this),true)" 
                        onmouseout="window.popoverClick($(this),false)">{{ mb_substr($path_text ?? '', 0, 10) }}...
                    </div>
                </td>
                <td>{{ $row->type_lang }}</td>
                <td style="min-width: 200px; word-break: break-all;">
                    @php
                        echo '<a href="'.$row->fileOpenUrl.'" target="_blank">'.'<div>'.__($row->name) .'</div>'.'</a>';
                    @endphp
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

<input type="hidden" id="selected_ids" name="selected_ids" value="[]">

<script>
    $(document).ready(function() {
        $(documents_table_{{ $table_id }}).on('change', '.document-checkbox', function (e) {
            e.stopPropagation();
            let $row = $(this).closest('tr');
            $row.toggleClass('selected', this.checked);

            let selectedIds = [];
            $(documents_table_{{ $table_id }}).find('tbody tr.selected').each(function() {
                selectedIds.push($(this).data('id'));
            });

            $('#selected_ids').val(JSON.stringify(selectedIds));
        });
    });
</script>

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

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