@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_name" value="{{ $page }}" id="page_name">
            <input type="hidden" value="{{ $review->id }}" id="review_id">
            <input type="hidden" value="{{ $review->project_id }}" id="project_id">
            @include('layouts.tenants.project-support-menu')

        </div>
        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>review</h3>
                        <ul>
                            <li class="text-primary">Project Management </li>
                            <li><a class="text-primary" href="{{ route('review.list') }}">Reviews</a></li>
                            <li><a href="javascript:;">Review Detail</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12" >
                    <div class="card">
                        <div class="card-body">
                            <h3 class="head-client">review Details</h3>
                            <div class="card-body-header">
                                <h5>#{{ $review->review_id }}</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('reviews','edit'))
                                    <a href="javascript:;" class="dropdown-item" id="edit_review">Edit</a>
                                    @endif
                                    <a href="javascript:;" data-id="{{ $review->id }}" class="dropdown-item review_clone">Clone</a>
                                    @if(Auth::user()->hasPermission('reviews','delete'))
                                    <a href="{{ route('review.delete', ['id' => $review->id]) }}" class="dropdown-item">Delete</a>
                                    @endif
                                </div>
                            </div>
                            <div class="card-body-content">
                                <p>{{ $review->description }}</p>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Review Type</h5>
                                                <h6>{{ $review->reviewType->name }}</h6>
                                            </li>
                                            <li>
                                                <h5>Date</h5>
                                                <h6>{{ ConverDate1($review->review_date) }}</h6>
                                            </li>
                                            <li>
                                                <h5>Reviewer</h5>
                                                <h6>{{ $review->reviewer->first_name.' '.$review->reviewer->last_name }}</h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Project</h5>
                                                <h6>{{ $review->project->project_name }} Hours</h6>
                                            </li>
                                            <li>
                                                <h5>Time spent</h5>
                                                <h6>{{ $review->time_spend }} Hours</h6>
                                            </li>
                                            <li>
                                                <h5>Status</h5>
                                                <h6><span class="badge" style="color: white; background: {{ $review->reviewStatus->color_name  }}">{{ $review->reviewStatus->name }}</span</h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12" >
                    <div class="card">
                        <div class="card-body p-0">
                            <div class="tab-set">
                                <nav>
                                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                        <button class="nav-link active" id="nav-documents-tab" data-bs-toggle="tab" data-bs-target="#nav-documents" type="button" role="tab" aria-controls="nav-documents" aria-selected="true">Product/activity Reviewed</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">Checklist for review</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">Review findings</button>
                                    </div>
                                </nav>
                                <div class="tab-content" id="nav-tabContent">
                                    <div class="tab-pane fade show active" id="nav-documents" role="tabpanel" aria-labelledby="nav-documents-tab">
                                        <form id="product_activity_form">
                                            <div class="row">
                                                <div class="col-lg-7 col-md-12">
                                                   <div class="row">
                                                        <div class="col-lg-4 col-md-6 col-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Product/activity name</label>
                                                                <input type="text" name="product_activity_name" class="form-control" value="{{ $review->product_activity_name }}" placeholder="Progress timeline review">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4 col-md-6 col-12">
                                                            <div class="mb-3" id="product_activity_type_div">
                                                                <label class="form-label">Type</label>
                                                                <select class="select" name="product_activity_type">
                                                                    <option value="">Select Review Type</option>
                                                                    @foreach($review_type as $row)
                                                                        <option value="{{ $row->id }}" @if($row->id == $review->product_activity_type) selected @endif>{{ $row->name }}</option>
                                                                    @endforeach
                                                               </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4 col-md-6 col-12">
                                                            <div class="mb-3" id="product_activity_status_div">
                                                                <label class="form-label">Status</label>
                                                                <select class="select" name="product_activity_status">
                                                                    <option value="">Select Status</option>
                                                                    @foreach($statuses as $row)
                                                                        <option value="{{ $row->id }}" @if($row->id == $review->product_activity_status) selected @endif>{{ $row->name }}</option>
                                                                    @endforeach
                                                               </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Description</label>
                                                                <textarea name="product_activity_description" class="form-control" placeholder="Please give a short description that should not be more than 255 characters.">{{ $review->product_activity_description }}</textarea>
                                                            </div>
                                                        </div>
                                                   </div>
                                                </div>
                                            </div>
                                            @if(Auth::user()->hasPermission('reviews','edit'))
                                            <div class="row">
                                                <div class="col-lg-3 col-md-6 col-12">
                                                    <button type="submit" class="btn btn-primary w-100">Submit</button>
                                                </div>
                                            </div>
                                            @endif
                                        </form>
                                    </div>
                                    <div class="tab-pane fade" id="nav-comments" role="tabpanel" aria-labelledby="nav-comments-tab">
                                        <form id="checklist_form">
                                            <div class="row">
                                                <div class="col-lg-7 col-md-12">
                                                   <div class="row">
                                                        <div class="col-lg-12">
                                                            <div class="mb-3" id="project_type_div">
                                                                <label class="form-label">Project Type</label>
                                                                <select class="select" name="project_type" id="project_type">
                                                                    <option value="">Select Project Type</option>
                                                                    @foreach($projectType as $row)
                                                                        <option value="{{ $row->id }}" @if($row->id == $review->project_type) selected @endif>{{ $row->type }}</option>
                                                                    @endforeach
                                                               </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-12">
                                                            @if($reviewChecklist->count() > 0)
                                                                <input type="hidden" name="product_type" value="{{ $review->product_type }}">
                                                            @endif
                                                            <div class="mb-3" id="product_type_div">
                                                                <label class="form-label">Product Type</label>
                                                                <select class="select" name="product_type" id="product_type" @if($reviewChecklist->count() > 0) disabled @endif>
                                                                    <option value="">Select Product Type</option>
                                                                    @foreach($productType as $row)
                                                                        <option value="{{ $row->id }}" @if($row->id == $review->product_type) selected @endif>{{ $row->name }}</option>
                                                                    @endforeach
                                                               </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Product Checklist</label>
                                                                <div id="checklist_div">
                                                                    @if($reviewChecklist->count() > 0)
                                                                        @foreach($reviewChecklist as $key => $row)
                                                                            <div class="row">
                                                                                <div class="col-lg-4 col-md-4 col-12">
                                                                                    <div class="mb-3">
                                                                                        <label class="form-label">{{ $row->checkList->name }}</label>
                                                                                        <input id="radio'+da.id+'" name="checklistid[{{ $key }}]" value="{{ $row->id }}" type="hidden">
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-lg-4 col-md-4 col-12">
                                                                                    <div class="mb-3">
                                                                                        <div class="row align-items-center">
                                                                                            <div class="col-lg-2 col-md-2 col-12 ">
                                                                                                <div class="radio">
                                                                                                    <input id="radio_yes_{{ $row->id }}" name="checklist[{{ $key }}]" value="yes" type="radio" @if($row->checklist == 'yes') checked @endif>
                                                                                                    <label for="radio_yes_{{ $row->id }}" class="radio-label">Yes</label>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-lg-2 col-md-2 col-12">
                                                                                                <div class="radio">
                                                                                                    <input id="radio_no_{{ $row->id }}" name="checklist[{{ $key }}]" value="no" type="radio" @if($row->checklist == 'no') checked @endif>
                                                                                                    <label for="radio_no_{{ $row->id }}" class="radio-label">No</label>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-lg-4 col-md-4 col-12 ">
                                                                                    <div class="mb-3">
                                                                                        <label class="form-label">Remarks</label>
                                                                                        <input type="text" name="remarks[{{ $key }}]" value="{{ $row->remarks }}" class="form-control" name="remarks">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        @endforeach
                                                                    @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Review Findings</label>
                                                                <div class="row align-items-center">
                                                                    <div class="col-lg-2 col-md-2 col-12 ">
                                                                        <div class="radio">
                                                                            <input id="radio_yes" name="review_finding" value="yes" type="radio" @if($review->review_finding == 'yes') checked @endif>
                                                                            <label for="radio_yes" class="radio-label">Yes</label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-2 col-md-2 col-12">
                                                                        <div class="radio">
                                                                            <input id="radio_no" name="review_finding" value="no" type="radio" @if($review->review_finding == 'no') checked @endif>
                                                                            <label for="radio_no" class="radio-label">No</label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Reference to evidence</label>
                                                                <textarea class="form-control" name="reference_evidence" placeholder="Please give a short description that should not be more than 255 characters.">{{ $review->reference_evidence }}</textarea>
                                                            </div>
                                                        </div>
                                                   </div>
                                                </div>
                                            </div>
                                            @if(Auth::user()->hasPermission('reviews','edit'))
                                            <div class="row">
                                                <div class="col-lg-3 col-md-6 col-12">
                                                    <button type="submit" class="btn btn-primary w-100">Submit</button>
                                                </div>
                                            </div>
                                            @endif
                                        </form>
                                    </div>
                                    <div class="tab-pane fade" id="nav-resolution" role="tabpanel" aria-labelledby="nav-resolution-tab">
                                        <form id="review_finding_form">
                                            <a href="javascript:;" class="add-more-info"><i class="fe fe-plus-circle me-2"></i>Add more</a>
                                            <div class="row">
                                                @if(!$review->reviewFinding->isEmpty())
                                                @foreach($review->reviewFinding as $key => $data)
                                                <div class="col-lg-7 col-md-12 append-info   mt-3">
                                                    @if($key != 0)
                                                    <div class="remove-container" style="text-align:right"><a href="javascript:;" class="info-remove"><i class="fe fe-minus me-2"></i> Remove</a></div>
                                                    @endif
                                                    <div class="row">
                                                        <div class="col-lg-6 col-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Defect category</label>
                                                                <select class="select" name="defect_category[]">
                                                                    <option value="">Select Category</option>
                                                                    @foreach($defect_category as $row)
                                                                        <option value="{{ $row->id }}" @if($row->id == $data->defect_category) selected @endif>{{ $row->name }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Defect severity</label>
                                                                <select class="select" name="defect_severity[]">
                                                                    <option value="">Select Severity</option>
                                                                    @foreach($defect_severity as $row)
                                                                        <option value="{{ $row->id }}" @if($row->id == $data->defect_severity) selected @endif>{{ $row->name }}</option>
                                                                    @endforeach
                                                               </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-12 col12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Defect description/recommendations</label>
                                                                <textarea class="form-control" name="defect_description[]" placeholder="Please give a short description that should not be more than 255 characters.">{{ $data->defect_description }}</textarea>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Closed on</label>
                                                                <div class="cal-icon">
                                                                    <input type="text" name="closed_on[]" class="form-control datepicker" value="{{ Carbon\Carbon::parse($data->closed_on)->format(config('custom.date_input_field_format')) }}" placeholder="{{ Carbon\Carbon::now()->format(config('custom.date_placeholder_format')) }}">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Verified by</label>
                                                                <select class="select" name="verified_by[]">
                                                                    <option value="">Select Verifier</option>
                                                                    @foreach($users as $row)
                                                                        <option value="{{ $row->id }}" @if($row->id == $data->verified_by) selected @endif>{{ $row->first_name.' '.$row->last_name }}</option>
                                                                    @endforeach
                                                               </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforeach
                                                @else
                                                <div class="col-lg-7 col-md-12 append-info  mt-3">
                                                    <div class="row">
                                                        <div class="col-lg-6 col-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Defect category</label>
                                                                <select class="select" name="defect_category[]">
                                                                    <option value="">Select Category</option>
                                                                    @foreach($defect_category as $row)
                                                                        <option value="{{ $row->id }}">{{ $row->name }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Defect severity</label>
                                                                <select class="select" name="defect_severity[]">
                                                                    <option value="">Select Severity</option>
                                                                    @foreach($defect_severity as $row)
                                                                        <option value="{{ $row->id }}">{{ $row->name }}</option>
                                                                    @endforeach
                                                               </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Defect description/recommendations</label>
                                                                <textarea class="form-control" name="defect_description[]" placeholder="Please give a short description that should not be more than 255 characters."></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Closed on</label>
                                                                <div class="cal-icon">
                                                                    <input type="text" name="closed_on[]" class="form-control datepicker" placeholder="{{ Carbon\Carbon::now()->format('d-m-Y') }}">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Verified by</label>
                                                                <select class="select" name="verified_by[]">
                                                                    <option value="">Select Verifier</option>
                                                                    @foreach($users as $row)
                                                                        <option value="{{ $row->id }}">{{ $row->first_name.' '.$row->last_name }}</option>
                                                                    @endforeach
                                                               </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                            </div>
                                            @if(Auth::user()->hasPermission('reviews','edit'))
                                            <div class="row mt-3">
                                                <div class="col-lg-3 col-md-6 col-12">
                                                    <button type="submit" class="btn btn-primary w-100">Submit</button>
                                                </div>
                                            </div>
                                            @endif
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('customModal')
<div class="modal fade modal-customization" id="add_review_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" >Edit Review</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <i class="fe fe-x"></i>
                </button>
            </div>
            <form id="add_review_form">
                <input type="hidden" name="review_id" value="{{ $review->id }}">
                <input type="hidden" name="project_id" value="{{ $review->project_id }}">
                @csrf
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="mb-3" id="review_type_div">
                                <label class="form-label">Review type <span class="manitory">*</span></label>
                                <select class="select" name="review_type_id">
                                    <option value="">Select Review Type</option>
                                    @foreach($review_type as $row)
                                        <option value="{{ $row->id }}" @if($row->id == $review->review_type_id) selected @endif>{{ $row->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="mb-3" id="reviewer_div">
                                <label class="form-label">Reviewer <span class="manitory">*</span></label>
                                <select class="select" name="reviewer_id">
                                    <option value="">Select Reviewer</option>
                                    @foreach($users as $row)
                                        <option value="{{ $row->id }}" @if($row->id == $review->reviewer_id) selected @endif>{{ $row->first_name.' '.$row->last_name }}</option>
                                    @endforeach
                               </select>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6  col-md-12 ">
                            <div class="mb-3">
                                <label class="form-label">Date <span class="manitory">*</span></label>
                                <div class="cal-icon">
                                    <input type="text" name="review_date" value="{{ Carbon\Carbon::now()->format('d-m-Y') }}" class="form-control datepicker" placeholder="{{ Carbon\Carbon::now()->format('d-m-Y') }}">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="mb-3">
                                <label class="form-label">Description <span class="manitory">*</span></label>
                                <textarea class="form-control" name="description" placeholder="Please give a short description that should not be more than 255 characters.">{{ $review->description }}</textarea>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 ">
                            <div class="mb-3" id="time_spend_div">
                                <label class="form-label">Time spent <span class="manitory">*</span></label>
                                <select class="select" name="time_spend">
                                    <option value="">Select Time</option>
                                    @for($i=1; $i<=24; $i++)
                                        <option value="{{ $i }}" @if($i == $review->time_spend) selected @endif>{{ $i }} @if($i==1) Hour @else Hours @endif</option>
                                    @endfor
                               </select>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 ">
                            <div class="mb-3" id="status_div">
                                <label class="form-label">Status <span class="manitory">*</span></label>
                                <select class="select" name="status">
                                    <option value="">Select Status</option>
                                    @foreach($statuses as $row)
                                        <option value="{{ $row->id }}" @if($row->id == $review->status) selected @endif>{{ $row->name }}</option>
                                    @endforeach
                               </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Update</button>
                    <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade modal-customization" id="add_review_checklist_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" >Review Checklist</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <i class="fe fe-x"></i>
                </button>
            </div>
            <form id="add_review_checklist_form" method="POST" action="{{ route('review.update.checklist') }}">
                <input type="hidden" name="review_id" value="{{ $review->id }}">
                @csrf
                <div class="modal-body" id="checklist_div_div">
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Update</button>
                    <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection