@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-header-menu')

        </div>

        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Project Risks</h3>
                        <ul>
                            <li class="text-primary">Project Management </li>
                            <li><a class="text-primary" href="{{ route('risks.lists') }}">Project Risks</a></li>
                            <li><a href="#">Risk Detail</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 d-flex widget-path widget-service">
                    <div class="card">
                        <div class="card-body">

                            <div class="card-body-header" style="float: right;">
                                <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('project_risks','edit'))
                                    <a class="dropdown-item" href="javascript:;" id="edit-defects" data-bs-toggle="modal" data-bs-target="#manage-risk"><i class="fe fe-edit me-2"></i>Edit</a>
                                    @endif
                                    @if(Auth::user()->hasPermission('project_risks','edit'))
                                    <a class="dropdown-item" href="javascript:;" data-bs-toggle="modal" data-bs-target="#delete-risk"><i class="fa-solid fa-trash-can me-2"></i>Delete</a>
                                    @endif
                                </div>
                            </div>


                            <div class="row">
                                <input type="hidden" name="details_risk_id" value="{{ $risks->id }}">
                                <input type="hidden" name="details_project_id" value="{{ $risks->project_id }}">
                                <div class="col-12">
                                    <div class="tab-set tabset-risk" id="risks_tab">
                                        <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">Risk Details</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">Mitigation</button>
                                                <button class="nav-link" id="nav-task-tab" data-bs-toggle="tab"
                                                    data-bs-target="#nav-task" type="button" role="tab"
                                                    aria-controls="nav-task" aria-selected="false">Contingency</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-documents" role="tabpanel"
                                                aria-labelledby="nav-documents-tab">
                                                <div class="card-body p-0">
                                                    <div class="card-body-header">
                                                        <h5>#{{ $risks->risk_id }}</h5>
                                                        <div class="select-path dflex" hidden>
                                                            <label>Status</label>
                                                            <select class="select" id="change_riskstatus">
                                                                @if (!$statuses->isEmpty())
                                                                    @foreach ($statuses as $stsdata)
                                                                        <option value="{{ $stsdata->id }}"
                                                                            @selected($risks->risk_status == $stsdata->id)>
                                                                            {{ $stsdata->name }}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="card-body-content">
                                                        <p>{{ $risks->description }} </p>
                                                    </div>
                                                    <div class="project-details">
                                                        <ul>
                                                            <li>
                                                                <h5>Identification Date</h5>
                                                                <h6>{{ \Carbon\Carbon::parse($risks->identification_date)->format('d-M-Y') }}
                                                                </h6>
                                                            </li>
                                                            <li>
                                                                <h5>Risk Type</h5>
                                                                <h6>{{ $risks->typesData->type_name ?? '-' }}</h6>
                                                            </li>
                                                            <li>
                                                                <h5>Risk Source</h5>
                                                                <h6>{{ $risks->sourceData->source_name ?? '-' }}</h6>
                                                            </li>
                                                            <li>
                                                                <h5>Tolerance</h5>
                                                                {{-- <h6><span class="badge-dot"><span style="background:{{ $risks->toleranceData->color_name ?? '-' }}"></span>{{ $risks->toleranceData->tolerance_name ?? '-' }}</span>
                                                                </h6> --}}
                                                                <h6>
                                                                    @if ($risks->toleranceData)
                                                                        <span class="badge" style="color: #ffffff; background: {{ $risks->toleranceData->color_name }}">
                                                                            {{ $risks->toleranceData->tolerance_name }}
                                                                        </span>
                                                                    @else
                                                                        <span class="badge" style="color: #ffffff; background: #ccc;">N/A</span>
                                                                    @endif
                                                                </h6>

                                                            </li>
                                                            <li>
                                                                <h5>Risk Probability</h5>
                                                                <h6>{{ $risks->probabilityData->probability_name ?? '-' }}
                                                                </h6>
                                                            </li>
                                                            <li>
                                                                <h5>Identified By</h5>
                                                                <h6>{{ $risks->identifiedbyData->first_name . ' ' . $risks->identifiedbyData->last_name ?? '-' }}
                                                                </h6>
                                                            </li>
                                                            <li>
                                                                <h5>Risk Owner</h5>
                                                                <h6>{{ $risks->ownerData->first_name . ' ' . $risks->ownerData->last_name ?? '-' }}
                                                                </h6>
                                                            </li>
                                                            <li>
                                                                <h5>Risk Effect</h5>
                                                                <h6>{{ $risks->risk_effect ?? '-' }}</h4>
                                                            </li>
                                                            <li>
                                                                <h5>Risk Category</h5>
                                                                <h6>{{ $risks->categoryData->category_name ?? '-' }}</h4>
                                                            </li>
                                                            <li>
                                                                <h5>Risk Impact</h5>
                                                                <h6>{{ $risks->impactData->impact_name ?? '-' }}</h6>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="tab-pane fade" id="nav-resolution" role="tabpanel"
                                                aria-labelledby="nav-resolution-tab">
                                                <div class="linked-content">
                                                    <div class="row">
                                                        <div class="col-lg-6 col-sm-6 col-12">
                                                            <p class="mb-3"> <i class="fe fe-calendar"></i> Last Updated On: {{ isset($mitigation->first()->updated_at) ? displayDateTime($mitigation->first()->updated_at): 'N/A' }} </p>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-lg-5 col-sm-6 col-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Plan details <span
                                                                        class="manitory">*</span></label>
                                                                <textarea class="form-control" placeholder="Please give a short details that should not be more than 255 characters." id="mitigation_plan">{{ $mitigation->first()->plan_details ?? '' }}</textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-lg-5 col-sm-6 col-12">
                                                            <div class="mb-3">
                                                                <label class="form-label">Team Members <span
                                                                        class="manitory">*</span></label>
                                                                        <select class="select" multiple id="team_member"
                                                                        name="members[]">
                                                                        @if (!$teams->isEmpty())
                                                                            @foreach ($teams as $team)
                                                                                <option value="{{ $team->id }}" @if ($mitigation->contains('team_member', $team->id)) selected @endif>
                                                                                    {{ $team->email }}</option>
                                                                            @endforeach
                                                                        @endif
                                                                    </select>
                                                                {{-- <div class="input-form-tags modal-tags">
                                                                    <div class="input-clear-text">
                                                                        <input class="input-tags form-control"
                                                                            type="text" data-role="tagsinput"
                                                                            name="Label" value="vincent@gmal.com">
                                                                    </div>
                                                                </div> --}}
                                                            </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="mitigation_assign">Assign</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" id="mitigation_cancel"
                                                                            class="btn btn-cancel">Cancel</a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="nav-task" role="tabpanel"
                                                aria-labelledby="nav-task-tab">
                                                <div class="row">
                                                    <div class="col-lg-6 col-sm-6 col-12">
                                                        <p class="mb-3"> <i class="fe fe-calendar"></i> Last Updated On: {{ isset($contingency->updated_at) ? displayDateTime($contingency->updated_at): 'N/A' }} </p>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-5 col-sm-6 col-12">
                                                        <div class="mb-3">
                                                            <label class="form-label">Plan details <span
                                                                    class="manitory">*</span></label>
                                                            <textarea class="form-control" placeholder="Please give a short details that should not be more than 255 characters." id="contingency_plan">{{ $contingency->plan_details ?? '' }}</textarea>
                                                        </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="contingency_submit">Submit</a>
                                                                </li>
                                                                <li>
                                                                    <a href="javascript:;" class="btn btn-cancel"
                                                                        id="contingency_cancel">Cancel</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="nav-comments" role="tabpanel"
                                                aria-labelledby="nav-comments-tab">
                                                <div class="comments-path">
                                                    @php
                                                        $rp = 0;
                                                    @endphp
                                                    @if ($comments->isNotEmpty())
                                                        @foreach ($comments as $cmt => $comment)
                                                            <div class="comments-div" id="cmtdiv{{ $cmt }}">
                                                                <div class="comments-head">
                                                                    <h5>{{ $comment->commentuserData->first_name . ' ' . $comment->commentuserData->last_name }}
                                                                        <span>{{ \Carbon\Carbon::parse($comment->created_at)->diffForHumans() }}</span>
                                                                    </h5>
                                                                    <a href="javascript:;" class="reply-to"
                                                                        data-row="{{ $cmt }}"
                                                                        id="reply{{ $cmt }}"><i
                                                                            class="fa fa-reply me-2"
                                                                            aria-hidden="true"></i>Reply</a>
                                                                </div>
                                                                <div class="comments-content">
                                                                    <p>{{ $comment->comments }}</p>
                                                                </div>
                                                            </div>
                                                            <div class="reply-div hide mb-3"
                                                                id="addreply{{ $cmt }}">
                                                                <div class="comments-btn">
                                                                    <div class="row">
                                                                        <div class="col-lg-7">
                                                                            <textarea class="form-control" placeholder="Add reply..." name="replycmt{{ $cmt }}"></textarea>
                                                                        </div>
                                                                        <div class="col-lg-2">
                                                                            <a href="javascript:void(0);"
                                                                                class="btn btn-primary w-100 addCommentReply"
                                                                                data-row="{{ $cmt }}"
                                                                                data-comment="{{ $comment->id }}"
                                                                                id="sendreply{{ $cmt }}">ADD
                                                                                REPLY</a>
                                                                        </div>
                                                                        <div class="col-lg-3">
                                                                            <a href="javascript:void(0);"
                                                                                class="btn btn-cancel w-100 reply-cancel"
                                                                                id="cancelreply{{ $cmt }}">CANCEL</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            @if ($comment->replies->isNotEmpty())
                                                                @foreach ($comment->replies as $rep => $reply)
                                                                    @php
                                                                        $rp++;
                                                                    @endphp
                                                                    <div class="comments-div comments-reply">
                                                                        <div class="comments-head">
                                                                            <h5>{{ $reply->replyuserData->first_name . ' ' . $reply->replyuserData->last_name }}
                                                                                @if (Auth::check() && Auth::id() == $reply->created_by)
                                                                                    <span
                                                                                        class="badge badge-primary text-white">you</span>
                                                                                @endif
                                                                                <span>{{ \Carbon\Carbon::parse($reply->created_at)->diffForHumans() }}</span>
                                                                            </h5>
                                                                            @if (Auth::check() && Auth::id() == $reply->created_by)
                                                                                <div>
                                                                                    <a href="javascript:;"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#delete-reply"
                                                                                        data-reply="{{ $reply->id }}"
                                                                                        id="reply_delete{{ $rep }}"
                                                                                        class="reply-delete"><i
                                                                                            class="fe fe-trash me-2"></i>
                                                                                        Delete</a>
                                                                                    <a href="javascript:;"
                                                                                        data-row="{{ $rp }}"
                                                                                        data-reply="{{ $reply->id }}"
                                                                                        id="reply_edit{{ $rep }}"
                                                                                        class="reply-edit text-primary ms-2"><i
                                                                                            class="fe fe-edit me-2"></i>Edit</a>
                                                                                </div>
                                                                            @endif
                                                                        </div>
                                                                        <div class="comments-content">
                                                                            <p><span class="text-primary">
                                                                                    {{ '@' . $comment->commentuserData->first_name . ' ' . $comment->commentuserData->last_name }}</span>
                                                                                <span
                                                                                    id="replytxt{{ $rp }}">{{ $reply->replies }}</span>
                                                                            </p>
                                                                        </div>

                                                                        <div class="edit-div hide mb-3"
                                                                            id="editreply{{ $rp }}">
                                                                            <div class="comments-btn">
                                                                                <div class="row">
                                                                                    <div class="col-lg-7">
                                                                                        <textarea class="form-control" name="editreplycmt{{ $rp }}"
                                                                                            placeholder="Edit reply comment…"></textarea>
                                                                                    </div>
                                                                                    <div class="col-lg-2">
                                                                                        <a href="javascript:void(0);"
                                                                                            class="btn btn-primary w-100 editCommentReply"
                                                                                            data-row="{{ $rp }}"
                                                                                            data-comment={{ $comment->id }}
                                                                                            data-reply="{{ $reply->id }}"
                                                                                            id="sendreply{{ $rep }}">Update</a>
                                                                                    </div>
                                                                                    <div class="col-lg-3">
                                                                                        <a href="javascript:void(0);"
                                                                                            class="btn btn-cancel w-100 edit-cancel"
                                                                                            id="canceleditreply{{ $rp }}">CANCEL</a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                @endforeach
                                                            @endif
                                                        @endforeach
                                                    @endif

                                                    <div class="comments-btn">
                                                        <div class="row">
                                                            <div class="col-lg-10 mb-3">
                                                                <textarea class="form-control" placeholder="Add a comment…" id="risk_comment" maxlength="255"></textarea>
                                                            </div>
                                                            <div class="col-lg-2">
                                                                <a href="javascript:;" class="btn btn-primary"
                                                                    id="send_risk_comment">SEND</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="tab-pane fade" id="nav-activity" role="tabpanel"
                                                aria-labelledby="nav-activity-tab">
                                                @if ($activities->isNotEmpty())
                                                    @foreach ($activities as $activity)
                                                        @php
                                                            $properties = $activity->properties;
                                                        @endphp
                                                        <div class="activity-path">
                                                            <div class="activity-path-content">
                                                                <h6><span
                                                                        class="text-primary">{{ '@' . $properties['user_name'] ?? 'User' }}</span>
                                                                    {!! $activity->description !!}</h6>
                                                            </div>
                                                            <div class="activity-path-time">
                                                                <h6>{{ \Carbon\Carbon::parse($activity->created_at)->diffForHumans() }}
                                                                </h6>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    {{-- <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Check if a tab was saved in the session
            const activeTab = "{{ session('activeTab') }}";
            if (activeTab) {
                // Remove 'active' class from all tabs and tab panes
                document.querySelectorAll('.nav-link').forEach(tab => tab.classList.remove('active'));
                document.querySelectorAll('.tab-pane').forEach(pane => pane.classList.remove('show', 'active'));

                // Add 'active' class to the saved tab and its corresponding pane
                const savedTab = document.getElementById(activeTab);
                if (savedTab) {
                    savedTab.classList.add('active');
                    const targetPane = savedTab.getAttribute('data-bs-target');
                    if (targetPane) {
                        document.querySelector(targetPane).classList.add('show', 'active');
                    }
                }
            }
        });
    </script> --}}
