@extends('layouts.master')

@section('mainContent')
    <div class="page-wrapper">
        <div class="page-header-link">
            <a href="#" class="show-menuheader">
                Project Menus
                <i class="fas fa-align-left ms-auto"></i>
            </a>
        </div>
        <div class="page-menu">
            <div class="page-menu-header">
                <h2>Project Menu</h2>
                <a href="#" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>
            <input type="hidden" name="page_name" value="{{ $page }}" id="page_name">
            <input type="hidden" name="milestone_id" value="" id="milestone_id">
            @include('layouts.tenants.project-header-menu')

        </div>
        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Tasks</h3>
                        <ul>
                            <li class="text-primary">Project Management </li>
                            <li><a class="text-primary" href="{{ route('task.list') }}">Tasks</a></li>
                            <li><a href="javascript:;">Task Detail</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12" >
                    <div class="card">
                        <div class="card-body">
                            <div class="card-body-header">
                                <h5>{{ $tasks->task_name }}</h5>
                                <a href="javascript:;" class="btn btn-primary-light" data-bs-toggle="dropdown"><i class="fe fe-more-horizontal"></i></a>
                                <div class="dropdown-menu ">
                                    @if(Auth::user()->hasPermission('tasks','edit'))
                                    <a href="javascript:;" class="dropdown-item" id="edit_task">Edit</a>
                                    @endif
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#status_task_modal" class="dropdown-item">Move</a>
                                    <a href="javascript:;" data-id="{{ $tasks->id }}" class="dropdown-item task_clone">Clone</a>
                                    @if(Auth::user()->hasPermission('tasks','delete'))
                                    <a href="{{ route('task.delete', ['id' => $tasks->id]) }}" class="dropdown-item">Delete</a>
                                    @endif
                                    <a href="javascript:;" class="dropdown-item" id="copyLinkButton">Copy Link</a>
                                </div>
                            </div>
                            <div class="card-body-content">
                                <p>{{ $tasks->description }}</p>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Task ID</h5>
                                                <h6>{{ $tasks->task_id }}</h6>
                                            </li>
                                            <li>
                                                <h5>Project</h5>
                                                <h6>{{ $tasks->project->project_name }}</h6>
                                            </li>
                                            <li>
                                                <h5>Owner</h5>
                                                <h6>{{ $tasks->taskOwner->first_name.' '.$tasks->taskOwner->last_name }}</h6>
                                            </li>
                                            <li>
                                                <h5>Created by</h5>
                                                <h6>{{ $tasks->user->first_name.' '.$tasks->user->last_name }}</h6>
                                            </li>
                                            <li>
                                                <h5>Start date</h5>
                                                <h6>{{ ConverDate1($tasks->start_date) }}</h6>
                                            </li>
                                            <li>
                                                <h5>End date</h5>
                                                <h6>{{ ConverDate1($tasks->end_date) }}</h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Planned duration</h5>
                                                <h6>{{ !empty($tasks->planned_duration) ? $tasks->planned_duration.' hrs' : '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Priority</h5>
                                                <h6 class="td-badge-dot {{ $tasks->taskPriority->color_name }}">{{ $tasks->taskPriority->name }}</h6>
                                            </li>
                                            <li>
                                                <h5>% Completion</h5>
                                                <h6 class="text-primary">{{ $tasks->completion_percent }}%</h6>
                                            </li>
                                            <li>
                                                <h5>Completion date</h5>
                                                {{-- <h6>{{ !empty($tasks->completion_date) ? ConverDate1($tasks->completion_date) : ' - ' }}</h6> --}}
                                                <h6>{{ !empty($tasks->actual_end_date) ? ConverDate1($tasks->actual_end_date) : ' - ' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Actual duration</h5>
                                                <h6>{{ !empty($tasks->actual_duration) ? $tasks->actual_duration.' hrs' : '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Status</h5>
                                                <h6><span class="badge" style="color: white; background: {{ $tasks->taskStatus->color_name  }}"><i class="fe fe-check me-2"></i>{{ $tasks->taskStatus->name }}</span></h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12" >
                    <input type="hidden" name="details_task_id" value="{{ $tasks->id }}">
                    <input type="hidden" name="details_project_id" value="{{ $tasks->project_id }}">
                    <div class="card">
                        <div class="tab-set">
                            <nav>
                                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                    <button class="nav-link active" id="nav-resolution-tab" data-bs-toggle="tab" data-bs-target="#nav-resolution" type="button" role="tab" aria-controls="nav-resolution" aria-selected="false">Dependency</button>
                                    <button class="nav-link" id="nav-task-tab" data-bs-toggle="tab" data-bs-target="#nav-task" type="button" role="tab" aria-controls="nav-task" aria-selected="false">Issues</button>
                                    <button class="nav-link" id="nav-documents-tab" data-bs-toggle="tab" data-bs-target="#nav-documents" type="button" role="tab" aria-controls="nav-documents" aria-selected="true">Documents</button>
                                    <button class="nav-link" id="nav-comments-tab" data-bs-toggle="tab" data-bs-target="#nav-comments" type="button" role="tab" aria-controls="nav-comments" aria-selected="false">Comments</button>
                                    <button class="nav-link" id="nav-activity-tab" data-bs-toggle="tab" data-bs-target="#nav-activity" type="button" role="tab" aria-controls="nav-activity" aria-selected="false">Activity</button>
                                </div>
                            </nav>
                            <div class="tab-content" id="nav-tabContent">
                                <div class="tab-pane fade" id="nav-documents" role="tabpanel" aria-labelledby="nav-documents-tab">
                                    <div class="client-documents">
                                        <div class="client-file">
                                            <input type="hidden" name="task_data_id" id="task_data_id" value="{{ $tasks->id }}">
                                            <input type="file" id="task_file">
                                            <h6>Drag or Drop File here...</h6>
                                                </div>
                                                <div class="client-overflow">
                                                @foreach($tasks->files as $file)
                                                <div class="client-file-div" id="file_remove_{{ $file->id }}">
                                                    <div class="client-file-name">
                                                    <i class="fe fe-file-text me-2"></i>