@php
    $types = json_decode($types);
    $hide_all_documents = false;

    if($target_type == 'App\Models\Work') {
        $work = $target_type::where('id', $id)->first();
        $hide_all_documents = $work['task_id'] ? true : false;    
    }
@endphp

@if(isset($types[1]))
<div class="form-group">
    <label for="type">{!! __('Dokumentum típusa') !!}</label>
    <select class="form-select @error('type') is-invalid @enderror" id="type" name="type">
        @if(!isset($copy_data)) 
            @foreach ($document_types as $key => $value)
                @php $type_show = false @endphp
                @foreach($types as $type)
                    @if($type == $key) @php $type_show = true @endphp @endif
                @endforeach
                @if($type_show)
                    <option value="{{ $key }}">{!! __($value['name']) !!}</option>
                @endif
            @endforeach
        @else
            <option value="{{ $copy_data['type'] }}" selected>{!! __($document_types[$copy_data['type']]['name']) !!}</option>
        @endif
    </select>
    @error('category')
        <span class="invalid-feedback" role="alert">
            <strong>{!! $message !!}</strong>
        </span>
    @enderror
</div>
@endif

<input type="hidden" name="is_copy" value="@if(isset($copy_data)) true @else false @endif">

<div class="form-group">
    <label for="description">{!! __('Leírás') !!}</label>
    <textarea class="form-control" id="description" name="description" rows="2">{{ isset($copy_data['description']) ? $copy_data['description'] : '' }}</textarea>
</div>

<div class="form-group">
    <label for="file">{!! __('Fájl') !!}</label>
    <input type="file" class="form-control" id="file" name="file[]" style="height: auto !important" multiple />
</div>

@if($hide_all_documents === false)
<div class="accordion mt-2" id="accordionPanels">
    <div class="accordion-item">
        <h2 class="accordion-header" id="panel-headingTwo">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panel-collapseTwo" aria-expanded="false" aria-controls="panel-collapseTwo">
            Feltöltve
            </button>
        </h2>
        <div id="panel-collapseTwo" class="accordion-collapse collapse" aria-labelledby="panel-headingTwo">
            <div class="accordion-body">
                <div id="results" class="mt-3"></div>
            </div>
        </div>
    </div>
</div>
@endif

@if ($types[0] == 'survey' && ($modal_type != 'survey_organize' && $modal_type != 'work_organize'))
<div class="form-group ml-3 pl-1 mt-3">
    <input type="checkbox" class="form-check-input" id="state" name="state" value="completed" @if(isset($state) && $state == 1) checked @endif @if(isset($state) && $state == 1) disabled @endif>
    <label class="form-check-label" for="state">
        {{__('Felmérés elkészült')}}
    </label>
</div>
@endif

{{-- Munka szervezés fájl feltöltéskor készre jelentés --}}
@if ($types[0] == 'worksheet' && ($modal_type != 'survey_organize' && $modal_type != 'work_organize'))
@can('quick-report-work')
<div class="form-group ml-3 pl-1 mt-3">
    <input type="checkbox" class="form-check-input" id="state" name="state" value="completed" @if(isset($state) && $state == 1) checked @endif @if(isset($state) && $state == 1) disabled @endif>
    <label class="form-check-label" for="state">
        {{__('Munka elkészült')}}
    </label>
</div>
@endcan
@endif

<input type="hidden" name="target_type" value="{{$target_type}}">
<input type="hidden" name="target_id" value="{{$id}}">
<input type="hidden" name="overwrite" value="false">
@if(isset($work) && $work['task_id'])
<input type="hidden" name="task_id" value="{{$work['task_id']}}">
@endif

@if(!isset($types[1]))
<input type="hidden" name="type" value="{{$types[0]}}">
@endif

@if($hide_all_documents === false)
<script>
    $.ajax({
            type: "GET",
            url: "{{route('documents.index', ['id' => $id, 'type' => base64_encode($target_type)])}}",
        })
        .done(function (response) {
            $("#results").html(response);
        })
        .fail(function (response) {
            console.log(response);
        });  
</script>
@endif