@extends('admin.layout')

@section('content')

<div class="container-fluid">

    <h3 class="mb-4">Task </h3>

    @foreach($allTasks as $t)
        <div class="row mb-4">
            <!-- Edit Task Card (Left 8 columns) -->
            <div class="col-xl-8">
                <div class="card card-collapse">
                    <div class="card-header">
                        <h4 class="card-title">
                            <i class="fa-solid fa-pen-to-square me-1 text-primary"></i> Edit Task
                        </h4>
                        <a class="collapse-indicator" data-bs-toggle="collapse" href="#collapseEdit{{ $t->id }}"
                           role="button" aria-expanded="true" aria-controls="collapseEdit{{ $t->id }}">
                            <i class="fa fa-angle-down"></i>
                        </a>
                    </div>

                    <div class="collapse show" id="collapseEdit{{ $t->id }}">
                        <div class="card-body">
                            <form action="{{ route('admin.update_projecttask', $t->id) }}" method="POST">
                                @csrf
                                <input type="hidden" name="id" value="{{ $t->id }}">
                                <div class="row">
                                    <!-- Title -->
                                    <div class="col-xl-6">
                                        <div class="mb-3">
                                            <label class="form-label">Title</label>
                                            <input type="text" name="title" class="form-control" value="{{ $t->title }}" required>
                                        </div>
                                    </div>

                                    <!-- Description -->
                                    <div class="col-xl-12">
                                        <div class="mb-3">
                                            <label class="form-label">Description</label>
                                            <textarea name="description" id="ckeditor_{{ $t->id }}" class="form-control" rows="10">{{ $t->description }}</textarea>
                                            <div class="form-text">
                                                You can update the task details here.
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Update Button -->
                                    <div class="col-xl-12 text-end">
                                        <button type="submit" class="btn btn-success">Update Task</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Activity / Timeline Card (Right 4 columns) -->
            <div class="col-xl-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title mb-0">Activity</h4>
                    </div>
                    <div class="card-body dz-scroll height380">
                        <div class="widget-timeline1">
                            <ul class="activity-timeline">
                                @if($t)
                                    <li class="activity-item">
                                        <div class="activity-time">
                                            {{ $t->created_at->format('d M Y H:i') }}
                                        </div>
                                        <div class="activity-circle circle-primary"></div>
<div class="activity-content">
    <strong>{{ ucfirst($t->type ?? 'Task') }}</strong>
</div>

                                    </li>
                                @else
                                    <li class="activity-item">
                                        <div class="activity-time">{{ now()->format('d M Y H:i') }}</div>
                                        <div class="activity-circle circle-danger"></div>
                                        <div class="activity-content">No activity recorded for this task.</div>
                                    </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    @endforeach

</div>

<!-- CKEditor -->
<script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/classic/ckeditor.js"></script>
<script>
    @foreach($allTasks as $t)
        ClassicEditor
            .create(document.querySelector('#ckeditor_{{ $t->id }}'))
            .catch(error => console.error(error));
    @endforeach
</script>

@endsection