@extends('layouts.master')

@section('mainContent')
    <div class="page-wrapper">
        <div class="page-header-link">
            <a href="javascript:;" 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="javascript:;" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>
            <input type="hidden" name="page" value="{{ $page }}" id="page">

            @include('layouts.tenants.project-header-menu')

        </div>

        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Issues</h3>
                        <ul>
                            <li class="text-primary">Project Management </li>
                            <li><a class="text-primary" href="{{ route('issues.lists') }}">Issues</a></li>
                            <li><a href="#">Issue Detail</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <ul class="btn-header-split btn-header-splitset mb-3">
                                @if (Auth::user()->hasPermission('issues', 'edit'))
                                    <li>
                                        <a href="javascript:;" class="btn btn-primary-outline" data-bs-toggle="modal"
                                            data-bs-target="#manage-issue">Edit <i class="fe fe-edit ms-2"></i></a>
                                    </li>
                                @endif
                                @if (Auth::user()->hasPermission('issues', 'delete'))
                                    <li>
                                        <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#delete-issue"
                                            class="btn btn-secondary-outline"> Delete </a>
                                    </li>
                                @endif
                            </ul>
                            <div class="card-body-header">
                                <h5>{{ $issues->issue_name }}</h5>
                            </div>
                            <div class="card-body-content">
                                <p>{{ $issues->description }}</p>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Issue type</h5>
                                                <h6>{{ isset($issues->typesData) ? $issues->typesData->type_name : '-' }}
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Creation date</h5>
                                                <h6>{{ \Carbon\Carbon::parse($issues->creation_date)->format('M d,Y') }}
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Assign to</h5>
                                                <h6>{{ isset($issues->assignedtoData)
                                                    ? $issues->assignedtoData->first_name . ' ' . $issues->assignedtoData->last_name
                                                    : '-' }}
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Reporter</h5>
                                                <h6>{{ isset($issues->reporterData)
                                                    ? $issues->reporterData->first_name . ' ' . $issues->reporterData->last_name
                                                    : '-' }}
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Modified on</h5>
                                                <h6>{{ \Carbon\Carbon::parse($issues->modified_on)->format('M d,Y') }}</h6>
                                            </li>
                                            <li>
                                                <h5>Due date</h5>
                                                <h6>{{ \Carbon\Carbon::parse($issues->due_date)->format('M d, Y') }}</h6>
                                            </li>
                                            <li>
                                                <h5>Severity</h5>
                                                @php
                                                    $severityText = isset($issues->severityData)
                                                        ? $issues->severityData->severity_name
                                                        : '-';
                                                    $colourText = isset($issues->severityData)
                                                        ? $issues->severityData->color_name
                                                        : '';
                                                @endphp
                                                @if ($severityText !== '-')
                                                    <h6> <span class="badge-dot">
                                                            <span
                                                                style="background: {{ $colourText }} "></span>{{ $severityText }}</span>
                                                    </h6>
                                                @else
                                                    <h6>-</h6>
                                                @endif
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Release Milestone</h5>
                                                <h6>{{ isset($issues->releaseMilestone) ? $issues->releaseMilestone->milestone_name : '-' }}
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Affected Milestone</h5>
                                                <h6>{{ isset($issues->affectedMilestone) ? $issues->affectedMilestone->milestone_name : '-' }}
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Module Classification</h5>
                                                <h6>{{ isset($issues->classificationData) ? $issues->classificationData->classification_name : '-' }}
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Performance</h5>
                                                <h6>{{ isset($issues->reproducibleTypeData) ? $issues->reproducibleTypeData->reproducible_name : '-' }}
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Flag</h5>
                                                <h6 class="text-primary">{{ $issues->flag }}</h6>
                                            </li>
                                            <li>
                                                <h5>Issue Status</h5>
                                                @php
                                                    $statusText = isset($issues->statusData)
                                                        ? $issues->statusData->status_name
                                                        : '-';
                                                    $statusColour = isset($issues->statusData)
                                                        ? $issues->statusData->color_name
                                                        : '';
                                                @endphp
                                                <h6><span class="badge"
                                                        style="color: #ffffff; background: {{ $statusColour }}">{{ $statusText }}</span>
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Project</h5>
                                                @php
                                                    $projectText = isset($issueproject)
                                                        ? $issueproject->project_id .
                                                            ' - ' .
                                                            $issueproject->project_name
                                                        : '-';
                                                @endphp
                                                <h6 class="text-info"><a class="text-info" target="_blank"
                                                        href="{{ route('project.details', ['id' => $issueproject->id]) }}">{{ $projectText }}</a>
                                                </h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <input type="hidden" name="details_issue_id" value="{{ $issues->id }}">
                    <input type="hidden" name="details_project_id" value="{{ $issues->project_id }}">
                    <div class="card">
                        <div class="tab-set" id="issues_tab">
                            <nav>
                                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                    <button class="nav-link active" id="nav-task-tab" data-bs-toggle="tab"
                                        data-bs-target="#nav-task" type="button" role="tab" aria-controls="nav-task"
                                        aria-selected="false">Task</button>
                                    <button class="nav-link" id="nav-resolution-tab" data-bs-toggle="tab"
                                        data-bs-target="#nav-resolution" type="button" role="tab"
                                        aria-controls="nav-resolution" aria-selected="false">Resolution</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 show active" id="nav-task" role="tabpanel"
                                    aria-labelledby="nav-task-tab">
                                    <div class="linked-head">
                                        <h3><i class="fe fe-link-2 me-2"></i> Task Related to Issue</h3>
                                    </div>
                                    <div class="linked-content">
                                        <div class="issues-div">
                                            <div class="row">

                                                <div class="col-lg-6 col-sm-6 col-12">
                                                    <div class="mb-3">
                                                        <label class="form-label">Task Lists <span
                                                                class="manitory">*</span></label>
                                                        <select class="select" multiple id="relatedtask"
                                                            name="related_tasks[]">
                                                            <option value="">Select Task</option>
                                                            @if (!$tasks->isEmpty())
                                                                @foreach ($tasks as $task)
                                                                    <option value="{{ $task->id }}"
                                                                        @if ($relatedtasks->contains('task_id', $task->id)) selected @endif>
                                                                        {{ $task->task_id }} - {{ $task->task_name }}
                                                                    </option>
                                                                @endforeach
                                                            @endif
                                                        </select>

                                                    </div>

                                                </div>
                                                <div class="col-lg-6 col-sm-6 col-12">
                                                    <div class="btn-page">
                                                        <ul>
                                                            <li>
                                                                <a href="javascript:;" class="btn btn-primary-outline"
                                                                    id="link_related">Link <i
                                                                        class="fe fe-link ms-2"></i></a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;" class="btn btn-cancel">Cancel</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-12">

                                                    <table class="table list-items radius-3">
                                                        <thead>
                                                            <th>Task List Links</th>
                                                        </thead>
                                                        <tbody id="relate_table">
                                                            @if (!$relatedtasks->isEmpty())
                                                                @foreach ($relatedtasks as $rtasks)
                                                                    <tr>
                                                                        <td><i class="fe fe-arrow-right-circle me-2"></i><a
                                                                                target="_blank"
                                                                                href="{{ route('task.details', ['id' => $rtasks->task_id]) }}">{{ $rtasks->task->task_id . ' - ' . $rtasks->task->task_name }}</a>
                                                                        </td>
                                                                    </tr>
                                                                @endforeach
                                                            @else
                                                                <tr>
                                                                    <td>No Records</td>
                                                                </tr>
                                                            @endif
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>

                                        {{-- <div class="row">
                                            <div class="col-12">
                                                <div class="btn-page">
                                                    <ul>
                                                        <li>
                                                            <a href="javascript:;" class="btn btn-primary-outline"
                                                                id="link_related">Link <i class="fe fe-link ms-2"></i></a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="btn btn-cancel">Cancel</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div> --}}
                                    </div>
                                </div>
                                <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="issue_data_id" id="issue_data_id"
                                                value="{{ $issues->id }}">
                                            <input type="file" id="issue_file">
                                            <h6>Drag or Drop File here...</h6>
                                        </div>
                                        <div class="client-overflow">
                                            @foreach ($issues->filesData 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>