{{-- @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');
    $hide_column = isset($hide_column) ? $hide_column : [];
    $hide_button = isset($hide_button) ? $hide_button : [];
    $hide_document = isset($hide_document) ? $hide_document : [];
@endphp

<div style="overflow: auto;">
<table class="table table-bordered table-striped table-hover display responsive nowrap" width="100%" id="documents_table_{{ $table_id }}">
    <thead>
        <tr>
            @if(!in_array('folder', $hide_column))
            <th data-key="folder">Mappa</th>
            @endif
            @if(!in_array('type', $hide_column))
            <th data-key="type">Tipus</th>
            @endif
            <th data-key="name">Név</th>
            <th data-key="description">Leírás</th>
            @if(!in_array('action', $hide_column))
            <th data-key="action" data-priority="1"></th>
            @endif
        </tr>
    </thead>
    <tbody>
        @foreach ($documents as $row)
        @php
            if(in_array($row->type, $hide_document))
                continue;
        @endphp
        <tr>
            @if(!in_array('folder', $hide_column))
            <td>
                @php
                if(isset($row->process)) {
                    $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];
                } else {
                    $path_text = str_replace('document/', '', $row->path);
                }
                @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>
            @endif
            @if(!in_array('type', $hide_column))
            <td>@if($row->cancellation_at) (Lemondott) @endif {{ $row->type_lang }}</td>
            @endif
            {{-- <td>{{ $row->name }}</td> --}}
            <td style="min-width: 20px; word-break: break-all;">
                @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">'.'<div>'.__($row->name) .'</div>'.'</a>';
                
                echo '<a href="'.$row->fileOpenUrl.'" target="_blank">'.'<div>'.__($row->name) .'</div>'.'</a>';
                @endphp
            </td>
            <td>
                <div style="position:relative;cursor:pointer;" 
                     data-content="{{ $row->description }}" 
                     onclick="alert('{{$row->description}}')"
                     onmouseover="window.popoverClick($(this),true)" 
                     onmouseout="window.popoverClick($(this),false)">{{ mb_substr($row->description ?? '', 0, 10) }}...</div>
            </td>
            @if(!in_array('action', $hide_column))
            <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>
            @endif
        </tr>
        @endforeach
    </tbody>
</table>
</div>

@if(isset($types))
<div class="d-flex align-items-start gap-3 mt-4">
    @can('create-document')
    @if(!in_array('document_migration', $hide_button))
    {{-- Dokumentumok átemelése --}}
    {{-- Ha nincs other_offers vagy az other_offers között nincs olyan amiben van fájl, akkor legyen disabled a gomb --}}
    @php
        $other_offers = $offer->process->offers->whereNotIn('id', $offer->id);
        //$survey = App\Models\Survey::where('offer_id', $offer->id);
        //dump($survey->get());
        $migrate_files_disabled = true;
        if(isset($other_offers) && $other_offers->count() > 0) {
            $has_documents = false;
            foreach ($other_offers as $other_offer) {
                if($other_offer->documents->count() > 0 || $other_offer->surveys()->count() > 0) { //felmérés mozgatása
                    $has_documents = true;
                    break;
                }
            }
            $has_documents ? $migrate_files_disabled = true : $migrate_files_disabled = false;
        } else {
            $migrate_files_disabled = false;
        }
    @endphp
    <button type="button" @if(!$migrate_files_disabled) disabled @endif class="btn btn-primary"
        onclick="formModal( 
            '{{ route('process.show_document_migration_modal', ['offer' => $offer->id ]) }}', 
            'Dokumentum átemelés', 
            'Mentés', 
            function(){}, 
            function(){},
            function () { window.location.reload(); },
            function(){}, 
            function () {} 
        );">
        Dokumentum átemelés
    </button>
    @endif
    {{-- Új dokumentum --}}
    @if(!in_array('document_upload', $hide_button))
    <button type="button" class="btn btn-success btn-label ms-auto right"
        onclick="formModal(
            '{{ route('process.upload', [$id, $model, json_encode($types), $modal_type ?? null]) }}',
            'Dokumentum',
            'Mehet',
            function () {},
            function () {},
            function () { window.location.reload(); },
        );"
        {{-- @if(!$offer->approved) disabled @endif --}}
        >
        Új Dokumentum feltöltése
    </button>
    @endif
    @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