@extends('admin.layout')



@section('content')



<div class="container-fluid">

    <!-- Start - Edit Task -->

    <div class="row">

        <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"

                       role="button" aria-expanded="true" aria-controls="collapseEdit">

                        <i class="fa fa-angle-down"></i>

                    </a>

                </div>



                <div class="collapse show" id="collapseEdit">

                    <div class="card-body">

                        <form action="{{ route('admin.update_task', $task->id) }}" method="POST">

                            @csrf

                        



                            <input type="hidden" name="project_id" value="{{ $task->project_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="{{ $task->title }}" required>

                                    </div>

                                </div>



                                <!-- Assign To -->

                                <div class="col-xl-6">

                                    <div class="mb-3">

                                        <label class="form-label">Assign To</label>

                                        <select name="assigned_to" class="form-control">

                                            <option value="">Select a Staff</option>

                                            @foreach($users as $user)

                                                <option value="{{ $user->id }}" {{ $task->assigned_to == $user->id ? 'selected' : '' }}>

                                                    {{ $user->name }} (ID: {{ $user->user_id }})

                                                </option>

                                            @endforeach

                                        </select>

                                    </div>

                                </div>



                                <!-- Description -->

                                <div class="col-xl-12">

                                    <div class="mb-3">

                                        <label class="form-label">Description</label>

                                        <textarea name="description" id="ckeditor" class="form-control" rows="10">{{ $task->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>

        
<div class="col-lg-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">
                    @forelse($followups as $followup)
                        @php
                            $circleColors = [
                                'completed' => 'circle-success',
                                'reopened'  => 'circle-warning',
                                'new'       => 'circle-primary',
                                'hold'      => 'circle-purple',
                                'started'   => 'circle-info',
                            ];
                            $circleClass = $circleColors[strtolower($followup->status)] ?? 'circle-danger';
                        @endphp

                        <li class="activity-item">
                            <!-- Date & time in same line -->
                            <div class="activity-time">
                                {{ $followup->created_at->format('d M Y H:i') }}
                            </div>
                            <div class="activity-circle {{ $circleClass }}"></div>
                            <div class="activity-content">
                                <strong class="text-{{ strtolower($followup->status) === 'completed' ? 'success' : 'secondary' }}">
                                    {{ ucfirst($followup->status) }}
                                </strong>
                                @if(!empty($followup->remark))
                                    <div class="text-muted small">{{ $followup->remark }}</div>
                                @endif
                                 <hr class="my-1"> <!-- thin underline -->
                                 <br>

                            </div>
                        </li>
                    @empty
                        <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>
                    @endforelse
                </ul>
            </div>
        </div>
    </div>
</div>


    <!-- End - Edit Task -->

</div>



<!-- CKEditor -->

<script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/classic/ckeditor.js"></script>



@endsection