@endsection

@section('customModal')
    <!-- Edit -->
    <div class="modal fade modal-customization editriskmodal" id="manage-risk" 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 Risk</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                        <i class="fe fe-x"></i>
                    </button>
                </div>
                <form id="manage_risk_form">
                    <input type="hidden" name="risk_id" value="{{ $risks->id }}">
                    <input type="hidden" name="page" value="risk_detail" id="page">
                    <input type="hidden" name="project_id" value="{{ $risks->project_id }}">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3">
                                    <label class="form-label">Identification date <span class="manitory">*</span></label>
                                    <div class="cal-icon">
                                        <input type="text" class="form-control datepicker" placeholder="DD-MM-YYYY"
                                            id="identification_date" name="identification_date"
                                            value="{{ \Carbon\Carbon::parse($risks->identification_date)->format('d-m-Y') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3" id="identifydiv">
                                    <label class="form-label">Identified by <span class="manitory">*</span></label>
                                    <select class="select" name="identified_by" id="identified_by">
                                        <option value="">Select Identifier</option>
                                        @if (!$identifier->isEmpty())
                                            @foreach ($identifier as $identify)
                                                <option value="{{ $identify->id }}" @selected($risks->identified_by == $identify->id)>
                                                    {{ $identify->first_name . ' ' . $identify->last_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3" id="typediv">
                                    <label class="form-label">Risk type <span class="manitory">*</span></label>
                                    <select class="select" name="risk_type" id="risk_type">
                                        <option value="">Type</option>
                                        @if (!$types->isEmpty())
                                            @foreach ($types as $type)
                                                <option value="{{ $type->id }}" @selected($risks->risk_type == $type->id)>
                                                    {{ $type->type_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3" id="sourcediv">
                                    <label class="form-label">Risk source <span class="manitory">*</span></label>
                                    <select class="select" id="risk_source" name="risk_source">
                                        <option value="">Source</option>
                                        @if (!$sources->isEmpty())
                                            @foreach ($sources as $source)
                                                <option value="{{ $source->id }}" @selected($risks->risk_source == $source->id)>
                                                    {{ $source->source_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3" id="categorydiv">
                                    <label class="form-label">Risk Category <span class="manitory">*</span></label>
                                    <select class="select" id="risk_category" name="risk_category">
                                        <option value="">Category</option>
                                        @if (!$categories->isEmpty())
                                            @foreach ($categories as $category)
                                                <option value="{{ $category->id }}" @selected($risks->risk_category == $category->id)>
                                                    {{ $category->category_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3" id="statusdiv">
                                    <label class="form-label">Risk Status <span class="manitory">*</span></label>
                                    <select class="select" id="risk_status" name="risk_status">
                                        @if (!$statuses->isEmpty())
                                            @foreach ($statuses as $stsdata)
                                                <option value="{{ $stsdata->id }}" @selected($risks->risk_status == $stsdata->id)>
                                                    {{ $stsdata->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="mb-3">
                                    <label class="form-label">Risk effect <span class="manitory">*</span></label>
                                    <input type="text" class="form-control" placeholder="Enter risk effect"
                                        id="risk_effect" name="risk_effect" maxlength="50"
                                        value=" {{ $risks->risk_effect }}">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="mb-3">
                                    <label class="form-label">Risk Description <span class="manitory">*</span></label>
                                    <textarea class="form-control" placeholder="Please give a short description that should not be more than 255 characters." id="description" name="description">{{ $risks->description }}</textarea>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="priority-cal">
                                    <h6>Priority calculation <span
                                            class="text-primary">{{ $risks->toleranceData->tolerance_name }}</span></h6>
                                </div>
                                <div class="priority-div">
                                    <div class="row">
                                        <div class="col-lg-3 col-md-6">
                                            <div class="mb-3" id="abilitydiv">
                                                <label class="form-label">Risk Probability</label>
                                                <select class="select" id="probability" name="probability"
                                                    onchange="calculateRiskThreshold()">
                                                    @if (!$probability->isEmpty())
                                                        @foreach ($probability as $prob)
                                                            <option value="{{ $prob->id }}"
                                                                data-value="{{ $prob->probability_value }}"
                                                                @selected($risks->risk_probability == $prob->id)>
                                                                {{ $prob->probability_name }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-1 col-md-6 text-center">
                                            <div class="mb-3">
                                                <label class="form-label">&nbsp;</label>
                                                <span class="text-primary"><i class="fe fe-x pt-3 d-block"></i></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-md-6">
                                            <div class="mb-3" id="impactdiv">
                                                <label class="form-label">Risk Impact</label>
                                                <select class="select" id="impact" name="impact"
                                                    onchange="calculateRiskThreshold()">
                                                    @if (!$impact->isEmpty())
                                                        @foreach ($impact as $pact)
                                                            <option value="{{ $pact->id }}"
                                                                data-value="{{ $pact->impact_value }}"
                                                                @selected($risks->risk_impact == $pact->id)>
                                                                {{ $pact->impact_name }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-1 col-md-6 text-center">
                                            <div class="mb-3">
                                                <label class="form-label">&nbsp;</label>
                                                <span class="text-primary"><i class="fa fa-equals mt-3"></i></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="mb-3">
                                                <label class="form-label">Risk Threshold</label>
                                                <input type="text" class="form-control" placeholder="Threshold Value"
                                                    value="{{ $risks->risk_threshold }}" id="risk_threshold"
                                                    name="risk_threshold" readonly>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-5 col-md-6 col-12">
                                <div class="mb-3" id="ownerdiv">
                                    <label class="form-label">Risk Owner <span class="manitory">*</span></label>
                                    <select class="select" id="owner" name="owner">
                                        <option value="">Owner</option>
                                        @if (!$owner->isEmpty())
                                            @foreach ($owner as $own)
                                                <option value="{{ $own->id }}" @selected($risks->risk_owner == $own->id)>
                                                    {{ $own->first_name . ' ' . $own->last_name }}</option>
                                            @endforeach
                                        @endif
                                    </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>
    <!-- /Edit -->
    <!-- Delete Reply-->
    <div class="modal fade" id="delete-reply" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered ">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Delete Reply</h5>
                    <button type="button" class="btn-close close-modal" data-bs-dismiss="modal" aria-label="Close">
                        <i class="fe fe-x"></i>
                    </button>
                </div>
                <form>
                    @csrf
                    <div class="modal-body">
                        <div class="del-modal">
                            <p>Are you sure want to Delete?</p>
                        </div>
                    </div>
                    <div class="modal-footer pt-0">
                        <input type="hidden" hidden id="delete_reply_id" name="delete_reply_id" />
                        <button type="button" class="btn btn-secondary btn-cancel"
                            data-bs-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-primary" id="deletereply">Yes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /Delete Reply-->

    <!-- Delete -->
    <div class="modal fade" id="delete-risk" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered ">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Delete Risk</h5>
                    <button type="button" class="btn-close close-modal" data-bs-dismiss="modal" aria-label="Close">
                        <i class="fe fe-x"></i>
                    </button>
                </div>
                <form>
                    @csrf
                    <div class="modal-body">
                        <div class="del-modal">
                            <p>Are you sure want to Delete?</p>
                        </div>
                    </div>
                    <div class="modal-footer pt-0">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-primary" id="delete_risk">Yes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /Delete -->
@endsection