@php
    $CustomRoomObjects = App\Models\CustomRoomObjects::select('category')->distinct()->get();
    if(Session::has('draftedTaskId')){
        $task_Id = Session::get('draftedTaskId');
        $taskDetails = App\Models\Task::where('task_id', $task_Id)->get();
    }
@endphp
<section>
    <form action="">
        @csrf
        <div class="fixed h-screen  z-[100] w-full top-0 left-0 flex justify-center items-center  overflow-y-auto bg-gray-900/90  hidden" id="modal">
            <div class="md:w-1/2 w-[95%] bg-white rounded-lg shadow-sm" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
                <div class="text-gray-500 p-5 flex flex-col gap-2">
                    <div class="flex justify-between items-center">
                        @if (Session::has('draftedTaskId'))
                            <h6>Visualez / Task ID - @php
                                echo isset($taskDetails) ? $taskDetails[0]->task_id : '0';
                            @endphp</h6>
                            <span class="hidden" id='drafted_task_id'>{{$taskDetails[0]->task_id}}</span>
                        @else
                            <h6>Visualez / Add Task</h6>
                        @endif
                        <div class="flex items-center gap-2">
                            <button type="button" onclick="toggleModal()">
                                <svg class="w-6 h-6" fill="#686583" id="Flat" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
                                    <path d="M205.65674,194.34326a7.99984,7.99984,0,1,1-11.31348,11.31348L128,139.31348,61.65674,205.65674a7.99984,7.99984,0,0,1-11.31348-11.31348L116.68652,128,50.34326,61.65674A7.99984,7.99984,0,0,1,61.65674,50.34326L128,116.68652l66.34326-66.34326a7.99984,7.99984,0,0,1,11.31348,11.31348L139.31348,128Z" />
                                </svg>
                            </button>
                        </div>
                    </div>
                    <div
                        class="flex justify-between text-red-200 shadow-inner rounded p-3 bg-red-600  hidden print-error-msg"
                    >
                        {{-- <p class="self-center"><strong>Danger </strong>This is Danger alert.</p> --}}
                        <ul></ul>
                        <strong class="text-xl align-center cursor-pointer alert-del"
                        >&times;</strong
                        >
                    </div>
                    
                    <p class="text-[14px]  text-black font-semibold">
                        <input type="text" name="task_name" class="border-[1px] border-orange-400 rounded p-[10px] w-full " placeholder="Enter Task Name" @if (isset($taskDetails)) value="{{$taskDetails[0]->name}}" @endif>
                    </p>
                    <span class="text-danger">Task Name is mandatory.</span>
                    <table class="table-auto md:w-1/2">
                        <tbody class="text-sm text-[#9095A0]">
                            <tr>
                                <td class="w-1/2 py-2 ">
                                    <div class="flex items-center gap-2">
                                        <svg class="w-4 h-4" fill="#686583" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                            <path d="M16 6l2.29 2.29l-4.88 4.88l-4-4L2 16.59L3.41 18l6-6l4 4l6.3-6.29L22 12V6h-6z" />
                                        </svg>
                                        <span class="font-semibold">Priority</span>
                                    </div>
                                </td>
                                <td class="w-1/2 py-2 ">
                                    @if(isset($taskDetails))
                                    <select name="task_priority" class="bg-[#F06A6A] px-2 py-1 text-white rounded-full text-sm">
                                        <option value="Low" @if($taskDetails[0]->priority == "Low") selected @endif>Low</option>
                                        <option value="Medium" @if($taskDetails[0]->priority == "Medium") selected @endif>Medium</option>
                                        <option value="High" @if($taskDetails[0]->priority == "High") selected @endif>High</option>

                                    </select>
                                    @else
                                    <select name="task_priority" class="bg-[#F06A6A] px-2 py-1 text-white rounded-full text-sm">
                                        <option value="Low" selected>Low</option>
                                        <option value="Medium">Medium</option>
                                        <option value="High">High</option>

                                    </select>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="w-1/2 py-2 ">
                                    <div class="flex items-center gap-2">
                                        <svg class="w-4 h-4" fill="#686583" xmlns="http://www.w3.org/2000/svg" viewBox="0 3aet0 24 24">
                                            <g>

                                                <path d="M4 22a8 8 0 1 1 16 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6z" />
                                            </g>
                                        </svg>
                                        <span class="font-semibold">Owner</span>
                                    </div>
                                </td>
                                @if(isset($taskDetails))
                                <td class="w-1/2 py-2 ">
                                    <div class="flex gap-2 items-center">
                                        <!-- <img src="../../public/assets/img/modal-owner-img.png" /> -->
                                        <span class="text-gray-700"> {{$taskDetails[0]->owner}}</span>
                                    </div>
                                </td>
                                @else
                                <td class="w-1/2 py-2 ">
                                    <div class="flex gap-2 items-center">
                                        <!-- <img src="../../public/assets/img/modal-owner-img.png" /> -->
                                        <span class="text-gray-700">