@if ((!$record->is_parent && ((float) ($record->plannedwork ?? 0) != 0)) && $recordType->scriptid == 'projecttask')

    <tr class="child-wrap">
        <td colspan="100" class="child-td">
            You cannot add child tasks to a milestone.
        </td>
    </tr>

@else
<tr class="child-wrap"

    @if($showType == 'expandedAssignees')
    x-show="expandedAssignees.includes({{ $parent->refid }})"
    :class="{ 'row-expanded': expandedAssignees.includes({{ $parent->refid }}), 'row-collapsed': !expandedAssignees.includes({{ $parent->refid }}) }"
    @else
    x-show="expanded.includes({{ $parent->refid }})"
    :class="{ 'row-expanded': expanded.includes({{ $parent->refid }}), 'row-collapsed': !expanded.includes({{ $parent->refid }}) }"
    @endif
    :key="child-{{ $parent->refid }}-{{ $recordType->scriptid }}"
    x-data="{
        showList: @entangle($showType),
        setRecordData(refid, rectype) {
            var tableName = '{{ $records->getOptions()['pageName']}}';
            $dispatch('udpateselectedrecord', { rectype: '{{ $recordType->scriptid }}', scriptid: rectype, value: refid, tablename: tableName });
        },
        setInlineRecordData(refid, rectype) {
            var tableName = '{{ $records->getOptions()['pageName']}}';
            $dispatch('udpateselectedinlinerecord', { rectype: '{{ $recordType->scriptid }}', scriptid: rectype, value: refid, tablename: tableName });
        }
    }"

    >
    @php
    // $parentRefid = $record->id;
    // dd($expandedRecords);
    // dd($parent);
    @endphp
    <td colspan="100" class="child-td">
        <table class="min-w-[80vw] text-left full-header inner-table table-shadow">
            <thead class="text-xs text-gray-700 uppercase">
              <tr class="child">
                <th scope="col">#</th>
                @foreach ($tableData['tableFields'] as $field)
                    @if($field['scriptid'] == 'title')
                    <th>

                        <div class="flex space-x-2 items-center">
                            <span>{{ isset($field['title']) ? $field['title'] : 'Title' }}</span>
                            <button  @click="sortColumn('title')" class="@if($sortby == 'title') active @endif sortyby">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="size-4">
                                  <path stroke-linecap="round" stroke-linejoin="round" d="M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5" />
                                </svg>
                            </button>
                        </div>

                    </th>

                    @if($recordType->scriptid == 'projecttask')
                    <th>
                        <div class="flex space-x-2 items-center">
                            <span>Predecessor</span>
                        </div>
                    </th>
                    @endif
                    @if($recordType->scriptid == 'projecttask' && !($isClientView ?? false))
                    <th>
                        <div class="flex space-x-2 items-center">
                            <span>Assignee</span>
                        </div>
                    </th>
                    @endif

                    @else
                        <th>
                            <span>{{ isset($field['title']) ? $field['title'] : 'Title' }}</span>
                        </th>
                    @endif
                @endforeach

                <th>Last Updated</th>
              </tr>
            </thead>
            <tbody>
            @foreach($expandedRecords[$record->refid] as $record)

                @php
                    $fields = is_array($record->fields) ? $record->fields : json_decode($record->fields, true);
                    $fields = is_array($fields) ? $fields : [];
                    $record->setRawAttributes(array_merge($record->getAttributes(), $fields));
                @endphp
                <tr class="nested-row" wire:ignore.self>
                    <td
                        class="py-4 pr-3 text-sm font-medium text-gray-900 relative whitespace-nowrap flex"
                        :class="{ 'expanded': expanded.includes({{ $record->refid }}), 'collapsed': !expanded.includes({{ $record->refid }}) }" >
                        <div class="min-w-14">
                            @if($isClientView ?? false)
                                @if($recordType->scriptid == 'projecttask')
                                <span>{{ $record->eventid }}</span>
                                @else
                                <span>{{ $record->refid }}</span>
                                @endif
                            @else
                                @if($recordType->scriptid == 'projecttask')
                                <a href="{{ route($recordType->recordType . '.show', ['id' => $record->id]) }}" target="_blank">{{ $record->eventid }}</a>
                                @else
                                <a href="{{ route($recordType->recordType . '.show', ['id' => $record->id]) }}" target="_blank">{{ $record->refid }}</a>
                                @endif
                            @endif
                        </div>

                        @if(!($isClientView ?? false))
                            @if($hasTimeEntry && $recordType->recordType != 'assignee')
                                @if(!$record->is_parent)
                                    <div class="flex items-center">
                                        <button
                                            :key="'timeentry-' + {{$record->refid}}"
                                            @click="$dispatch('udpateselectedrecord', { rectype: '{{ $recordType->scriptid }}', scriptid: 'casetaskevent', value: {{$record->refid}}, tablename: '{{ $records->getOptions()['pageName']}}' })"
                                            data-drawer-target="drawer-timeentry-slideout-{{ $records->getOptions()['pageName']}}"
                                            data-drawer-show="drawer-timeentry-slideout-{{ $records->getOptions()['pageName']}}"
                                            aria-controls="drawer-timeentry-slideout-{{ $records->getOptions()['pageName']}}"
                                            title="Time entry"
                                            class="btn sm whitespace-nowrap dark !px-2">
                                            <i class="fas fa-clock"></i>
                                        </button>
                                    </div>
                                @endif
                            @endif

                            @if(isset($hasComment) && $hasComment && $recordType->recordType != 'assignee')
                                <div class="flex space-x-1" >

                                    <button
                                        wire:ignore
                                        @click="setCommentData({{ $record->id }}, '{{$recordType->model_name}}')"
                                        data-drawer-target="drawer-create-comment"
                                        data-drawer-show="drawer-create-comment"
                                        aria-controls="drawer-create-comment"
                                        title="New Comment"
                                        class="btn  sm whitespace-nowrap dark !px-2 !leading-3"
                                        key="addComment-{{ $record->id }} }}">
                                        <i class="fas fa-comment-plus"></i>
                                    </button>
                                </div>
                            @endif

                            @if($hasSubtasks && method_exists($record, 'subtasks'))
                            <div class="flex " wire:ignore.self>
                                @if($record->subtasks())
                                    <button wire:ignore title="Sub Tasks" title="Subtasks" x-cloak @click="toggleSubtask({{ $record->refid }})" wire:click.prevent="expandSubtasks({{ $record->id }}, {{$record->refid }})" class="btn sm whitespace-nowrap !leading-3 flex items-center" :class="expandedSubtasks.includes({{ $record->refid }}) ? '!bg-gray-800 !text-white' : ''" key="expandsubtask-{{ $record->refid }}">
                                        <i class="fas fa-tasks"></i>
                                    </button>
                                @endif
                            </div>
                            @endif

                            @if(method_exists($record, 'documents') && $record->documents()->count() > 0  || (method_exists($record, 'media') && $record->media()->count() > 0))
                                <x-document-modal :record="$record" />
                            @endif

                            @isset($record->surveyRecords[0]['id'])
                            <div x-data="{
                                showFormsModal: false,
                                forms: {{ json_encode($record->surveyRecords) }},
                                recordType: {{ $recordType->id }},
                                recordId: {{ $record->id }},
                                handleClipboardClick() {
                                    if (this.forms.length === 1) {
                                        window.location.href = `{{ route('survey-answers.create') }}?id=${this.forms[0].id}&record_type=${this.recordType}&record_id=${this.recordId}`;
                                    } else {
                                        this.showFormsModal = true;
                                    }
                                },
                                navigateToForm(surveyId) {
                                    window.location.href = `{{ route('survey-answers.create') }}?id=${surveyId}&record_type=${this.recordType}&record_id=${this.recordId}`;
                                }
                            }">
                                <button 
                                    @click="handleClipboardClick()"
                                    title="{{ count($record->surveyRecords) > 1 ? 'View forms' : 'View form' }}" 
                                    class="btn sm whitespace-nowrap !leading-3 !px-2 text-gray-900 dark:text-white">
                                    <i class="fas fa-clipboard"></i>
                                </button>

                                <!-- Modal for multiple forms -->
                                <div
                                    x-show="showFormsModal"
                                    x-cloak
                                    class="fixed inset-0 z-50 overflow-y-auto"
                                    aria-labelledby="modal-title"
                                    role="dialog"
                                    aria-modal="true">
                                    <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
                                        <div
                                            x-show="showFormsModal"
                                            x-transition:enter="ease-out duration-300"
                                            x-transition:enter-start="opacity-0"
                                            x-transition:enter-end="opacity-100"
                                            x-transition:leave="ease-in duration-200"
                                            x-transition:leave-start="opacity-100"
                                            x-transition:leave-end="opacity-0"
                                            class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
                                            @click="showFormsModal = false"
                                            aria-hidden="true">
                                        </div>

                                        <div
                                            x-show="showFormsModal"
                                            x-transition:enter="ease-out duration-300"
                                            x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                                            x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
                                            x-transition:leave="ease-in duration-200"
                                            x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
                                            x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                                            class="inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6 dark:bg-gray-800">
                                            <div class="flex justify-between items-center mb-4">
                                                <h3 class="text-lg font-medium text-gray-900 dark:text-white">
                                                    Forms (<span x-text="forms.length"></span>)
                                                </h3>
                                                <button
                                                    @click="showFormsModal = false"
                                                    class="text-gray-400 hover:text-gray-500">
                                                    <span class="sr-only">Close</span>
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </div>
                                            <div class="mt-2">
                                                <ul class="divide-y divide-gray-200 dark:divide-gray-700">
                                                    <template x-for="form in forms" :key="form.id">
                                                        <li class="py-3">
                                                            <button
                                                                @click="navigateToForm(form.id)"
                                                                class="w-full text-left flex items-center space-x-3 text-gray-900 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">
                                                                <i class="fas fa-clipboard-list text-blue-400"></i>
                                                                <span x-text="form.name || 'Form ' + form.id"></span>
                                                            </button>
                                                        </li>
                                                    </template>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endisset

                            @if(method_exists($record, 'media'))
                                <div class="flex items-center">
                                    <button 
                                        wire:click="$dispatch('toggleFileModal'); $dispatch('setRecordData', {data: { recordId: {{ $record->id }}, recordType: '{{ $recordType->recordType }}' }});"
                                        class="btn sm whitespace-nowrap dark !px-2"
                                        title="Upload File"
                                    >
                                        <i class="fas fa-upload"></i>
                                    </button>
                                </div>
                            @endif
                        @endif

                        {{-- Expand/Collapse buttons - visible to clients --}}
                        @if($nestable && $nest && $recordType->recordType != 'assignee')

                        <div class="flex items-center" wire:ignore.self>
                            <button wire:ignore @click="toggleExpand({{ $record->refid }})" title="Nested Tasks" wire:click.prevent="expand({{ $record->id }}, {{$record->refid }})" class=" btn sm whitespace-nowrap" :class="expanded.includes({{ $record->refid }}) ? '!bg-gray-800 !text-white' : ''" key="expand-{{ $record->refid }}">
                                @if($record->is_parent)
                                <i class="fas fa-project-diagram"></i>
                                @else
                                <i class="far fa-project-diagram"></i>
                                @endif
                            </button>
                        </div>
                        @endif

                        @if($recordType->recordType == 'projecttask' && !$record->is_parent && !($isClientView ?? false))
                        <div class="flex " wire:ignore.self>
                            <button   title="Assignees" x-cloak @click="toggleAssignee({{ $record->refid }})" wire:click.prevent="expandAssignees({{ $record->id }}, {{$record->refid }})" class="btn sm whitespace-nowrap !leading-3 flex items-center" :class="expandedAssignees.includes({{ $record->refid }}) ? '!bg-gray-800 !text-white' : ''" key="expandassignee-{{ $record->refid }} }}">
                                <i class="fas fa-user-check"></i>
                            </button>
                        </div>
                        @endif

                    </td>

                    @include('tenant.record.partials.tablefields', ['isClientView' => $isClientView ?? false])

                    <td class="whitespace-nowrap">{{ isset($record->updated_at) ? $record->updated_at->setTimezone(config('app.user_timezone'))->format('M d, Y, g:i a') : 'N/A' }}</td>
                </tr>
                @if(!$record->is_parent)
                @isset($expandedAssignees[$record->refid])
                    @include('tenant.record.partials.nested-records', ['expandedRecords' => $expandedAssignees, 'tableData' => $assigneeTableData, 'recordType' => $assigneeRecordType, 'parent' => $record, 'level' => 1, 'expandfield' => 'projecttask', 'showType' => 'expandedAssignees', 'isClientView' => $isClientView ?? false])
                @endisset
                @endif
                @isset($expandedSubtasks[$record->refid])
                    @include('tenant.record.partials.nested-subtasks', ['expandedSubtasks' => $expandedSubtasks, 'tableData' => $tableData, 'recordType' => $subtaskRecordType, 'parent' => $record, 'level' => 1, 'isClientView' => $isClientView ?? false])
                @endisset
                @isset($expandedRecords[$record->refid])

                    @if ($record->is_parent || ((float) ($record->plannedwork ?? 0) == 0) || $recordType->scriptid != 'projecttask')
                    @include('tenant.record.partials.nested-records', ['expandedRecords' => $expandedRecords, 'tableData' => $tableData, 'recordType' => $recordType, 'parent' => $record, 'level' => 1, 'expandfield' => 'parent', 'showType' => 'expanded', 'isClientView' => $isClientView ?? false])
                    @else
                    <tr class="child-wrap">
                        <td colspan="100" class="child-td">
                            You cannot add child tasks to a milestone.
                        </td>
                    </tr>
                    @endif
                @endisset
            @endforeach

            <livewire:form-builder.form-inline
                :tablename="$records->getOptions()['pageName']"
                :tableData="$tableData"
                recordtypestring="{{ $recordType->scriptid }}"
                :pagetype="$pagetype"
                :recordType="$recordType"
                :pagetypemodel="$pagetypemodel"
                :pagetypeid="$pagetypeid"
                :pagetypexternalid="$pagetyperefid"
                :pagetyperefid="$pagetyperefid"
                :inline="true"
                :parent="$parent"
                wire:key="form-inline-{{ $recordType->scriptid }}-{{ $parent->id }}"
                drawer="inlineRecordForm_{{ $recordType->scriptid }}-{{ $parent->id }}"
            />

            @if (($parent->is_parent || ((float) ($parent->plannedwork ?? 0) == 0) || $recordType->scriptid != 'projecttask') && !($isClientView ?? false))
              <tr>
                <td colspan="200" class="nested-id" >
                    @if($recordType->scriptid == 'assignee')
                    <button
                        @click="setSubtaskData({{ $parent->refid }}, 'projecttask')"
                        data-drawer-target="drawer-create-assignee"
                        data-drawer-show="drawer-create-assignee"
                        aria-controls="drawer-create-assignee"
                        class="btn btn-outline sm whitespace-nowrap add-icon icon-only dark !px-3"
                        key="{{ $recordType->scriptid }}-create-{{ now() }}"
                    > Add Assignee</button>
                    @else

                    <button
                        @click="
                            document.querySelectorAll('.inline-drawer').forEach(el => {
                                el.classList.remove('slideout-shadow', 'row-open');
                            });

                            setInlineRecordData({{$parent->refid}}, '{{ $expandfield }}');
                            const newDrawer = document.getElementById('inlineRecordForm_{{ $recordType->scriptid }}-{{ $parent->id }}');
                            if (newDrawer) newDrawer.classList.add('slideout-shadow', 'row-open');
                        "
                        data-drawer-target="inlineRecordForm_{{ $recordType->scriptid }}-{{ $parent->id }}"
                        data-drawer-show="inlineRecordForm_{{ $recordType->scriptid }}-{{ $parent->id }}"
                        aria-controls="inlineRecordForm_{{ $recordType->scriptid }}-{{ $parent->id }}"
                        class="btn btn-outline sm whitespace-nowrap add-icon icon-only dark !px-3"
                        wire:key="form-inlinebtn-{{ $recordType->scriptid }}-{{ $parent->id }}-{{ now() }}"
                        wire:ignore.self
                    > New {{ $recordType->title }}</button>
                    @endif
                </td>
              </tr>
              @endif
            </tbody>
        </table>
    </td>
</tr>
@endif