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

    // hibajegyhez tartozik vagy sem
    $issue_ticket_id = isset($issue_ticket_id) ? $issue_ticket_id : null;
        if($issue_ticket_id)
            $works = $works ? $works->where('issue_ticket_id', $issue_ticket_id) : [];
        else
            $works = $works ? $works->whereNull('issue_ticket_id') : [];
@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 class="d-none" data-key="status_lang">Azonosító</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 class="d-none">{{ $_work->id }}</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' || $_work->status == 'delayed')
                    <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
                @if($_work->status == 'organized' && date('Y-m-d', strtotime($_work->start_date)) <= date('Y-m-d', strtotime(now())))
                    {{-- Munka elkészült --}}
                    @can('quick-report-work')
                    <button type="button" data-toggle="tooltip" data-placement="bottom"
                        class="btn btn-success btn-sm mr-1"
                        onclick="window.location = '{{ route('works.completed', $_work->id) }}'"
                        alt="{!! __('Elkészült') !!}"
                        title="{!! __('Elkészült') !!}"
                        style="line-height: 19px;">
                        <i class="fas fa-check"></i>
                    </button>
                    @endcan
                    {{-- További munka szervezése --}}
                    <button type="button" data-toggle="tooltip" data-placement="bottom"
                        class="btn btn-success btn-sm mr-1"
                        onclick="rowCreate( '{{ route('works.need_new_work', $_work->id) }}', works_table_{{ $table_id }}, '{!! __('További munka létrehozása') !!}', '{!! __('Mentés') !!}', function() {window.location.reload()} );"
                        alt="{!! __('További munka szervezése') !!}"
                        title="{!! __('További munka szervezése') !!}">
                        <i class="fas fa-calendar-plus"></i>
                    </button>
                    {{-- Munka készre jelentése, dokumentum feltöltése --}}
                    <button type="button" class="btn btn-success btn-sm mr-1"
                        data-bs-toggle="modal" data-bs-target="#workUploadModal" data-id="{{ $_work->id }}"
                        data-type="survey"
                        >
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-upload" 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-.5z"/>
                            <path d="M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708l3-3z"/>
                        </svg>
                    </button>
                @endif
                
                @if($_work->status == 'organized' || $_work->status == 'organize')


                <button type="button" data-toggle="tooltip" data-placement="bottom"
                    class="btn btn-success btn-sm mr-1"
                    onclick="showModal( 
                        '{{ route('works.work_message', ['id' => $_work->id]) }}', 
                        'Munka megjegyzés', 
                        'Bezár', 
                        function(){}, 
                        function(){}, 
                        function(){}, 
                        function(){}, 
                        function () {} 
                    );"
                    alt="{!! __('Munka megjegyzés') !!}"
                    title="{!! __('Munka megjegyzés') !!}"
                    style="line-height: 20px;">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-dots" viewBox="0 0 16 16">
                        <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/>
                        <path d="M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>
                    </svg>
                </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 }}');
    });

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

    var workUploadModal = document.getElementById('workUploadModal')
        workUploadModal.addEventListener('show.bs.modal', function (event) {
        var button = event.relatedTarget

        var id = button.getAttribute('data-id')
        var modalId = workUploadModal.querySelector('[name="work_id"]');
        modalId.value = id;
        workUploadModal.querySelector('[name="target_id"]').value = id;
        console.log(modalId);
    })
</script>
@endpush