@php
    $table_id = isset($table_id) ? $table_id : uniqid(); //rand(1,100);
    $work = $work ?? [];
    $dom = $dom ?? 't';
    $all = strpos($dom, 'f');
    $hide_button = isset($hide_button) ? $hide_button : [];
    $worksheets  = $work ? App\Models\Worksheet::where('work_id', $work->id)->get() : collect();
    $worksheets = isset($worksheet) ? $worksheets->merge($worksheet) : $worksheets;
@endphp

<table class="table table-bordered table-striped table-hover display responsive nowrap" width="100%" id="worksheet_table_{{ $table_id }}">
    <thead>
        <tr>
            <th class="d-none" data-key="status_lang">Azonosító</th>
            <th class="d-none" data-key="status_lang">Munka id</th>
            <th data-key="work_completed">Munka elkészült</th>
            <th data-key="type">Típus</th>
            <th data-key="deficiency">Alapanyagokkal kapcsolatos problémák</th>
            <th data-key="returned_product">Visszaszállított termék</th>
            <th data-key="action" data-priority="1"></th>
        </tr>
    </thead>
    <tbody>
        @foreach ($worksheets as $_worksheet)
        @php
            $document = App\Models\Document::where('id', $_worksheet->document_id)->first();
            $document_url = $document ? $document->FileOpenUrl : '';
        @endphp
        <tr>
            <td class="d-none">{{ $_worksheet->id }}</td>
            <td class="d-none">{{ $_worksheet->work_id }}</td>
            <td>{{ $_worksheet->work_completed ? 'Igen' : 'Nem' }}</td>
            <td>{{ $_worksheet->work->issue_ticket_id ? 'Jegyzőkönyv' : 'Munkalap' }}</td>
            <td>{{ $_worksheet->deficiency }}</td>
            <td>{{ $_worksheet->returned_product }}</td>
            <td>
                @if(!$_worksheet->work->issue_ticket_id)
                <button 
                    type="button" 
                    class="btn btn-primary btn-sm" 
                    onclick="rowEdit(
                        '{{ route('worksheets.edit', ['id' => $_worksheet->id]) }}', 
                        worksheet_table_{{ $table_id }}.row( this ), 
                        worksheet_table_{{ $table_id }},
                        '{!! __('Módosítás') !!}', 
                        '{!! __('Mentés') !!}', 
                        function () {window.location.reload()} );" 
                >
                    {{-- szerkesztés --}}
                    <i class="fas fa-edit"></i>
                </button>
                @endif
                <a href="{{$document_url}}" class="btn btn-success btn-sm" target="_blank">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
                        <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
                        <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
                    </svg>
                </a>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>

@if(!in_array('worksheet_create', $hide_button))
<div class="d-flex align-items-start gap-3 mt-4">
    <button type="button" class="btn btn-success btn-label ms-auto right"
    onclick="formModal(
        '{{ route('worksheets.create', [$work->id]) }}',
        'Munkalap',
        'Mehet',
        function () {},
        function () {},
        function () { window.location.reload(); },
    );"
    {{-- @if(!$offer->approved) disabled @endif --}}
    >
    @if(isset($work->issue_ticket_id) && $work->issue_ticket_id) Új jegyzőkönyv @else Új munkalap @endif
    </button>
</div>
@endif

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

    worksheet_table_{{ $table_id }}.on( 'init.dt', function () {
        window.dt_col_resize('#worksheet_table_{{ $table_id }}');
    });

    worksheet_table_{{ $table_id }}.on('dblclick', 'tr', function () {
        var data = worksheet_table_{{ $table_id }}.row(this).data();
        console.log(data[1]);
        window.location = '{{ route('works.organize', ['id' => '']) }}' + '/' + data[1];
    });
</script>
@endpush