@extends('layouts.master')

@section('mainContent')
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">

<style>
        select {
            width: 200px;
            height: 150px;
        }
        .button-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .button-container button {
            margin: 5px;
        }
    </style>

    <div class="page-wrapper">
        <div class="page-header-link">
            <a href="javascript:;" class="show-menuheader">
                Policy Menus
                <i class="fas fa-align-left ms-auto"></i>
            </a>
        </div>
        <div class="page-menu">
            <div class="page-menu-header">
                <h2>Policy Menu</h2>
                <a href="javascript:;" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>

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

        </div>

        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Standard</h3>
                        <ul>
                            <li class="text-primary">Standard </li>
                            <li class="text-primary"><a href="{{ url('policy-security/list/controls-relations') }}">Controls
                                    (Relationship)</a>
                            </li>
                            <li><a href="javascript:;">Controls (Relationship) Detail</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">

                            <div class="card-body-header head-client">
                                <h5>Controls Mapping Details</h5>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>SC Domain</h5>
                                                <h6>{{ $mappingDomain ?? '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Standard</h5>
                                                <h6>{{ ($security->standardsData) ? $security->standardsData->name : '-' }} </h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

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

                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h3 class="head-client">Controls</h3>

                            <!-- <div class="row">
                                <div class="col-md-12">
                                    <form id="editSecurityForm">
                                        <input type="hidden" name="edit_id" value="{{ $security->id }}" >
                                        @if($relate->isNotEmpty())
                                        @foreach ($relate as $r => $rel)
                                        <div class="col-lg-12 append-control-info" id="rowsContainer">
                                            <div class="title-append-blk">
                                                <h5>&nbsp;</h5>
                                                @if ($r == 0)
                                                <a href="javascript:;" class="add-more-controls"><i class="fe fe-plus-circle me-2"></i>Add more</a>
                                                @else
                                                <a href="javascript:;" class="text-danger remove-control"><i class="fe fe-minus me-2"></i>Remove</a>
                                                @endif
                                            </div>
                                            <div class="append-info mb-3">
                                                <div class="row">
                                                    <input type="hidden" name="rowid[]" value="{{ $rel->id }}">
                                                    <div class="col-lg-4">
                                                        <div class="mb-3">
                                                            <label class="form-label">Control Id <span
                                                                    class="manitory">*</span></label>
                                                            <input type="text" class="form-control" name="control_id[]" value="{{ $rel->control_id }}"
                                                                placeholder="Enter Control Id">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <div class="mb-3" id="weigh_div">
                                                            <label class="form-label">Control Weighting <span
                                                                    class="manitory">*</span></label>
                                                            <select class="select" name="weighting[]">
                                                                <option value="">Select Weighting</option>
                                                                @foreach ($weightData as $wrow)
                                                                    <option value="{{ $wrow->id }}" @selected($rel->weighting==$wrow->id)>
                                                                        {{ $wrow->control_entity }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <div class="mb-3" id="func_div">
                                                            <label class="form-label">Function Group <span
                                                                    class="manitory">*</span></label>
                                                            <select class="select" name="function_group[]">
                                                                <option value="">Select Group</option>
                                                                @foreach ($functionData as $frow)
                                                                    <option value="{{ $frow->id }}" @selected($rel->function_group==$frow->id)>
                                                                        {{ $frow->name_entity }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="mb-3">
                                                            <label class="form-label">Control <span
                                                                    class="manitory">*</span></label>
                                                            <input type="text" class="form-control" name="control[]" value="{{ $rel->control }}"
                                                                placeholder="Enter Control">

                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="mb-3" id="actiondiv">
                                                            <label class="form-label">Control Description <span
                                                                    class="manitory">*</span></label>
                                                            <textarea type="text" name="description[]" class="form-control" placeholder="Enter Description">{{ $rel->control_description }}</textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-6">
                                                        <div class="mb-3">
                                                            <label class="form-label">Methods to Comply <span
                                                                    class="manitory">*</span></label>
                                                            <textarea class="form-control" name="methods[]" placeholder="Enter Methods to Comply">{{ $rel->methods_comply }}</textarea>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="mb-3">
                                                            <label class="form-label">Control Question <span
                                                                class="manitory">*</span></label>
                                                            <textarea class="form-control" name="questions[]" placeholder="Enter Control Question">{{ $rel->control_question }}</textarea>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="mb-3">
                                                            <label class="form-label">Assessmet Objective <span
                                                                    class="manitory">*</span></label>
                                                            @php
                                                                $assess = explode(',', $rel->assessment);
                                                            @endphp
                                                            <select class="select assessmentSelect" name="assessment_control[]" multiple>
                                                                @foreach ($assessData as $arow)
                                                                    <option value="{{ $arow->id }}" {{ in_array($arow->id, $assess) ? 'selected' : '' }}>
                                                                        {{ $arow->assessment_control. " - ".$arow->assessment_objective }}</option>
                                                                @endforeach
                                                            </select>
                                                            <input type="hidden" name="assessment[]" class="assessmentCombined" value="{{ $rel->assessment }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="mb-3">
                                                            <label class="form-label">Framework <span
                                                                    class="manitory">*</span></label>
                                                            @php
                                                                $frame = explode(',', $rel->framework);
                                                            @endphp
                                                            <select class="select frameworkSelect" name="framework_control[]" multiple>
                                                                @foreach ($frameworkData as $frow)
                                                                    <option value="{{ $frow->id }}" {{ in_array($frow->id, $frame) ? 'selected' : '' }}>
                                                                        {{ $frow->framework_name }}</option>
                                                                @endforeach
                                                            </select>
                                                            <input type="hidden" name="framework[]" class="frameworkCombined" value="{{ $rel->framework }}">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endforeach
                                        @else
                                        <div class="col-lg-12 append-control-info" id="rowsContainer">
                                            <div class="title-append-blk">
                                                <h5>&nbsp;</h5>
                                                <a href="javascript:;" class="add-more-controls"><i
                                                        class="fe fe-plus-circle me-2"></i>Add
                                                    more</a>
                                            </div>
                                            <div class="append-info mb-3">
                                                <div class="row">
                                                    <input type="hidden" name="rowid[]">
                                                    <div class="col-lg-4">
                                                        <div class="mb-3">
                                                            <label class="form-label">Control Id <span
                                                                    class="manitory">*</span></label>
                                                            <input type="text" class="form-control" name="control_id[]"
                                                                placeholder="Enter Control Id">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <div class="mb-3" id="weigh_div">
                                                            <label class="form-label">Control Weighting <span
                                                                    class="manitory">*</span></label>
                                                            <select class="select" name="weighting[]">
                                                                <option value="">Select Weighting</option>
                                                                @foreach ($weightData as $wrow)
                                                                    <option value="{{ $wrow->id }}">
                                                                        {{ $wrow->control_entity }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <div class="mb-3" id="func_div">
                                                            <label class="form-label">Function Group <span
                                                                    class="manitory">*</span></label>
                                                            <select class="select" name="function_group[]">
                                                                <option value="">Select Group</option>
                                                                @foreach ($functionData as $frow)
                                                                    <option value="{{ $frow->id }}">
                                                                        {{ $frow->name_entity }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="mb-3">
                                                            <label class="form-label">Control <span
                                                                    class="manitory">*</span></label>
                                                            <input type="text" class="form-control" name="control[]"
                                                                placeholder="Enter Control">

                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="mb-3" id="actiondiv">
                                                            <label class="form-label">Control Description <span
                                                                    class="manitory">*</span></label>
                                                            <textarea type="text" name="description[]" class="form-control" placeholder="Enter Description"></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-6">
                                                        <div class="mb-3">
                                                            <label class="form-label">Methods to Comply <span
                                                                    class="manitory">*</span></label>
                                                            <textarea class="form-control" name="methods[]" placeholder="Enter Methods to Comply"></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="mb-3">
                                                            <label class="form-label">Control Question <span
                                                                class="manitory">*</span></label>
                                                            <textarea class="form-control" name="questions[]" placeholder="Enter Control Question"></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="mb-3">
                                                            <label class="form-label">Assessment Objective <span
                                                                    class="manitory">*</span></label>
                                                            <select class="select assessmentSelect" name="assessment_control[]" multiple>
                                                                @foreach ($assessData as $arow)
                                                                    <option value="{{ $arow->id }}">
                                                                        {{ $arow->assessment_objective }}</option>
                                                                @endforeach
                                                            </select>
                                                            <input type="hidden" name="assessment[]" class="assessmentCombined">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="mb-3">
                                                            <label class="form-label">Framework <span
                                                                    class="manitory">*</span></label>
                                                            <select class="select frameworkSelect" name="framework_control[]" multiple>
                                                                @foreach ($frameworkData as $drow)
                                                                    <option value="{{ $drow->id }}">
                                                                        {{ $drow->framework_name }}</option>
                                                                @endforeach
                                                            </select>
                                                            <input type="hidden" name="framework[]" class="frameworkCombined">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                        @if (Auth::user()->hasPermission('standards', 'edit'))
                                        <button type="button" class="btn btn-primary" id="edit_security_btn">Update</button>
                                        @endif
                                        <button type="button" id="edit_reset" class="btn btn-cancel">Cancel</button>
                                    </form>
                                </div>
                            </div> -->
                            
                            <div class="row">
                                <div class="col-12"> 
                                    <form id="editSecurityForm"> 
                                        <input type="hidden" name="edit_id" id="edit_id" value="{{ $security->id }}">
                                        
                                        <div class="col-12">
                                            <div class="mb-3">   
                                                <select multiple="multiple" size="10" name="control_id[]" class="duallistbox">
                                                    @foreach($controls as $control)
                                                        <option value="{{ $control->id }}" 
                                                            {{ !empty($selectedControls) && in_array($control->id, $selectedControls) ? 'selected' : '' }}>
                                                            {{ $control->control_id.'-'.$control->control }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <!-- <div class="col-2">
                                       
                                                <button id="moveRight" class="btn btn-primary">&gt;</button>
                                                <button id="moveLeft" class="btn btn-primary">&lt;</button>
                                        </div> -->
 
                                        <!-- <div class="col-5">
                                            <div class="mb-3">
                                              <label class="form-label">Selected Controls <span class="manitory">*</span></label> 
                                                <select id="selectedItems" name="control_id[]" class="selectedItems"  multiple>
                                                    @if($controls->isNotEmpty())
                                                        @foreach ($controls as $drow)
                                                            @if(!empty($selectedControls) && in_array($drow->id,$selectedControls))
                                                            <option value="{{ $drow->id }}"> 
                                                                {{ $drow->control_id.'-'.$drow->control }}
                                                            </option>
                                                           
                                                            @endif
                                                        @endforeach
                                                    @endif 
                                                </select>
                                            </div>
                                            <div id="control_id_div"></div>
                                        </div>  -->
                                        @if (Auth::user()->hasPermission('standards', 'edit'))
                                        <button type="button" class="btn btn-primary" id="update_security_btns">Update</button>
                                        @endif
                                        <!-- <button type="button" id="edit_reset" class="btn btn-cancel">Cancel</button> -->
                                    </form> 
                                </div>
                             </div>

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

            </div>
        </div>

    </div>
@endsection