@php
    $indent = $level * 20;
    $isSubtask = $task->isSubtask();
    $hasSubtasks = $task->hasSubtasks();
@endphp

<div class="task-item {{ $isSubtask ? 'subtask' : 'main-task' }}" style="margin-left: {{ $indent }}px;">
    <div class="d-flex justify-content-between align-items-start">
        <div class="flex-grow-1">
            <div class="d-flex align-items-center mb-2">
                <h6 class="mb-0 me-2">
                    <a href="{{ route('tasks.show', crypt_encrypt($task->id)) }}" class="text-dark">
                        {{ $task->tsk_id }} - {{ $task->title }}
                    </a>
                </h6>
                {!! $task->getTaskHierarchyBadge() !!}
            </div>
            
            <div class="task-meta d-flex flex-wrap gap-3 mb-2">
                @if($task->status)
                <span class="badge" style="background-color: {{ $task->status->color }}; color: white">
                    {{ $task->status->name }}
                </span>
                @endif
                
                @if($task->priority)
                <span class="badge" style="background-color: {{ $task->priority->color }}">
                    {{ $task->priority->name }}
                </span>
                @endif
                
                @if($task->assignee)
                <span class="text-muted">
                    <i class="las la-user"></i> {{ $task->assignee->name }}
                </span>
                @endif
                
                @if($task->due_date)
                <span class="text-muted">
                    <i class="las la-clock"></i> {{ $task->due_date->format('M d, Y') }}
                </span>
                @endif
            </div>
            
            @if($task->description)
            <p class="mb-2 small text-muted">{{ Str::limit($task->description, 150) }}</p>
            @endif
        </div>
        
        <div class="task-actions">
            @can('tasks.edit')
            <a href="{{ route('tasks.edit', crypt_encrypt($task->id)) }}" class="btn btn-sm btn-outline-primary" title="Edit">
                <i class="las la-edit"></i>
            </a>
            @endcan
            
            @can('tasks.create')
            <button type="button" class="btn btn-sm btn-outline-success" onclick="showAddSubtaskModal({{ $task->id }})" title="Add Subtask">
                <i class="las la-plus-circle"></i>
            </button>
            @endcan
            
            @if(!$task->isSubtask() && $task->status && $task->status->state != 0)
            <button type="button" class="btn btn-sm btn-outline-warning" onclick="completeTask({{ $task->id }})" title="Mark Complete">
                <i class="las la-check"></i>
            </button>
            @endif
            
            @can('tasks.delete')
            <button type="button" class="btn btn-sm btn-outline-danger" onclick="deleteTask({{ $task->id }})" title="Delete">
                <i class="las la-trash"></i>
            </button>
            @endcan
        </div>
    </div>
    
    <!-- Subtasks -->
    @if($hasSubtasks)
    <div class="subtask-level mt-3">
        @foreach($task->subtasks as $subtask)
            @include('admin.tickets.tickets.partials.task-item', ['task' => $subtask, 'level' => $level + 1])
        @endforeach
    </div>
    @endif
</div>

<script>
/**
 * Show add subtask modal
 */
/**
 * Show modal for creating subtask
 */
function showAddSubtaskModal(taskId) {
    // Set the parent task ID and update modal title
    $('#parent_task_id').val(taskId);
    $('#modalTitle').text('Add Subtask');
    $('#modalSubtitle').text(''); // Clear subtitle or add parent task info
    
    $.ajax({
        url: "{{ route('tasks.ajax.task-info', ':taskId') }}".replace(':taskId', taskId),
        type: 'GET',
        success: function(response) {
            if (response.success) {
                $('#modalSubtitle').text('for: ' + response.task.tsk_id + ' - ' + response.task.title);
            }
        }
    });
    
    $('#createTaskModal').modal('show');
}


/**
 * Complete task
 */
function completeTask(taskId) {
    swal({
        title: "Mark as Complete?",
        text: "Are you sure you want to mark this task as complete?",
        icon: "warning",
        buttons: {
            cancel: "Cancel",
            confirm: {
                text: "Yes, Complete",
                value: true,
                visible: true,
                className: "btn-primary",
                closeModal: true
            }
        },
        dangerMode: false,
    })
    .then((willComplete) => {
        if (willComplete) {
            $.ajax({
                url: "{{ route('tasks.complete', ':taskId') }}".replace(':taskId', taskId),
                type: 'POST',
                data: {
                    _token: "{{ csrf_token() }}",
                    _method: 'PUT'
                },
                success: function(response) {
                    if (response.success) {
                        toastr.success(response.message, 'Success');
                        // Reload the task list or update UI
                        setTimeout(() => window.location.reload(), 1000);
                    }
                },
                error: function(xhr) {
                    toastr.error(xhr.responseJSON?.message || 'Failed to complete task', 'Error');
                }
            });
        }
    });
}

/**
 * Delete task
 */
function deleteTask(taskId) {
    swal({
        title: "Delete Task?",
        text: "Are you sure you want to delete this task? This action cannot be undone.",
        icon: "warning",
        buttons: {
            cancel: "Cancel",
            confirm: {
                text: "Yes, Delete",
                value: true,
                visible: true,
                className: "btn-danger",
                closeModal: true
            }
        },
        dangerMode: true,
    })
    .then((willDelete) => {
        if (willDelete) {
            $.ajax({
                url: "{{ route('tasks.delete', ':taskId') }}".replace(':taskId', taskId),
                type: 'POST',
                data: {
                    _token: "{{ csrf_token() }}",
                    _method: 'DELETE'
                },
                success: function(response) {
                    if (response.success) {
                        swal({
                            title: "Deleted!",
                            text: response.message,
                            icon: "success",
                            timer: 2000,
                            buttons: false
                        });
                        // Remove task from UI or reload
                        setTimeout(() => window.location.reload(), 1000);
                    }
                },
                error: function(xhr) {
                    if (xhr.status === 422) {
                        swal({
                            title: "Cannot Delete",
                            text: xhr.responseJSON.message,
                            icon: "error",
                            timer: 3000,
                            buttons: false
                        });
                    } else {
                        toastr.error('Failed to delete task', 'Error');
                    }
                }
            });
        }
    });
}
</script>