@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>

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

        </div>
        <input type="hidden" id="milestone_id" value="{{ $cr->id }}">
        <div class="content">
                <div class="row">
                    <div class="col-12">
                        <div class="page-header">
                            <h3>Change Request</h3>
                            <ul>
                                <li class="text-primary">Project Management </li>
                                <li><a href="{{ route('changeRequest.index') }}" class="text-primary">Change Request</a></li>
                                <li><a href="#">Change Request Detail</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12" >
                        <div class="card">
                            <div class="card-body">
                            <div class="row">
                                <div class="col-lg-12">
                                    <!-- <ul class="btn-header-split btn-header-splitset mb-3"> -->
                                        <!-- <li> -->
                                            <!-- <a href="javascript:;" class="btn btn-primary-outline" id="edit_cr">Edit <i class="fe fe-edit ms-2"></i></a> -->
                                            <!-- data-bs-toggle="modal" data-bs-target="#add_cr_modal" -->
                                        <!-- </li> -->

                                        <!-- <li> -->
                                        <!-- <a href="javascript:;" id="delete_cr_lk" data-bs-toggle="modal" data-bs-target="#delete-cr" -->
                                        <!-- class="btn btn-secondary-outline"> Delete </a> -->

                                        <!-- </li>  -->
                                    <!-- </ul> -->

                                </div>
                            </div>
                            <h3 class="head-client">Change request details</h3>
                                <div class="card-body-header">
                                    <div>
                                        <h5>{{ $cr->cr_name }}</h5>
                                        <div class="task-count">
                                                                                         <h6> <span>{{ $cr->cr_id }}</span> </h6>
                                        </div>
                                    </div>
                                    @if(Auth::user()->hasPermission('change_request','edit') || Auth::user()->hasPermission('change_request','delete'))

                                    <a href="#"  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('change_request','edit'))
                                        <a class="dropdown-item" href="#" id="edit_cr"><i class="fe fe-edit me-2"></i> Edit </a>
                                      @endif
                                      @if(Auth::user()->hasPermission('change_request','delete'))
                                        <a class="dropdown-item" href="#" id="delete_cr_lk" data-bs-toggle="modal" data-bs-target="#delete-cr"> <i class="fe fe-trash me-2"></i>Delete</a>
                                      @endif
                                    </div>
                                    @endif
                                </div>
                                <div class="card-body-content">

                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="client-details">
                                                <ul>
                                                    <li>
                                                        <h5>Initiation date</h5>
                                                        <h6>{{ ConverDate($cr->initiation_date) }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>Requested by</h5>
                                                        <h6>{{ $requested_by }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>CR type</h5>
                                                        <h6>{{ isset($cr->crType->name)?$cr->crType->name:'' }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>Impact analysis date</h5>
                                                        <h6>{{ ConverDate($cr->impact_date) }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>Impacted work products</h5>
                                                        {{-- <h6>{{ $cr->impact_product==NULL?'N/A': $cr->impact_product }}</h6> --}}
                                                        @php
                                                            if($cr->impacted_product==NULL) {
                                                                $selectedWorkProductDetails = 'N/A';
                                                            } else {
                                                                $wparr = explode(',',  $cr->impacted_product);
                                                                $selectedWorkProducts = $work_product->filter(function ($wp) use ($wparr) {
                                                                    return in_array($wp->id, $wparr);
                                                                })->pluck('name')->toArray();
                                                                $selectedWorkProductDetails = implode(', ', $selectedWorkProducts);
                                                            }
                                                        @endphp
                                                        <h6>{{ $selectedWorkProductDetails }}</h6>
                                                    </li>
                                                    <li class="d-block mb-3">
                                                        <h5 class="mb-3">Impacted item</h5>
                                                        {{-- <h6>{{ $cr->impact_items==NULL?'N/A': $cr->impact_items }}</h6> --}}
                                                        <!-- Tasks -->
                                                        @php
                                                        if($cr->impacted_items===NULL) {
                                                            $selectedTaskData = [];
                                                        } else {
                                                            $tskarr = explode(',',  $cr->impacted_items);
                                                            $selectedTasks = $impact_tasks->filter(function ($tsk) use ($tskarr) {
                                                                return in_array($tsk->id, $tskarr);
                                                            });
                                                            $selectedTaskData = $selectedTasks->map(function ($task) {
                                                                return [
                                                                    'id' => $task->id,
                                                                    'name' => $task->task_id,
                                                                ];
                                                            })->toArray();
                                                        }
                                                        @endphp
                                                        @if (empty($selectedTaskData))
                                                            <h6>N/A</h6>
                                                        @else
                                                            @if (!empty($selectedTaskData))
                                                                @php
                                                                    $tURL = Auth::user()->hasPermission('tasks', 'view') ? '1' : '2';
                                                                @endphp
                                                                @foreach ($selectedTaskData as $tdata)
                                                                    <a href="{{ $tURL == '1' ? route('task.details', ['id' => $tdata['id']]) : 'javascript:;' }}" target="_blank">{{ $tdata['name'] }}</a>
                                                                    <i class="fe fe-link ms-1 text-primary"></i>&nbsp;
                                                                @endforeach
                                                            @endif
                                                        @endif
                                                        <!-- Milestone -->
                                                        @php
                                                        if($cr->impacted_milestones===NULL) {
                                                            $selectedMilestoneData = [];
                                                        } else {
                                                            $milesarr = explode(',',  $cr->impacted_milestones);
                                                            $selectedMiles = $impact_miles->filter(function ($mdata) use ($milesarr) {
                                                                return in_array($mdata->id, $milesarr);
                                                            });
                                                            $selectedMilestoneData = $selectedMiles->map(function ($mile) {
                                                                return [
                                                                    'id' => $mile->id,
                                                                    'name' => $mile->milestone_id,
                                                                ];
                                                            })->toArray();
                                                        }
                                                        @endphp
                                                        @if (!empty($selectedMilestoneData))
                                                            @php
                                                                $mURL = Auth::user()->hasPermission('milestones', 'view') ? '1' : '2';
                                                            @endphp
                                                            @foreach ($selectedMilestoneData as $mdata)
                                                                <a href="{{ $mURL == '1' ? route('milestone.detail', ['id' => $mdata['id']]) : 'javascript:;' }}" target="_blank">{{ $mdata['name'] }}</a>
                                                                <i class="fe fe-link ms-1 text-primary"></i>&nbsp;
                                                            @endforeach
                                                        @endif

                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="client-details">
                                                <ul>
                                                    <li>
                                                        <h5>CR Implementation</h5>
                                                        <h6>{{ $cr->effort }} {{ $cr->effort>1?'hours':'hour' }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>Assigned to</h5>
                                                        <h6>{{ $assigned_to }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>Review status</h5>
                                                        <h6>{{ $cr->review_status==NULL?'N/A':$cr->review_status }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>Approval</h5>
                                                        <h6><span class="badge" style="color: {{ $taskStatus!=''?'#ffffff':'#7C7C7C' }};background :{{ $taskStatus!=''?$taskStatus->color_name:'' }}">{{ $taskStatus!=''?$taskStatus->name:'' }}</span></h6>
                                                    </li>
                                                    <li>
                                                        <h5> Completion date</h5>
                                                        <h6>{{ ConverDate($cr->actual_completion_date) }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>Completion %</h5>
                                                        @php
                                                        $status_color = 'progress';
                                                        $completion = $cr->task_status->completion;
                                                        if($completion  && $completion<=100) {
                                                            $status_color ='progress-bar-success';
                                                        }
                                                        @endphp
                                                        <h5 class="text-primary">{{$completion}}%</h5>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12" >
                                            <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-impact-tab" data-bs-toggle="tab"
                                                                data-bs-target="#nav-impact" type="button" role="tab"
                                                                aria-controls="nav-impact" aria-selected="true">Impact Analysis</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-impact" role="tabpanel" aria-labelledby="nav-impact-tab">
                                                      <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-md-7">
                                                                <form id="impactForm">
                                                                <input type="hidden" name="cr_aid" id="cr_aid"  value="{{ $cr->id }}">

                                                                    <div class="row">
                                                                        @php
                                                                            $selectedTask = explode(',', $cr->impacted_items);
                                                                        @endphp
                                                                        
                                                                        <div class="col-lg-6 col-md-6  col-md-12 ">
                                                                            <div class="mb-3" id="impacted_items_div">
                                                                                <label class="form-label">Impacted items (Tasks) <span class="manitory">*</span></label>

                                                                                    {{-- <input type="text" name="impacted_items" id="impacted_items" class="form-control" placeholder="N/A"  value="{{ isset($cr->impacted_items)?$cr->impacted_items:'' }}">  --}}
                                                                                    <select class="select" name="impacted_items[]" id="impacted_items" multiple>
                                                                                        @if (!@empty($impact_tasks))
                                                                                            @foreach ($impact_tasks as $itasks)
                                                                                                <option value="{{ $itasks->id  }}" @if (in_array($itasks->id, $selectedTask)) selected @endif>{{ $itasks->task_id.'-'.$itasks->task_name }}</option>
                                                                                            @endforeach
                                                                                        @endif
                                                                                    </select>
                                                                            </div>
                                                                        </div>
                                                                        @php
                                                                            $selectedMilestone = explode(',', $cr->impacted_milestones);
                                                                        @endphp
                                                                        <div class="col-lg-6 col-md-6  col-md-12 ">
                                                                            <div class="mb-3" id="impacted_milestone_div">
                                                                                <label class="form-label">Impacted items (Milestones) <span class="manitory"></span></label>
                                                                                    <select class="select" name="impacted_milestone[]" id="impacted_milestone" multiple>
                                                                                        @if (!@empty($impact_miles))
                                                                                            @foreach ($impact_miles as $imiles)
                                                                                                <option value="{{ $imiles->id  }}" @if(in_array($imiles->id, $selectedMilestone)) selected @endif>{{ $imiles->milestone_id.'-'.$imiles->milestone_name }}</option>
                                                                                            @endforeach
                                                                                        @endif
                                                                                    </select>

                                                                                    {{-- <input type="text" name="impacted_product" id="impacted_product" class="form-control" placeholder="N/A" value="{{ isset($cr->impacted_product)?$cr->impacted_product:'' }}"> --}}

                                                                            </div>
                                                                        </div>
                                                                        @php
                                                                            $selectedWorks = explode(',', $cr->impacted_product);
                                                                        @endphp
                                                                        <div class="col-lg-6 col-md-6  col-md-12 ">
                                                                            <div class="mb-3" id="impacted_product_div">
                                                                                <label class="form-label">Impacted work products <span class="manitory">*</span></label>
                                                                                    <select class="select" name="impacted_product[]" id="impacted_product" multiple>
                                                                                        @if (!@empty($work_product))
                                                                                            @foreach ($work_product as $wproduct)
                                                                                                <option value="{{ $wproduct->id  }}" @if(in_array($wproduct->id, $selectedWorks)) selected @endif>{{ $wproduct->name }}</option>
                                                                                            @endforeach
                                                                                        @endif
                                                                                    </select>

                                                                                    {{-- <input type="text" name="impacted_product" id="impacted_product" class="form-control" placeholder="N/A" value="{{ isset($cr->impacted_product)?$cr->impacted_product:'' }}"> --}}

                                                                            </div>
                                                                        </div>
    
                                                                        <div class="col-lg-6 col-md-6  col-md-12 ">
                                                                            <div class="mb-3" id="impact_date_div">
                                                                                <label class="form-label">Impact analyse date <span class="manitory">*</span></label>
                                                                                <div class="cal-icon">
                                                                                    <input type="text" class="form-control datepicker" name="impact_date" id="impact_date" placeholder="01-04-2024" value="{{ isset($cr->impact_date)?ConverDayFormat($cr->impact_date):'' }}">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        
                                                                        <div class="col-md-12 ">
                                                                            <div class="mb-3" id="impact_description_div">
                                                                                <label class="form-label">Impact analyse description <span class="manitory">*</span></label>

                                                                                    <textarea class="form-control" name="impact_description" id="impact_description" placeholder="Your content goes here...">{{ isset($cr->impact_description)? $cr->impact_description:'' }}</textarea>

                                                                            </div>
                                                                        </div>


                                                                        {{-- <div class="col-lg-4 col-md-4  col-md-12 ">
                                                                            <div class="mb-3" id="impact_date_div">
                                                                                <label class="form-label">Impact analyse date <span class="manitory">*</span></label>
                                                                                <div class="cal-icon">
                                                                                    <input type="text" class="form-control datepicker" name="impact_date" id="impact_date" placeholder="01-04-2024" value="{{ isset($cr->impact_date)?ConverDayFormat($cr->impact_date):'' }}">
                                                                                </div>
                                                                            </div>
                                                                        </div> --}}
                                                                        <div class="btn-blk">
                                                                            <button type="button" class="btn btn-primary" id="add_bank_save">Update</button>
                                                                            <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
                                                                        </div>

                                                                    </div>
                                                                </form>
                                                            </div>
                                                            <div class="col-md-5">
                                                            <table class="table list-items radius-3">
                                                                <thead>
                                                                <tr>
                                                                    <th>Impacted item</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody id="relate_table">
                                                                    <tr>
                                                                        <td class="d-flex align-items-center">
                                                                            <i class="fe fe-arrow-right-circle me-2"></i>
                                                                            <a target="_blank" href="">
                                                        {{-- <h6>{{ $cr->impact_items==NULL?'N/A': $cr->impact_items }}</h6> --}}
                                                        <!-- Tasks -->
                                                        @php
                                                        if($cr->impacted_items===NULL) {
                                                            $selectedTaskData = [];
                                                        } else {
                                                            $tskarr = explode(',',  $cr->impacted_items);
                                                            $selectedTasks = $impact_tasks->filter(function ($tsk) use ($tskarr) {
                                                                return in_array($tsk->id, $tskarr);
                                                            });
                                                            $selectedTaskData = $selectedTasks->map(function ($task) {
                                                                return [
                                                                    'id' => $task->id,
                                                                    'name' => $task->task_id,
                                                                ];
                                                            })->toArray();
                                                        }
                                                        @endphp
                                                        @if (empty($selectedTaskData))
                                                            <h6>N/A</h6>
                                                        @else
                                                            @if (!empty($selectedTaskData))
                                                                @php
                                                                    $tURL = Auth::user()->hasPermission('tasks', 'view') ? '1' : '2';
                                                                @endphp
                                                                @foreach ($selectedTaskData as $tdata)
                                                                    <a href="{{ $tURL == '1' ? route('task.details', ['id' => $tdata['id']]) : 'javascript:;' }}" target="_blank">{{ $tdata['name'] }}</a>
                                                                    <i class="fe fe-link ms-1 text-primary"></i>&nbsp;
                                                                @endforeach
                                                            @endif
                                                        @endif
                                                        <!-- Milestone -->
                                                        @php
                                                        if($cr->impacted_milestones===NULL) {
                                                            $selectedMilestoneData = [];
                                                        } else {
                                                            $milesarr = explode(',',  $cr->impacted_milestones);
                                                            $selectedMiles = $impact_miles->filter(function ($mdata) use ($milesarr) {
                                                                return in_array($mdata->id, $milesarr);
                                                            });
                                                            $selectedMilestoneData = $selectedMiles->map(function ($mile) {
                                                                return [
                                                                    'id' => $mile->id,
                                                                    'name' => $mile->milestone_id,
                                                                ];
                                                            })->toArray();
                                                        }
                                                        @endphp
                                                        @if (!empty($selectedMilestoneData))
                                                            @php
                                                                $mURL = Auth::user()->hasPermission('milestones', 'view') ? '1' : '2';
                                                            @endphp
                                                            @foreach ($selectedMilestoneData as $mdata)
                                                                <a href="{{ $mURL == '1' ? route('milestone.detail', ['id' => $mdata['id']]) : 'javascript:;' }}" target="_blank">{{ $mdata['name'] }}</a>
                                                                <i class="fe fe-link ms-1 text-primary"></i>&nbsp;
                                                            @endforeach
                                                        @endif

                                                                            </a>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>  
                                                            </div>
                                                        </div>

                                                        </div>
                                                    </div>


                                                        <div class="tab-pane fade" id="nav-documents" role="tabpanel" aria-labelledby="nav-documents-tab">
                                                            <!-- <input type="hidden" name="details_id" value="{{ $cr->id }}"> -->
                                                            <input type="hidden" name="details_project_id" value="{{ $cr->project_id }}">

                                                            <input type="hidden" name="cr_data_id" id="cr_data_id"  value="{{ $cr->id }}">
                                                            <div class="client-documents">
                                                                                <div class="client-file">
                                                                                    <input type="file" name="cr_file" id="cr_file">
                                                                                    <h6>Drag or Drop File here...</h6>
                                                                                </div>
                                                                                <div class="client-overflow">

                                                                                    @if($ChangeRequest_documents)
                                                                                    @foreach ($ChangeRequest_documents 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>