@php(
    $headerOption = [
        'title' => '',
        'noCardView' => true,
    ]
)
@extends('front.layouts.layout', $headerOption)

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-flex align-items-center justify-content-between">
                <h4 class="mb-0 font-size-18">Audit Planing</h4>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
                        <li class="breadcrumb-item active">Audit Planing</li>
                    </ol>
                </div>

            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <div class="d-flex justify-content-between mb-3">
                <div class="w-f-150">
                    <select class="form-control border-radius-100">
                        <option>All Status</option>
                    </select>
                </div>
                <div class="d-flex align-items-center gap-10">
                    <div class="search-box">
                        <div class="position-relative">
                            <input type="text" class="form-control" placeholder="Search...">
                            <i class="bx bx-search-alt search-icon"></i>
                        </div>
                    </div>
                    @if (auth()->user()->isClient())
                        <a href="javascript:void(0);" class="btn btn-light btn-rounded waves-effect">Download All</a>
                        <a href="javascript:void(0);"
                        class="btn btn-primary btn-rounded waves-effect waves-light right-bar-toggle"><span
                            id="heading-tag">Create Audit Plan</span></a>
                    {{-- @else
                        <a href="javascript:void(0);"
                        class="btn btn-primary btn-rounded waves-effect waves-light approver_btn" data-id={{ auth()->user()->id }}><span
                        >Approve</span></a> --}}
                    @endif

                </div>
            </div>
            <div class="table-responsive policy-table mb-0" data-pattern="priority-columns">
                <table id="tech-companies-1" class="table table-striped">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Plan Name <i class="bx bx-chevron-up ml-1"></i></th>
                            <th data-priority="3">Plan Year</th>
                            <th data-priority="3">Status</th>
                            @if (!auth()->user()->isClient())
                                <th></th>
                            @endif
                        </tr>
                    </thead>
                    <tbody>
                        @if (count($policies))
                            @foreach ($policies as $key => $val)
                                <tr>
                                    <td>
                                        @if ($val->creator_id == auth()->user()->id || $val->owner_id == auth()->user()->id)
                                            <a href="javascript:void(0);" data-id="{{ $val->id }}"
                                            class="right-bar-toggle policy" data-mode="policy"><i
                                                class="bx bx-edit font-size-20"></i></a>
                                        @endif
                                        {{-- <a href="javascript:void(0);" data-id="{{ $val->id }}"
                                            class="right-bar-toggle policy" data-mode="approver"><i
                                                class="bx bx-box font-size-20 ml-1 mr-1"></i></a>
                                        <a href="javascript:void(0);" data-id="{{ $val->id }}"
                                            class="right-bar-toggle policy" data-mode="budget"><i
                                                class="bx bx-file font-size-20 ml-1 mr-1"></i></a>
                                        <a href="{{ route('audit-plan-project', $val->id) }}"><i
                                                class="bx bx-copy-alt font-size-20 ml-1 mr-1"></i></a> --}}

                                            @if ($val->creator_id == auth()->user()->id || $val->owner_id == auth()->user()->id)
                                                <a href="{{ route('audit-plan-details', $val->id) }}"><i
                                                 class="bx bx-copy-alt font-size-20 ml-1 mr-1"></i></a>
                                            @else
                                                {{-- @if ($val->approve_status == 2) --}}
                                                    <a href="{{ route('audit-plan-details', $val->id) }}"><i
                                                 class="bx bx-copy-alt font-size-20 ml-1 mr-1"></i></a>
                                                {{-- @endif --}}

                                            @endif
                                    </td>
                                    <td>{{ $val->title }}</td>
                                    <td>{{ $val->year }}</td>
                                    @if (auth()->user()->isClient())
                                        <td><span class="badge badge-pill badge-soft-{{ $val->statuses[$val->status]['badge'] }} font-size-12">{!! $val->statuses[$val->status]['name'] !!}</span></td>
                                    @else
                                        @if($val->approve_status == 1)
                                            <td><span class="badge badge-pill badge-soft-warning font-size-12">Pending for approval</span></td>
                                        @elseif($val->approve_status == 2)
                                            <td><span class="badge badge-pill badge-soft-success font-size-12">Approved</span></td>
                                        @else
                                            <td><span class="badge badge-pill badge-soft-danger font-size-12">Rejected</span></td>
                                        @endif
                                    @endif
                                    @if (!auth()->user()->isClient())
                                    <td class="w-20">
                                        @if ($val->approve_status == 1)
                                            <div class="media justify-content-end">
                                                <button type="button"
                                                class="btn btn-info btn-rounded waves-effect waves-light mr-2 acc-approve"
                                                data-id="{{ $val->approve_id }}"><i
                                                    class="mdi mdi-attachment font-size-15"></i></button>
                                                <button type="button"
                                                    class="btn btn-warning btn-rounded waves-effect waves-light del-approve"
                                                    data-id="{{ $val->approve_id }}"><i
                                                        class="mdi mdi-delete font-size-15"></i></button>
                                            </div>
                                        @endif

                                    </td>
                                    @endif
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="4" class="text-center">No Data Found</td>
                            </tr>
                        @endif

                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- modal -->
    <div class="right-bar right-bar-xl">
        <div data-simplebar class="h-100">
            <div class="rightbar-title px-3 py-4">
                <a href="javascript:void(0);" class="right-bar-toggle float-right">
                    <i class="mdi mdi-close noti-icon"></i>
                </a>
                <h5 class="m-0">Create new Plan</h5>
            </div>

            <div class="px-3 pt-4">
                <div id="formrow-plantitle">
                    <h2 class="card-title mb-2">Plan Info</h2>
                    <hr>
                </div>

                <form class="mt-4">

                    <div class="form-group" id="formrow-planname">
                        <label for="formrow-firstname-input">Plan Name <sup class="text-danger">*</sup></label>
                        <input type="text" class="form-control" id="formrow-planname-input">
                    </div>

                    <div class="row">

                        {{-- <div class="col-md-12">
                            <div class="form-group">
                                <label for="formrow-email-input">Control Code <sup class="text-danger">*</sup></label>
                                <input type="text" class="form-control" id="formrow-email-input">
                            </div>
                        </div> --}}
                        <div class="col-md-12" id="formrow-plandesc">
                            <div class="form-group">
                                <label for="formrow-password-input">Plan Description <sup
                                        class="text-danger">*</sup></label>
                                <textarea type="text" id="con-desc" class="form-control heg-adj" rows="7"></textarea>
                            </div>
                        </div>
                        {{-- <div class="col-md-12">
                            <div class="form-group">
                                <label for="formrow-password-input">Control Question <sup
                                        class="text-danger">*</sup></label>
                                <textarea type="text" id="con-question" class="form-control " rows="5"></textarea>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="formrow-password-input">Control Activities <sup
                                        class="text-danger">*</sup></label>
                                <textarea type="text" id="con-activity" class="form-control " rows="5"></textarea>
                            </div>
                        </div> --}}
                    </div>

                    {{-- <div>
                        <h2 class="card-title mb-2 mt-4">Plan Approver</h2>
                        <hr>
                        @php($controlownerlist = [1 => 'Approver 1', 2 => 'Approver 2', 3 => 'Approver 3'])
                        @php($controlownerlist = ['' => 'Select Approvers'] + $controlownerlist)
                        {!! Form::select('control_owner', $controlownerlist, null, [
                            'class' => 'form-control',
                            'id' => 'control_owners',
                        ]) !!}
                    </div> --}}
                    <div id="formrow-planyear">
                        <h2 class="card-title mb-2 mt-4">Plan Year</h2>
                        <hr>
                        @php($yearlist = ['' => 'Select year'] + $yearlist)
                        {!! Form::select('audit_year', $yearlist, null, ['class' => 'form-control', 'id' => 'audit_year']) !!}
                    </div>
                    <div class="connection-block-wrapper">
                        <div id="formrow-policymap">
                            <h2 class="card-title mb-2 mt-4">Mapped Controls</h2>
                            <hr>

                            <input type="hidden" id="requirmentid" value="" />
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex align-items-center">
                                        <div class="mr-3">
                                            <img src="https://biz-file.com/c/1410/233500.jpg" alt=""
                                                class="avatar-md h-auto d-block rounded">
                                        </div>

                                        <div class="align-self-center overflow-hidden mr-auto">
                                            <div>
                                                <h5 class="font-size-14 m-0 py-2"><a href="javascript:void(0)"
                                                        class="text-dark framework_name" id="framework_name1"> </a><span
                                                        class="ml-2 text-success p-1 rounded-circle bg-light font-weight-light"
                                                        id="framework_id"></span></h5>
                                                <div class="media livebrowsecontrol-el" id="mapedrequirment">
                                                    <!--<div class="p mr-2 mb-0"><span class="badge badge-soft-info ">A5.15</span></div>
                                                        <div class="p mb-0 mr-2"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                         <div class="p mr-2 mb-0"><span class="badge badge-soft-info ">A5.15</span></div> -->
                                                </div>
                                            </div>
                                        </div>

                                        <div class="dropdown ml-2">
                                            <a class="text-muted dropdown-toggle font-size-14 browse-control-openr"
                                                href="javascript:void(0);" role="button" data-toggle="dropdown"
                                                aria-haspopup="true" aria-expanded="false">
                                                Add
                                            </a>
                                            <i class="mdi mdi-chevron-right font-size-14 text-muted"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="connection-block-wrapper">
                                <h2 class="card-title mb-2 mt-4">Mapped Risks</h2>
                                <hr>


                                <div class="card">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="mr-3">
                                                <img src="https://biz-file.com/c/1410/233500.jpg" alt=""
                                                    class="avatar-md h-auto d-block rounded">
                                            </div>

                                            <div class="align-self-center overflow-hidden mr-auto">
                                                <div>
                                                    <h5 class="font-size-14 m-0 py-2"><a href="javascript:void(0)"
                                                            class="text-dark framework_name" id="framework_name">
                                                        </a><span
                                                            class="ml-2 text-success p-1 rounded-circle bg-light font-weight-light"
                                                            id="framework_id"></span></h5>
                                                    <div class="media livebrowsecontrol-elrisk" id="mapedrisk">

                                                    </div>
                                                </div>
                                            </div>

                                            <div class="dropdown ml-2">
                                                <a class="text-muted dropdown-toggle font-size-14 browse-control-openr-risk"
                                                    href="javascript:void(0);" role="button" data-toggle="dropdown"
                                                    aria-haspopup="true" aria-expanded="false">
                                                    Add
                                                </a>
                                                <i class="mdi mdi-chevron-right font-size-14 text-muted"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>





                        </div>



                        <div class="connection-block-wrapper " id="formrow-approvers">
                            <div class="d-flex align-items-center justify-content-between">
                                <h2 class="card-title mb-2">Assign Approvers</h2>

                            </div>
                            <hr>
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex align-items-center">
                                        {{-- <div class="avatar-xs mr-3">
                                            <div class="avatar-title rounded-circle bg-light text-primary">
                                                <i class="bx bxs-user"></i>
                                            </div>
                                        </div>

                                        <div class="align-self-center overflow-hidden mr-auto">
                                            <div>
                                                <h5 class="font-size-14 m-0 py-2"><a href="#"
                                                        class="text-dark">Choose
                                                        Approvers</a></h5>
                                                <div class="media livebrowsecontrol-elpolicy" id="mapepolicy">

                                                </div>

                                            </div>
                                        </div>

                                        <div class="dropdown ml-2">
                                            <a class="text-muted dropdown-toggle font-size-14 browse-control-openr-policy"
                                                href="javascript:void(0);" role="button" data-toggle="dropdown"
                                                aria-haspopup="true" aria-expanded="false">
                                                Add
                                            </a>
                                            <i class="mdi mdi-chevron-right font-size-14 text-muted"></i>
                                        </div> --}}
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>Name</th>
                                                    <th>Status</th>
                                                    <th>Feedback</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>John Doe</td>
                                                    <td><span
                                                            class="badge badge-soft-success badge-pill ml-1 font-size-12">Active</span>
                                                    </td>
                                                    <td>
                                                        <a href="javascript:void(0);" class="feedback-control-openr"><i
                                                                class="bx bx-info-circle font-size-20"></i></a>
                                                    </td>
                                                    <td><button type="button" class="btn btn-secondary">Assign</button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Mary Moe</td>
                                                    <td><span
                                                            class="badge badge-soft-success badge-pill ml-1 font-size-12">Active</span>
                                                    </td>
                                                    <td>
                                                        <a href="javascript:void(0);" class="feedback-control-openr"><i
                                                                class="bx bx-info-circle font-size-20"></i></a>
                                                    </td>
                                                    <td><button type="button" class="btn btn-secondary">Assign</button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>July Dooley</td>
                                                    <td><span
                                                            class="badge badge-soft-success badge-pill ml-1 font-size-12">Active</span>
                                                    </td>
                                                    <td>
                                                        <a href="javascript:void(0);" class="feedback-control-openr"><i
                                                                class="bx bx-info-circle font-size-20"></i></a>
                                                    </td>
                                                    <td><button type="button" class="btn btn-secondary">Assign</button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="card">
                                <div class="card-body">
                                    <div class="d-flex align-items-center">
                                        <div class="avatar-xs mr-3">
                                            <div class="avatar-title rounded-circle bg-light text-primary">
                                                <i class="bx bxs-user"></i>
                                            </div>
                                        </div>

                                        <div class="align-self-center overflow-hidden mr-auto">
                                            <div>
                                                <h5 class="font-size-14 m-0 py-2"><a href="#" class="text-dark">Link
                                                        Reports & Documents</a></h5>

                                            </div>
                                        </div>

                                        <div class="dropdown ml-2">
                                            <a class="text-muted dropdown-toggle font-size-14 upload-control-evidence-modal"
                                                href="javascript:void(0)" role="button" data-toggle="dropdown"
                                                aria-haspopup="true" aria-expanded="false">
                                                Add
                                            </a>
                                            <i class="mdi mdi-chevron-right font-size-14 text-muted"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex align-items-center">
                                        <div class="avatar-xs mr-3">
                                            <div class="avatar-title rounded-circle bg-light text-primary">
                                                <i class="bx bxs-user"></i>
                                            </div>
                                        </div>

                                        <div class="align-self-center overflow-hidden mr-auto">
                                            <div>
                                                <h5 class="font-size-14 m-0 py-2"><a href="#" class="text-dark">Link
                                                        External Evidence</a></h5>

                                            </div>
                                        </div>

                                        <div class="dropdown ml-2">
                                            <a class="text-muted dropdown-toggle font-size-14" href="#" role="button"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                Add
                                            </a>
                                            <i class="mdi mdi-chevron-right font-size-14 text-muted"></i>
                                        </div>
                                    </div>
                                </div>
                            </div> --}}
                        </div>

                        <div id="formrow-budget">
                            <div class="connection-block-wrapper">
                                <div class="up-form-sec">
                                    <h2 class="card-title mb-2 mt-4">Budget Details</h2>
                                    <hr>
                                    <form class="">

                                        <div class="form-group">
                                            <label for="formrow-firstname-input"> Amount <sup
                                                    class="text-danger">*</sup></label>
                                            <input type="text" class="form-control" id="formrow-firstname-input">
                                        </div>

                                        <div class="row">

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="formrow-email-input">Description<sup
                                                            class="text-danger">*</sup></label>
                                                    <textarea class="form-control" id="formrow-email-input" rows="4"></textarea>
                                                </div>
                                            </div>
                                            {{-- <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="formrow-email-input">Description<sup
                                                        class="text-danger">*</sup></label>
                                                <input type="textarea" class="form-control" id="formrow-email-input"
                                                    rows="4">
                                            </div>
                                        </div> --}}
                                            {{-- <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="formrow-password-input">Renewal Date<sup
                                                        class="text-danger">*</sup></label>
                                                <div class="row">
                                                    <div class="col-lg-6 col-12">
                                                        <select class="form-control">
                                                            <option>1 Year</option>
                                                            <option>2 Year</option>
                                                            <option>3 Year</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-lg-6 col-12">
                                                        <input type="text" class="form-control" placeholder="July 7 , 2024"
                                                            id="renewal_at">
                                                    </div>
                                                </div>
                                            </div>
                                        </div> --}}
                                            {{-- <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="formrow-password-input">Plan Year <sup
                                                            class="text-danger">*</sup></label>
                                                    <select class="form-control">
                                                        <option>Search for year...</option>
                                                        <option>2020</option>
                                                        <option>2021</option>
                                                        <option>2022</option>
                                                        <option>2023</option>
                                                        <option>2024</option>
                                                        <option>2025</option>
                                                        <option>2026</option>
                                                        <option>2027</option>
                                                        <option>2028</option>
                                                        <option>2029</option>
                                                        <option>2030</option>
                                                    </select>
                                                </div>
                                            </div> --}}
                                        </div>

                                    </form>
                                </div>
                            </div>

                            <div class="connection-block-wrapper">
                                <div class="up-pol">
                                    <h2 class="card-title mb-2 mt-4">Upload Document</h2>
                                    <hr>
                                    <form action="#" class="dropzone dz-clickable text-center p-3">

                                        <div class="dz-message needsclick upload-policy-document">
                                            <div class="mb-2">
                                                <i class="display-4 text-muted bx bxs-cloud-upload"></i>
                                            </div>

                                            <h4>Upload Document</h4>
                                        </div>
                                        <input name="policy_doc" type="file" class="up-file policy_doc-file d-none"
                                            id="actual-file"
                                            accept="application/pdf,application/msword,
                                                application/vnd.openxmlformats-officedocument.wordprocessingml.document" />
                                    </form>
                                    <span class="mt-1 text-muted d-block">Accepted file extension: .pdf, .docx, .odt,
                                        .xlsx, .ods,
                                        .pptx, .odp</span>
                                </div>
                            </div>
                        </div>


                    </div>

                </form>
                <div class="d-flex justify-content-end gap-10 border-top pt-4 pb-4">
                    <a href="javascript:void(0)"
                        class="btn btn-outline-primary btn-rounded waves-effect waves-light px-5 py-2"
                        onclick="closeCreateModal()">Cancel</a>
                    <a href="javascript:void(0)" id="req_submit_btn" onclick="onUpdateRequirement()"
                        data-loading-text="<i class='bx bx-loader-alt bx-spin'></i> Processing..."
                        class="btn btn-primary btn-rounded px-5 py-2">Save</a>
                </div>
            </div>



        </div> <!-- end slimscroll-menu-->
    </div>



    </div> <!-- end slimscroll-menu-->

    <div class="modal fade consider-not-sidebar-outside" id="controlbrowsermodal" tabindex="-1"
        aria-labelledby="exampleModalLabel" aria-hidden="true" style="z-index: 99999;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Controls</h5>
                    <button type="button" class="close" onclick="dismissControlBrowserModal();" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12 my-1">
                            <label class="sr-only" for="controlsearch">Search Controls</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div class="input-group-text"><i class='bx bx-search'></i></div>
                                </div>
                                <input type="text" class="form-control" id="controlsearch"
                                    placeholder="Type here to search requirments" onkeyup="onFilterBrowseControlByName();"
                                    onblur="onFilterBrowseControlByName();" />
                            </div>
                        </div>
                        <div class="col-12" style="max-height: calc(100vh - 275px); overflow: auto;">
                            <div class="py-3" id="controls-body-el">
                                <div class="text-center pt-3 pb-2" style="font-size: 24px;">
                                    <i class='bx bx-loader-alt bx-spin'></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary"
                        onclick="dismissControlBrowserModal();">Close</button>
                    <button type="button" onclick="onFinalizeBrowseControlItems();"
                        class="btn btn-primary">Okay</button>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade consider-not-sidebar-outside" id="controlbrowsermodalrisk" tabindex="-1"
        aria-labelledby="exampleModalLabel" aria-hidden="true" style="z-index: 99999;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Risk</h5>
                    <button type="button" class="close" onclick="dismissControlBrowserModalrisk();"
                        aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12 my-1">
                            <label class="sr-only" for="controlsearch">Search Risks</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div class="input-group-text"><i class='bx bx-search'></i></div>
                                </div>
                                <input type="text" class="form-control" id="controlsearchrisk"
                                    placeholder="Type here to search risks" onkeyup="onFilterBrowseControlByNamerisk();"
                                    onblur="onFilterBrowseControlByNamerisk();" />
                            </div>
                        </div>
                        <div class="col-12" style="max-height: calc(100vh - 275px); overflow: auto;">
                            <div class="py-3" id="controls-body-elrisk">
                                <div class="text-center pt-3 pb-2" style="font-size: 24px;">
                                    <i class='bx bx-loader-alt bx-spin'></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary"
                        onclick="dismissControlBrowserModalrisk();">Close</button>
                    <button type="button" onclick="onFinalizeBrowseControlItemsrisk();"
                        class="btn btn-primary">Okay</button>
                </div>
            </div>
        </div>
    </div>




    <div class="modal fade consider-not-sidebar-outside" id="controlfeedbackmodal" tabindex="-1"
        aria-labelledby="exampleModalLabel" aria-hidden="true" style="z-index: 99999;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Feedback</h5>
                    <button type="button" class="close" onclick="dismissFeedbackBrowserModal();" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        {{-- <div class="col-12 my-1">
                            <label class="sr-only" for="controlsearch">Search Controls</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div class="input-group-text"><i class='bx bx-search'></i></div>
                                </div>
                                <input type="text" class="form-control" id="controlsearch"
                                    placeholder="Type here to search requirments" onkeyup="onFilterBrowseControlByName();"
                                    onblur="onFilterBrowseControlByName();" />
                            </div>
                        </div>
                        <div class="col-12" style="max-height: calc(100vh - 275px); overflow: auto;">
                            <div class="py-3" id="controls-body-el">
                                <div class="text-center pt-3 pb-2" style="font-size: 24px;">
                                    <i class='bx bx-loader-alt bx-spin'></i>
                                </div>
                            </div>
                        </div> --}}
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto illum, impedit velit incidunt unde
                            repellendus reiciendis maxime eligendi, minus, iste atque et ut. Quaerat asperiores distinctio,
                            placeat similique nostrum accusantium.</p>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary"
                        onclick="dismissFeedbackBrowserModal();">Close</button>
                    {{-- <button type="button" onclick="onFinalizeBrowseControlItems();"
                        class="btn btn-primary">Okay</button> --}}
                </div>
            </div>
        </div>
    </div>
@endsection
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
    var cc_items = [];
    var cc_itemsrisk = [];
    // var cc_itemspolicy = [];

    var refids = {};
    var refidsrisk = {};
    // var refidspolicy = {};

    var full_set_of_data = null;
    var full_set_of_datarisk = null;
    // var full_set_of_datapolicy = null;

    var app_url = "