@extends('layouts.master')

@section('mainContent')
    <div class="page-wrapper">
        <div class="page-header-link">
            <a href="javascript:;" class="show-menuheader">
                Audit Menus
                <i class="fas fa-align-left ms-auto"></i>
            </a>
        </div>
        <div class="page-menu">
            <div class="page-menu-header">
                <h2>Audit Menu</h2>
                <a href="javascript:;" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>

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

        </div>

        <div class="content">
            <div class="row">
                <div class="col-12">
                    <input type="hidden" hidden name="details_soa_id" value="{{ $soa->id }}" />
                    <div class="page-header">
                        <h3>SOA Report Detail</h3>
                        <ul>
                            <li class="text-primary">Audit & Assurance </li>
                            <li><a class="text-primary" href="{{ route('soa_report.list') }}">SOA Report</a>
                            </li>
                            <li><a href="#">SOA Report 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>{{ $soa->controltypeData->control_name .' ('.$soa->controltypeData->control_title.')' }}</h5>
                                <div class="card-body-header">
                                    <a href="javascript:;" class="btn btn-primary-light" data-bs-toggle="dropdown"><i
                                            class="fe fe-more-horizontal"></i></a>
                                    <div class="dropdown-menu ">
                                        @if (Auth::user()->hasPermission('soa_report', 'edit'))
                                            <a class="dropdown-item detail-soa-edit" href="javascript:;" data-id={{ $soa->id }}><i class="fe fe-edit me-2"></i>Edit</a>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="card-body-header">
                                <h5>#{{ $soa->section_title." - ".$soa->section_name }}</h5>
                            </div>
                            <div class="card-body-content">
                                <p>{{ $soa->section_description }}</p>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-lg-6">
                                    <b>Status:</b> {{ $statusValue }}
                                </div>
                                <div class="col-lg-6">
                                    <b>Applicability:</b> {{ $soa->applicability ?? '-' }}
                                </div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-lg-6 mb-2">
                                    <p class="mb-2 font-weight-600 text-primary" style="font-size:15px">Attribute Details</p>
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Control Type</h5>
                                                <h6>{{ (isset($controlValue)) ? $controlValue : '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Is Property</h5>
                                                <h6>{{ (!empty($propertyValue)) ? $propertyValue : '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Cybersecurity Attribute</h5>
                                                <h6>{{ (isset($cyberValue)) ? $cyberValue : '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Operational Capability</h5>
                                                <h6>{{ (isset($operationalValue)&&!empty($operationalValue)) ? $operationalValue : '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Security Domain</h5>
                                                <h6>{{ (isset($domainValue)) ? $domainValue : '-' }}</h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-6 mb-2">
                                    <p class="mb-2 font-weight-600 text-primary" style="font-size:15px">Business Detail Requirements</p>
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Legal & Regulatory Requirement</h5>
                                                <h6>{{ $soa->legal_requirements ?? '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Management Direction /<br> Leading Practice</h5>
                                                <h6>{{ $soa->practices ?? '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Outcome of Risk Assessment</h5>
                                                <h6>{{ $soa->risk_assessment ?? '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Contractual/SLA/OLA Requirement</h5>
                                                <h6>{{ $soa->requirements ?? '-' }}</h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                                <hr>
                                <div class="col-12 mb-3">
                                    <h5 class="mb-1 font-weight-600 text-black">Justification for Exclusion</h5>
                                    <p>{{  $soa->justification ?? 'N/A' }}</p>
                                </div>
                                <div class="col-12">
                                    <h5 class="mb-1 font-weight-600 text-black">Policy / Process / Procedure Document Mapping Detail</h5>
                                    <p>{{  $soa->mapping ?? 'N/A' }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
@endsection

@section('customModal')
    <!-- Edit -->
    <div class="modal fade modal-customization" id="edit-soa" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Update SOA</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="editSOAForm">
                    <div class="modal-body">
                        <div class="row">
                            <div class="lg-6 col-md-6 col-12">
                                <div class="mb-3" id="appdiv">
                                    <label>Applicability <span class="manitory">*</span></label>
                                    <select class="select" name="applicability">
                                        <option value="">Select Applicability</option>
                                        <option value="Applicable">Applicable</option>
                                        <option value="Not Applicable">Not Applicable</option>
                                        <option value="Partial Applicability">Partial Applicability</option>
                                    </select>
                                </div>
                            </div>
                            <div class="lg-6 col-md-6 col-12">
                                <div class="mb-3" id="reqdev">
                                    <label>Legal & Regulatory Requirement <span class="manitory">*</span></label>
                                    <select class="select" name="legal_requirements">
                                        <option value="">Select Option</option>
                                        <option value="Yes">Yes</option>
                                        <option value="No">No</option>
                                        <option value="NA">NA</option>
                                    </select>
                                </div>
                            </div>
                            <div class="lg-6 col-md-6 col-12">
                                <div class="mb-3" id="pradiv">
                                    <label>Management Direction / Leading Practice <span class="manitory">*</span></label>
                                    <select class="select" name="practices">
                                        <option value="">Select Option</option>
                                        <option value="Yes">Yes</option>
                                        <option value="No">No</option>
                                        <option value="NA">NA</option>
                                    </select>
                                </div>
                            </div>
                            <div class="lg-6 col-md-6 col-12">
                                <div class="mb-3" id="assetdiv">
                                    <label>Outcome of Risk Assessment <span class="manitory">*</span></label>
                                    <select class="select" name="risk_assessment">
                                        <option value="">Select Option</option>
                                        <option value="Yes">Yes</option>
                                        <option value="No">No</option>
                                        <option value="NA">NA</option>
                                    </select>
                                </div>
                            </div>
                            <div class="lg-6 col-md-6 col-12">
                                <div class="mb-3" id="requirediv">
                                    <label>Contractual/SLA/OLA Requirement <span class="manitory">*</span></label>
                                    <select class="select" name="requirements">
                                        <option value="">Select Option</option>
                                        <option value="Yes">Yes</option>
                                        <option value="No">No</option>
                                        <option value="NA">NA</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="mb-3" id="status_div">
                                    <label class="form-label">Status <span class="manitory">*</span></label>
                                    <select class="select" name="control_status">
                                        <option value="">Select Status</option>
                                        @foreach($controlStatus as $srow)
                                            <option value="{{ $srow->id }}">{{ $srow->control_entity }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="mb-3" id="confidentiality_div">
                                    <label class="form-label">Confidentiality (C) <span class="mandatory"></span></label>
                                   <select class="select asset_val" name="confidentiality">
                                        <option value="">Select Confidentiality</option>
                                        @foreach($privacySecurity as $row)
                                            <option value="{{ $row->value }}">{{ $row->name }}</option>
                                        @endforeach
                                   </select>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="mb-3" id="integrity_div">
                                    <label class="form-label">Integrity (I) <span class="mandatory"></span></label>
                                    <select class="select asset_val" name="integrity">
                                        <option value="">Select Integrity</option>
                                        @foreach($privacySecurity as $row)
                                            <option value="{{ $row->value }}">{{ $row->name }}</option>
                                        @endforeach
                                   </select>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="mb-3" id="availability_div">
                                    <label class="form-label">Availability (A) <span class="manitory"></span></label>
                                   <select class="select asset_val" name="availability">
                                        <option value="">Select Availability</option>
                                        @foreach($privacySecurity as $row)
                                            <option value="{{ $row->value }}">{{ $row->name }}</option>
                                        @endforeach
                                   </select>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="mb-3" id="privacy_div">
                                    <label class="form-label">Privacy (P) <span class="manitory"></span></label>
                                   <select class="select asset_val" name="privacy">
                                        <option value="">Select Privacy</option>
                                        @foreach($privacySecurity as $row)
                                            <option value="{{ $row->value }}">{{ $row->name }}</option>
                                        @endforeach
                                   </select>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="mb-3" id="oper_div">
                                    <label>Operational Capability <span class="manitory">*</span></label>
                                    <select class="select asset_val" name="operational_capability[]" id="edit_operational_capability" multiple>
                                        @foreach($operational as $row)
                                            <option value="{{ $row->id }}">{{ $row->control_entity }}</option>
                                        @endforeach
                                   </select>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-set">
                                    <label>Justification for Exclusion <span class="mandatory"></span></label>
                                    <textarea class="form-control" name="justification"></textarea>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-set">
                                    <label>Policy / Process / Procedure Document Mapping Detail <span
                                            class="mandatory"></span></label>
                                    <textarea class="form-control" name="mapping"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer pt-0">
                        <input type="hidden" hidden id="edit_id" name="edit_id" />
                        <input type="hidden" hidden value="detail" name="page" />
                        <button type="button" class="btn btn-primary" id="update_soa_btn">Submit</button>
                        <button type="button" class="btn btn-secondary btn-cancel"
                            data-bs-dismiss="modal">Close</button>
                    </div>
                </form>
                <style>
                    .select2-search__field { width: auto !important; }
                </style>
            </div>
        </div>
    </div>
    <!-- /Edit -->
@endsection