@extends('layouts.master')

@section('mainContent')
    <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>
        @php
            $currentUrl = url()->current();
            $url = url()->current();
            $parts = explode('/', rtrim($url, '/'));
            $last_slug = end($parts);
        @endphp
        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Standard</h3>
                        <ul>
                            <li class="text-primary">Policy Management </li>
                            <li><a href="javascript:;">Standards</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 d-flex widget-path widget-service">
                    <div class="card">
                        <div class="tab-set">
                            <nav>
                                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                    <a class="nav-link" href="{{ url('policyTypes/list/category') }}" id="cmmi-master-tab"
                                        aria-controls="cmmi-master" aria-selected="false">CMMI</a>
                                    <a class="nav-link active" href="{{ url('policy-security-types/list/domain') }}"
                                        id="security-master-tab" aria-controls="security-master"
                                        aria-selected="true">Security</a>
                                    <a class="nav-link" href="{{ url('policy-control-types/list/domain') }}"
                                        id="control-master-tab" aria-controls="control-master"
                                        aria-selected="true">Control</a>
                                </div>
                            </nav>
                            <div class="tab-content" id="nav-tabContent">
                                <div class="tab-pane fade show active" id="security-master" role="tabpanel"
                                    aria-labelledby="security-master-tab">
                                    <div class="master-wrapper">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="master-list-blk">
                                                    <div class="accordion master-wrapper" id="accordionMaster">
                                                        <div class="accordion-item">
                                                            <p class="accordion-header" id="headingOne">
                                                                <a class="accordion-button" href="javascript:;"
                                                                    data-bs-toggle="collapse" data-bs-target="#collapseOne"
                                                                    aria-expanded="true" aria-controls="collapseOne">
                                                                    Master
                                                                </a>
                                                            </p>
                                                            <div id="collapseOne" class="accordion-collapse collapse show"
                                                                aria-labelledby="headingOne"
                                                                data-bs-parent="#accordionExample">
                                                                <div class="accordion-body">
                                                                    <div class="master-list">
                                                                        <ul>
                                                                            <li><a href="{{ url('policy-security-types/list/standards') }}"
                                                                                    class="{{ $last_slug == 'standards' ? 'active' : '' }}">Standards</a>
                                                                            </li>
                                                                            <li><a href="{{ url('policy-security-types/list/domain') }}"
                                                                                    class="{{ $last_slug == 'domain' ? 'active' : '' }}">Domain</a>
                                                                            </li>
                                                                            <li><a href="{{ url('policy-security-types/list/function-group') }}"
                                                                                    class="{{ $last_slug == 'function-group' ? 'active' : '' }}">Function
                                                                                    Group</a></li>
                                                                            <li><a href="{{ url('policy-security-types/list/framework') }}"
                                                                                    class="{{ $last_slug == 'framework' ? 'active' : '' }}">Framework</a>
                                                                            </li>
                                                                            <li><a href="{{ url('policy-security-types/list/assessment') }}"
                                                                                    class="{{ $last_slug == 'assessment' ? 'active' : '' }}">Assessment
                                                                                    Objective</a></li>
                                                                            <li><a href="{{ url('policy-security-types/list/status') }}"
                                                                                    class="{{ $last_slug == 'status' ? 'active' : '' }}">Status</a>
                                                                            </li>
                                                                            <li><a href="{{ url('policy-security-types/list/maturity') }}"
                                                                                    class="{{ $last_slug == 'maturity' ? 'active' : '' }}">Maturity</a>
                                                                            </li>
                                                                            <li><a href="{{ url('policy-security/controls-mapping') }}"
                                                                                    class="{{ $last_slug == 'controls-mapping' ? 'active' : '' }}">Controls
                                                                                    (Mapping)</a></li>
                                                                            <li><a href="{{ url('policy-security/list/controls-relations') }}"
                                                                                    class="{{ $last_slug == 'controls-relations' ? 'active' : '' }}">Controls
                                                                                    (Relationship)</a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-8">
                                                <div class="master-content-info">
                                                    <h3>{{ $page_name=='controls-mapping'?'Controls Mapping':$page_name }}</h3>
                                                    <input type="hidden" name="module_type" id="module_type"
                                                            value="{{ $module_type }}">

                                                    <form id="addMappingForm">
                                                        <div class="card-border-blk">

                                                            <div class="append-info mb-3">
                                                                <div class="row">
                                                                    <div class="col-lg-6">
                                                                        <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-6">
                                                                        <div class="mb-3" id="weigh_div">
                                                                            <label class="form-label">Control Weightage
                                                                                <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-6">
                                                                        <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-6">
                                                                        <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[]" multiple>
                                                                                @foreach ($assessData as $arow)
                                                                                    <option value="{{ $arow->id }}">
                                                                                        {{ $arow->assessment_objective }}
                                                                                    </option>
                                                                                @endforeach
                                                                            </select>

                                                                        </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[]" multiple>
                                                                                @foreach ($frameworkData as $drow)
                                                                                @php $name = isset($drow->controlGroupData->control_groupno)?$drow->controlGroupData->control_groupno:'' @endphp
                                                                                    <option value="{{ $drow->id }}">
                                                                                        {{ $drow->framework_name.'-'.$name }}
                                                                                    </option>
                                                                                @endforeach
                                                                            </select>

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

                                                            @if (Auth::user()->hasPermission('standards', 'create'))
                                                                <button type="button" class="btn btn-primary"
                                                                    id="add_mapping_btn">Create</button>
                                                            @else
                                                                <button type="button" class="btn btn-cancel"
                                                                    title="Create Permission Denied">Create</button>
                                                            @endif
                                                            <button type="button" id="reset_form"
                                                                class="btn btn-cancel">Cancel</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="mt-3">
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <div class="datatable-search"></div>
                                                        </div>
                                                    </div>
                                                    <div class="table-responsive">
                                                        <table class="table tableMapping" id="mapping_table">
                                                            <thead>
                                                                <tr>
                                                                    <th>Control ID</th>
                                                                    <th>Function Group</th>
                                                                    <th>Control</th>
                                                                    <th>Associated Controls</th>
                                                                    <th>Framework</th>
                                                                    <th>Action</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    <div class="row align-items-center">
                                                        <div class="col-md-12">
                                                            <div class="datatable-paginate"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <a hidden href="javascript:;" data-bs-toggle="modal" data-bs-target="#import-modal" class="btn btn-primary" style="float: right;">Import</a>
    <style>
        .select2-container--default .select2-selection--multiple {
            height: 86px !important;
        }
    </style>
