@extends('admin.layout')



@section('content')



<div class="container-fluid">

    <!-- Start - Add 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-envelope me-1 text-primary"></i> Add Task

                    </h4>

                    <a class="collapse-indicator" data-bs-toggle="collapse" href="#collapseFilter"

                       role="button" aria-expanded="false" aria-controls="collapseFilter">

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

                    </a>

                </div>



                <div class="collapsed collapse show" id="collapseFilter">

                    <div class="card-body">

                        <form action="{{ route('add_task') }}" method="POST">

                            @csrf

                            <input type="hidden" name="projecttask_id" value="{{ $projecttask->id }}"> {{-- Make sure $project is passed from controller --}}
                                <input type="hidden" name="project_id" value="{{ $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" 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 }}">{{ $user->name }} (ID: {{ $user->user_id }})</option>

                                            @endforeach

                                        </select>

                                    </div>

                                </div>



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

                                        <div class="mb-3">

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

                                            <input type="date" name="dead_line" class="form-control" 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"></textarea>

                                        <div class="form-text">

                                            You can describe the task details here.

                                        </div>

                                    </div>

                                </div>



                                <!-- Save Button -->

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

                                    <button type="submit" class="btn btn-primary">Save Task</button>

                                </div>

                            </div> <!-- .row -->

                        </form>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <!-- End - Add Task -->

</div>



<!-- CKEditor -->

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





@endsection