@extends('admin.layout')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-xl-12">
            <div class="card card-collapse">
                <div class="card-header">
                    <h4 class="card-title">
                        <i class="fa-solid fa-envelope me-1 text-primary"></i> Assign Task
                    </h4>
                </div>

                <div class="collapse show" id="collapseFilter">
                    <div class="card-body">
                        <form action="{{ route('assign_task_post', $task->id) }}" method="POST">
                            @csrf
                            

                            <input type="hidden" name="task_id" value="{{ $task->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="{{ old('title', $task->title) }}" 
                                               readonly>
                                    </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" required>
                                        <option value="">Select a Staff</option>
                                        @foreach($users as $user)
                                            <option value="{{ $user->id }}">
                                                {{ $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" 
                                                  readonly>{{ old('description', $task->description) }}</textarea>
                                        <div class="form-text">
                                            Task description is read-only here.
                                        </div>
                                    </div>
                                </div>

                                <!-- Save Button -->
                                <div class="col-xl-12 text-end">
                                    <button type="submit" class="btn btn-primary">Assign Task</button>
                                </div>
                            </div> <!-- .row -->
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- CKEditor -->
<script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/classic/ckeditor.js"></script>
@endsection