@endsection

@section('customModal')
    <!-- Edit -->
    <div class="modal fade modal-customization" id="edit-mapping" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Edit Control Mapping</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 id="editMappingForm">
                    <input type="hidden" name="module_type" id="module_type" value="controls-mapping">
                    <div class="modal-body">
                        <div class="row">
                            <div class="appendinfo">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            <label class="form-label">Control Id <span
                                                    class="manitory">*</span></label>
                                            <input type="text" class="form-control"
                                                name="control_id" id="edit_control_id"
                                                placeholder="Enter Control Id">
                                        </div>
                                    </div>

                                    <div class="col-lg-12">
                                        <div class="mb-3" id="weigh_div">
                                            <label class="form-label">Control Weightage
                                                <span class="manitory">*</span></label>
                                            <select class="select" name="weighting" id="edit_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-12">
                                        <div class="mb-3" id="func_div">
                                            <label class="form-label">Function Group <span
                                                    class="manitory">*</span></label>
                                            <select class="select" id="edit_function_group"
                                                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" id="edit_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" id="edit_description" class="form-control" placeholder="Enter Description"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            <label class="form-label">Methods to Comply
                                                <span class="manitory">*</span></label>
                                            <textarea class="form-control" name="methods" id="edit_methods" placeholder="Enter Methods to Comply"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            <label class="form-label">Control Question
                                                <span class="manitory">*</span></label>
                                            <textarea class="form-control" name="questions" id="edit_questions" placeholder="Enter Control Question"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            <label class="form-label">Assessment Objective
                                                <span class="manitory">*</span></label>
                                            <select class="select assessmentSelect"
                                                name="assessment[]" multiple id="edit_assessment">
                                                @foreach ($assessData as $arow)
                                                    <option value="{{ $arow->id }}">
                                                        {{ $arow->assessment_objective }}
                                                    </option>
                                                @endforeach
                                            </select>

                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            <label class="form-label">Framework <span
                                                    class="manitory">*</span></label>
                                            <select class="select frameworkSelect" id="edit_framework"
                                                name="framework[]" multiple>
                                                @foreach ($frameworkData as $drow)
                                                    <option value="{{ $drow->id }}">
                                                        {{ $drow->framework_name }}
                                                    </option>
                                                @endforeach
                                            </select>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer pt-0">
                        <input type="hidden" hidden id="edit_id" name="edit_id" />
                        <button type="button" class="btn btn-primary" id="update_mapping_btn">Submit</button>
                        <button type="button" class="btn btn-secondary btn-cancel"
                            data-bs-dismiss="modal">Close</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /Edit -->

    <!-- Delete -->
    <div class="modal fade" id="delete-mapping" 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 {{ $page_name }}</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_mapping_id" name="delete_mapping_id" />
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-primary" id="delete_mapping_btn">Yes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /Delete -->

    <!-- Import -->
    <div class="modal fade" id="import-modal" tabindex="-1" aria-labelledby="importModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered ">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="importModalLabel">Import {{ $page_name }}</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 method="POST" action="{{ route('policy-security-types.import') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <div class="col-md-12">
                            <div class="form-set">
                                <label class="form-label">Choose File <span class="mandatory">*</span></label>
                                <input type="file" class="form-control" name="import_file">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-set">
                                <label class="form-label">Heading Row Number <span class="mandatory">*</span></label>
                                <input type="number" class="form-control" name="heading_row">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer pt-0">
                        <input type="hidden" hidden name="module_name" value="{{ $module_type }}"/>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary">Yes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /Import -->
@endsection