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

<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">Mappa</th>
            <th data-key="type">Tipus</th>
            <th data-key="name">Név</th>
            <th data-key="description">Leírás</th>
            <th data-key="action" data-priority="1"></th>
        </tr>
    </thead>
    <tbody>
        @foreach ($documents as $row)
        <tr>
            <td>
                @php
                $process = $row->process->process_number ?? $row->process->id;

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

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

                echo isset($path[count($path)-3]) ? $path[count($path)-3] : $path[1];
                @endphp
            </td>
            <td>{{ $row->type_lang }}</td>
            {{-- <td>{{ $row->name }}</td> --}}
            <td>
                @php
                $process = $row->process->process_number ?? $row->process->id;

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

                echo '<a href="'.route('documents.download', ['file' => base64_encode(urlencode($path)), 'type' => $row->type]).'" target="_blank">'.__($row->name).'</a>';
                @endphp
            </td>
            <td>
                <div style="position:relative;cursor:pointer;" 
                     data-content="{{ $row->description }}" 
                     onmouseover="window.popoverClick($(this),true)" 
                     onmouseout="window.popoverClick($(this),false)">{{ mb_substr($row->description ?? '', 0, 10) }}...</div>
            </td>
            <td>
                {{-- str_replace('App\Models\\', '', $row->target_type) --}}
                @if( App\Models\Document::types()[$row->type]['actions']['edit'] )
                <button type="button" class="btn btn-primary btn-sm" onclick=" rowEdit( '{{ route('documents.edit', ['id' => $row->id]) }}', documents_table_{{ $table_id }}.row( this ), documents_table_{{ $table_id }},'{!! __('Módosítás') !!}', '{!! __('Mentés') !!}', function () {window.location.reload()} );">
                    {{-- szerkesztés --}}
                    <i class="fas fa-edit"></i>
                </button>
                @endif

                @if( App\Models\Document::types()[$row->type]['actions']['create'] )
                <button type="button" class="btn btn-success btn-sm" onclick=" rowEdit( '{{ route('documents.copy', ['id' => $row->id]) }}', documents_table_{{ $table_id }}.row( this ), documents_table_{{ $table_id }},'{!! __('Új verzió') !!}', '{!! __('Mentés') !!}', function () {window.location.reload()} );">
                    {{-- új verzió --}}
                    <i class="fas fa-plus"></i>
                </button>
                @endif

                @if( App\Models\Document::types()[$row->type]['actions']['delete'] )
                <button type="button" class="btn btn-danger btn-sm" onclick="rowDelete( '{{ route('documents.destroy', ['id' => $row->id]) }}', documents_table_{{ $table_id }}.row( this ), 'Dokumentum törlése', 'Valóban törölni akarod?', 'Mehet', 'delete', function () {window.location.reload()} )">
                    {{-- törlés --}}
                    <i class="fas fa-trash"></i>
                </button>
                @endif
            </td>
        </tr>
        @endforeach
    </tbody>
</table>

@if(isset($types))
<div class="d-flex align-items-start gap-3 mt-4">
    @can('create-document')
    <button type="button" class="btn btn-success btn-label ms-auto right"
        onclick="formModal(
            '{{ route('process.upload', [$id, $model, json_encode($types)]) }}',
            'Dokumentum',
            'Mehet',
            function () {},
            function () {},
            function () { window.location.reload(); },
        );"
        @if(!$offer->approved) disabled @endif>
        Új Dokumentum feltöltése
    </button>
    @endcan
</div>
@endif

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

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