@extends('layouts.main_frontend')
@section('title','RCSA - Questionaire')
@section('main-content')
<link rel="stylesheet" href="{{asset('/css/frontend/questionnaire.css')}}" type="text/css" />
<style>
.matrix-highlighted{
border:2px solid #fff !important;
}
</style>
<!-- view -->
@php 
if(count($risks)<1){
    $risks = [json_decode(json_encode(['id'=>1,'reference_no'=>'12345']))];
}

//dd($matrix_data);
$matrix = $matrix_data['matrix_labels'];
$matrix = $matrix[$matrix_data['matrix_length']];

$matrix_types = [1=>'likelihood',2=>'impact',3=>'control_effectiveness',4=>'control_design'];

if(!empty($matrix_data['risk_matrix'])){
    //$matrix = $matrix_data['risk_matrix'];
}
$thresold = $matrix_data['matrix_layout']['thresold'];

//dd($matrix);

@endphp

<main role="main" class="col-md-9 ml-sm-auto col-lg-10 edit-document dashboard-page-head document pt-3 pb-2 mb-2">
    <div>
        <div class="d-flex flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-2">
            <a href="{{ route('rcsalist') }}"><i class="fas fa-chevron-left"></i></a>
            <h1 class="">Questionaire</h1>
        </div>
        <div class="col-md-12 mb-3">
        <div class="row">

            @php $i=0; @endphp
            @if(!empty($risks))
            @foreach($risks as $key=>$risk)
            @php $i++; @endphp
                <div class="col-md-3 mb-3"><a class="btn @if($i==1) btn-warning @else btn-info @endif tab-btn" id="btn{{$key}}" data-index="{{$key}}"><span>{{$risk->reference_no}}</span></a><br/></div>
                @if($i%3==0)<div class="clearfix"></div>@endif
            @endforeach
            @endif
            
        </div>
        </div>
        
        @if(!empty($risks))
        @foreach($risks as $key=>$risk)

        <div id="main{{$key}}" class="mainDiv" @if($key>0) style="display:none" @endif data-index="{{$key}}">
        
            <form action="" method="POST" class="add-questionnaire" id="add-questionnaire{{$key}}" data-index="{{$key}}">
            <input type="hidden" name="data_index_val" value="{{$key}}">
            <input type="hidden" name="risk_id" value="{{$risk->id}}">
            <div class="container">
                <div class="accordion" id="faq">
                    <div class="card">
                        <div id="faq1" class="row collapse show" aria-labelledby="faqhead1" data-parent="#faq">
                            <div class="col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label for="orgName">Organization</label>
                                    <input type="text" class="form-control" id="orgName" value="{{$organization['name'] ?? ''}}" readonly>
                                    <input type="hidden" name="organization_id" value="{{$organization['id'] ?? ''}}">
                                    
                                </div>
                                <div class="form-group">
                                    <label for="select-dept-name">Department Name / Business Entity / Process</label>
                                    <input type="text" class="form-control" id="select-dept-name" value="{{@$unitType->name ?? ''}}" readonly>
                                    <input type="hidden" name="unit_id" value="{{$unitType->id ?? ''}}">
                                </div>
                                <div class="form-group">
                                    <label for="rcsa-ref-no">RCSA Ref. No</label>
                                    <input type="text" class="form-control" id="rcsa-ref-no" value="{{$rcsa->rcsa_reference_num  ?? ''}}" readonly>
                                    <input type="hidden" name="rcsa_reference_num" value="{{$rcsa->rcsa_reference_num ?? ''}}">
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label for="risk-ref-no">Risk Ref. No.</label>
                                    <input type="text" class="form-control" id="risk-ref-no" value="{{$risk->reference_no ?? ''}}" readonly>
                                    <input type="hidden" name="risk_reference_number" value="{{$risk->reference_no ?? ''}}">
                                </div>

                                <div class="form-group">
                                    <label for="risk-event-name">Risk Event Name</label>
                                    <input type="text" class="form-control" id="risk-event-name" value="{{$risk->name ?? ''}}" readonly>
                                    <input type="hidden" name="risk_event_name" value="{{$risk->name ?? ''}}">
                                </div>

                                <div class="form-group">
                                    <label for="risk-description">Risk Description</label>
                                    <textarea class="form-control heightsetting" id="risk-description" rows="4" cols="50">{{$risk->description ?? ''}}</textarea> 
                                    <input type="hidden" name="risk_description" value="{{$risk->description ?? ''}}">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12">
                                <fieldset class="fieldset-validity">
                                    <legend class="validity">Inherent Risk</legend>
                                    <div class="row validitysection ">
                                        <div class="col-lg-6 col-md-6 borderdisplay">
                                            <div class="form-group">
                                                <label for="likelyhood">Likelihood</label>
                                                <div class="select_custom">
                                                    <i class="fas fa-sort-down"></i>
                                                    <select class="form-control matrix-column" name="inherent_risk_likelyhood" id="inherent_risk_likelyhood">
                                                        <option value="">Select Risk Likelihood</option>
                                                        @if(!empty($matrix['likelihood']))
                                                            @foreach($matrix['likelihood'] as $key => $val)
                                                              <option value="{{ $key }}" {{ (isset($model[$risk->id]->inherent_risk_likelyhood) ? $model[$risk->id]->inherent_risk_likelyhood : old('inherent_risk_likelyhood')) == ($key) ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                            @endforeach
                                                        @else
                                                            @foreach($inherentLikelyhood as $key => $val)
                                                              <option value="{{ $key }}" {{ (isset($model[$risk->id]->inherent_risk_likelyhood) ? $model[$risk->id]->inherent_risk_likelyhood : old('inherent_risk_likelyhood')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                    <label for="inherent_risk_likelyhood" class="error"></label>
                                                    <span class="alert-message" id="inherent_risk_likelyhood_err"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <div class="form-group">
                                                <label for="impact">Impact</label>
                                                <div class="select_custom">
                                                    <i class="fas fa-sort-down"></i>
                                                    <select class="form-control matrix-row" name="inherent_risk_impact" id="inherent_risk_impact">
                                                        <option value="">Select Risk Impact</option>
                                                         @if(!empty($matrix['impact']))
                                                            @foreach($matrix['impact'] as $key => $val)
                                                               <option value="{{ $key }}" {{ (isset($model[$risk->id]->inherent_risk_impact) ? $model[$risk->id]->inherent_risk_impact : old('inherent_risk_impact')) == ($key) ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                            @endforeach
                                                        @else
                                                        @foreach($inherentImpact as $key => $val)
                                                          <option value="{{ $key }}" {{ (isset($model[$risk->id]->inherent_risk_impact) ? $model[$risk->id]->inherent_risk_impact : old('inherent_risk_impact')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                        @endforeach
                                                        @endif
                                                    </select>
                                                    <label for="inherent_risk_impact" class="error"></label>
                                                    <span class="alert-message" id="inherent_risk_impact_err"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="table-responsive">
                                            <table class="table table-bordered risk-matrix">
                                                <tbody>
                                                    @php $i=1; $colours = $matrix_data['matrix_layout']['colours']; @endphp
                                                    @foreach($matrix_data['matrix_layout']['risk'] as $key=>$row)

                                                    <tr>
                                                        @if($i == 1)
                                                        <td rowspan="{{count($row)+1}}" style="width:4%!important;background-color: #192131;"><span class="verticaltext">Impact</span></td>
                                                        @endif
                                                        <td>{{@ucwords($matrix['impact'][$key])}}</td>
                                                        @foreach($row as $key2=>$column)
                                                        <td style="background:{{$colours[$column]}}" class="matrix-block r{{$key}}-c{{$key2}}" data-row="{{$key}}" data-column="{{$key2}}" data-value="{{$column}}"></td>
                                                        @endforeach
                                                    </tr>
                                                    @php $i++; @endphp
                                                    @endforeach
                                                    <tr>
                                                        <td style="background-color: #192131"></td>
                                                        @foreach($matrix['likelihood'] as $level)
                                                        <td>{{ucwords($level)}}</td>
                                                        @endforeach
                                                    </tr>
                                                    <tr>
                                                        <td class="nocolor" ></td>
                                                        <td colspan="{{count($matrix_data['matrix_layout']['risk'])+1}}" style="background-color: #192131">Likelihood</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </fieldset>

                                <ul class="nav nav-pills nav-fill">
                                @php $controlNum=0; @endphp
                                @if($riskControls)
                                @foreach($riskControls[$risk->id] as $r)
                                @php $controlNum++; @endphp
                                    <li class="nav-item">
                                        <a class="nav-link @if($controlNum==1) active @endif" href="#div{{$r->control_reference_no}}" data-toggle="tab">{{$r->control_reference_no}}</a>
                                    </li>
                                @endforeach
                                @endif

                                </ul>
                                <div class="tab-content clearfix">
                                @php $controlNum=1; @endphp
                                @if($riskControls)
                                @foreach($riskControls[$risk->id] as $ctrl => $r)
                                <div class="tabsection tab-pane risk-control-panel @if($controlNum==1) active @endif" id="div{{$r->control_reference_no}}">
                                <input type="hidden" class="res-control" id="res-control-{{$r->control_reference_no}}" name="res-control-hidden" value="">
                                <fieldset class="fieldset-validity">
                                    <legend class="controlreference">Control Reference</legend>
                                    
                                    <p>{{$controlNum++}}.{{$r->control_reference_no ?? ''}} Name: {{ $r->control_title ?? '' }} and Details: {{$r->control_details ?? ''}}</p>

                                    
                                    @php
                                        $controlSelectedDesigns = explode(',', @$model[$risk->id]->control_designs);
                                        $controlSelectedPerformance = explode(',', @$model[$risk->id]->control_performance);
                                    @endphp
                                    <div class="row validitysection ">
                                        <div class="col-lg-6 col-md-6 borderdisplay">
                                            <div class="form-group">
                                                <label for="likelyhood">Control Designs</label><span class="temporary"></span> <span class="temporaryAns"></span>
                                                <div class="select_custom">
                                                    <i class="fas fa-sort-down"></i>
                                                    <input type="hidden" name="control_reference_number[{{$r->control_reference_no}}]" value="{{$riskControlEvents->control_reference_no ?? ''}}">
                                                    <select class="form-control matrix-column c-design" name="control_designs[{{$r->control_reference_no}}]" id="control_designs{{$r->control_reference_no}}" >
                                                        @if(!empty($matrix['control_design']))
                                                        
                                                        <option value="">Select Control Effectiveness</option>
                                                            @foreach($matrix['control_design'] as $key => $val)
                                                              <option value="{{ $key }}" {{ (isset($controlSelectedDesigns[$ctrl]) ? $controlSelectedDesigns[$ctrl] : old('control_designs')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                            @endforeach
                                                        @else
                                                        @foreach($controlDesigns as $key => $val)
                                                          <option value="{{ $key }}" {{ (isset($model[$risk->id]->control_designs) ? $model[$risk->id]->control_designs : old('control_designs')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                        @endforeach
                                                        @endif
                                                    </select>
                                                    <label for="control_designs" class="error"></label>
                                                    <span class="alert-message" id="control_designs_err"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <div class="form-group">
                                                <label for="impact">Control Performance</label>
                                                <div class="select_custom">
                                                    <i class="fas fa-sort-down"></i>
                                                    <select class="form-control matrix-row c-performance" name="control_performance[{{$r->control_reference_no}}]" id="control_performance{{$r->control_reference_no}}">
                                                         @if(!empty($matrix['control_performance']))
                                                        <option value="">Select Control Performance</option>
                                                            @foreach($matrix['control_performance'] as $key => $val)
                                                              <option value="{{ $key }}" {{ (isset($controlSelectedPerformance[$ctrl]) ? $controlSelectedPerformance[$ctrl] : old('control_performance')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                            @endforeach
                                                        @else
                                                        @foreach($controlPerformance as $key => $val)
                                                          <option value="{{ $key }}" {{ (isset($model[$risk->id]->control_performance) ? $model[$risk->id]->control_performance : old('control_performance')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                        @endforeach
                                                        @endif
                                                    </select>
                                                    <label for="control_performance" class="error"></label>
                                                    <span class="alert-message" id="control_performance_err"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="table-responsive">
                                            <table class="table table-bordered control-matrix">
                                                <tbody>
                                                    @php $i=1; @endphp
                                                    @foreach($matrix_data['matrix_layout']['controls'] as $key=>$row)

                                                    <tr>
                                                        @if($i == 1)
                                                        <td rowspan="{{count($row)+1}}" style="width:4%!important;background-color: #192131;"><span class="verticaltext">Control Performance</span></td>
                                                        @endif
                                                        <!-- <td>{{@ucwords($matrix[4][$key]['desc'])}}</td> -->
                                                        <td>{{@ucwords($matrix['control_performance'][$key])}}</td>
                                                        @foreach($row as $key2=>$column)
                                                        <td style="background:{{$colours[$column]}}" class="matrix-block r{{$key}}-c{{$key2}}" data-row="{{$key}}" data-column="{{$key2}}" data-value="{{$column}}"></td>
                                                        @endforeach
                                                    </tr>
                                                    @php $i++; @endphp
                                                    @endforeach
                                                    <tr>
                                                        <td style="background-color: #192131"></td>
                                                        @foreach($matrix['control_design'] as $level)
                                                        <td>{{ucwords($level)}}</td>
                                                        @endforeach
                                                    </tr>
                                                    <tr>
                                                        <td class="nocolor" ></td>
                                                        <td colspan="{{count($matrix_data['matrix_layout']['controls'])+1}}" style="background-color: #192131">Control Design</td>
                                                    </tr>
                                                    
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </fieldset>
                                </div>
                                
                                @endforeach
                                @endif
                                </div>
                                <fieldset class="fieldset-validity">
                                    <legend class="residual">Calculated Residual Risk</legend>
                                    <div class="row validitysection">
                                        <!-- <div class="col-lg-4 col-md-12">
                                            <div class="form-group">
                                                <label for="likelyhood-text">Likelyhood</label>
                                                <input type="text" class="form-control" id="likelyhood-text" name="calculated_residual_risk_likelyhood" value="low" readonly>
                                                <label for="calculated_residual_risk_likelyhood" class="error"></label>
                                                <span class="alert-message" id="calculated_residual_risk_likelyhood_err"></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-8 col-md-12"> -->
                                            <div class="col-md-6 form-group">
                                              <!--   <label for="impact-text">Impact</label> -->
                                              @php 
                                                    $c_risk = '';
                                                if(!empty($model[$risk->id])){
                                                    $c_risk = $model[$risk->id]->calculated_residual_risk_impact;

                                                }
                                              @endphp
                                                <input type="text" class="form-control residual-risk-show" id="residual-risk-show" name="" value="@if(isset($matrix['residual_risk'][$c_risk])){{ucwords($matrix['residual_risk'][$c_risk])}}@endif" readonly style="text-transform: capitalize;" >

                                                <input type="hidden" class="residual-risk-text" id="residual-risk-text" name="calculated_residual_risk_impact" value="@if(!empty($c_risk)){{ucwords($c_risk)}}@endif">

                                                <label for="calculated_residual_risk_impact" class="error"></label>
                                                <span class="alert-message" id="calculated_residual_risk_impact_err"></span>
                                            </div>
                                       <!--  </div> -->
                                    </div>
                                </fieldset>
                                <fieldset class="fieldset-validity">
                                    <legend class="residual">Perceived Residual Risk</legend>
                                    <div class="row validitysection">
                                        
                                            <div class="col-md-6 form-group">
                                                <label for="impact">Impact</label>
                                                <div class="select_custom">
                                                    <i class="fas fa-sort-down"></i>
                                                    <select class="form-control" name="perceived_residual_risk_impact" id="perceived_residual_risk_impact">
                                                        
                                                        @if(!empty($matrix['residual_risk']))
                                                        {{--
                                                            @foreach($matrix['residual_risk'] as $key => $val)
                                                               <option value="{{ $key }}" {{ (isset($model[$risk->id]->inherent_risk_impact) ? $model[$risk->id]->inherent_risk_impact : old('inherent_risk_impact')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                            @endforeach
                                                            --}}
                                                            @foreach($matrix['residual_risk'] as $key => $val)
                                                               <option value="{{ $key }}" {{ (isset($model[$risk->id]->perceived_residual_risk_impact) ? $model[$risk->id]->perceived_residual_risk_impact : old('perceived_residual_risk_impact')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                            @endforeach
                                                        @else
                                                        @foreach($perceivedResidualImpact as $key => $val)
                                                          <option value="{{ $key }}" {{ (isset($model[$risk->id]->perceived_residual_risk_impact) ? $model[$risk->id]->perceived_residual_risk_impact : old('perceived_residual_risk_impact')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                        @endforeach
                                                        @endif
                                                    </select>
                                                    <label for="perceived_residual_risk_impact" class="error"></label>
                                                    <span class="alert-message" id="perceived_residual_risk_impact_err"></span>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="form-group">
                                        <a class="btn btn-primary btn-custom btn_custom_noBg align-right-side" id="disagree" type='' data-org-id="{{$organization['id'] ?? ''}}" data-rcsanum-id="{{$rcsaRefNo ?? ''}}" data-control-id="{{$riskControlEvents->control_reference_no ?? ''}}" data-token="{{csrf_token()}}" data-risknum-id="{{$riskEvents->reference_no ?? ''}}">Disagree</a>
                                        <span class="disagree_success_msg"></span>
                                        <span class="disagree_err_msg"></span>
                                    </div>
                                </fieldset>
                                <fieldset class="fieldset-validity">
                                    <legend class="comments">Comments</legend>
                                    <div class="row validitysection ">
                                        <div class="col-lg-12 col-md-12">
                                            <div class="form-group">
                                                <textarea class="form-control heightsetting" name="comment" id="comment" rows="4" cols="50">{{ isset($model[$risk->id]->comment) ? $model[$risk->id]->comment : old('comment') }}</textarea> 
                                                <label for="comment" class="error"></label>
                                                <span class="alert-message" id="comment_err"></span>
                                            </div>
                                        </div>
                                </fieldset>
                                
                                <div class="d-flex btn_wrap">
                                    @can('questionnaire.add')
                                    <button type="button" class="btn btn-primary btn-custom btn_custom_noBg" id="draftBtn">Draft</button>
                                    <button type="button" class="btn btn-primary btn-custom btn_custom_bg" id="submitBtn">Save</button>
                                    @endcan
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            
                
                </form>
            </div>
            @endforeach
            <div class="clearfix">
                <div class="col-md-4">
                    <div id="activeDiv" data-value="0" style="display:none;"></div>
                    <div id="allDivs" data-value="0" style="display:none;"></div>
                    <button type="button" class="btn btn-primary btn-custom btn_custom_noBg" id="prev" style="display:none;"><</button>
                    <button type="button" class="btn btn-primary btn-custom btn_custom_noBg" id="next">></button>
                </div>
                
            </div>
            
            @else
            <h2> Please select risk for this RCSA planner </h2>
            @endif
        </div>
</main>


<!-- view end here -->
@endsection
@section('additionaljs')
<script src="{{asset('/js/dataTables.min.js')}}" defer></script>
<script>

    var calc = JSON.parse('{!!@$matrix_data["matrix_layout"]["calc"]!!}');
    var calc_labels = JSON.parse('{!!@json_encode($matrix["residual_risk"])!!}');
    console.log(calc);
    console.log('----------------------------');
    console.log(calc_labels);

</script>
<script src="{{asset('/js/jquery.validate.min.js')}}"></script>
<script>
    var indexUrl = "{{ route('questionnaire',$rcsa->id) }}";
    var indexRCSAListUrl = "{{ route('rcsalist') }}";
    var addUrl = "{{ route('questionnaire.store',$rcsa->id) }}";
    var csrfTokens = "{{ csrf_token() }}";
    var sendDisagreEmailUrl = "{{ route('questionnaire.senddisagreemail',$rcsa->id) }}";
</script>
<script src="{{asset('/js/frontend/questionnaire_add.js')}}" type="text/javascript"></script>
@endsection