@extends('admin.layout')

@section('content')
<div class="container-fluid">

    <!-- Start - Edit Task -->
    <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-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('update_change_task', $task->id) }}" method="POST">
                            @csrf
                            <input type="hidden" name="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="{{ $task->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" 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">Change Task</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- End - Edit Task -->

</div>

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