@extends('layouts.main_frontend')
@section('title','RCSA - Aggregated Questionaire')
@section('main-content')
<link rel="stylesheet" href="{{asset('/css/frontend/agg_questionnaire.css')}}" type="text/css" />
<!-- view -->
@php 
if(count($risks)<1){
    $risks = [json_decode(json_encode(['id'=>1,'reference_no'=>'12345']))];
}

@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="">Aggregated Questionaire</h1>
            </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" id="add-aggregated-questionnaire{{$key}}" class="add-aggregated-questionnaire" 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" name="inherent_risk_likelyhood" id="inherent_risk_likelyhood">
                                                            @foreach($inherentLikelyhood as $key => $val)
                                                              <option value="{{ $key }}" {{ (isset($model->inherent_risk_likelyhood) ? $model->inherent_risk_likelyhood : old('inherent_risk_likelyhood')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                            @endforeach
                                                        </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" name="inherent_risk_impact" id="inherent_risk_impact">
                                                            @foreach($inherentImpact as $key => $val)
                                                              <option value="{{ $key }}" {{ (isset($model->inherent_risk_impact) ? $model->inherent_risk_impact : old('inherent_risk_impact')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                                            @endforeach
                                                        </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">
                                                    <tbody>
                                                        <tr>
                                                            <td rowspan="6" style="width: 4% !important; background-color: #192131;"><div class="verticaltext">Probability</div></td>
                                                            <td>5</td>
                                                            <td class="lightgreen"></td>
                                                            <td class="yellow"></td>
                                                            <td class="orange"></td>
                                                            <td class="red"></td>
                                                            <td class="red"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>4</td>
                                                            <td class="green">1</td>
                                                            <td class="lightgreen"></td>
                                                            <td class="yellow"></td>
                                                            <td class="orange"></td>
                                                            <td class="red"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>3</td>
                                                            <td class="green">1</td>
                                                            <td class="lightgreen">3</td>
                                                            <td class="yellow"></td>
                                                            <td class="orange"></td>
                                                            <td class="orange"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>2</td>
                                                            <td class="green">3</td>
                                                            <td class="lightgreen">8</td>
                                                            <td class="lightgreen">1</td>
                                                            <td class="yellow">1</td>
                                                            <td class="orange"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>1</td>
                                                            <td class="green">12</td>
                                                            <td class="green">5</td>
                                                            <td class="lightgreen">2</td>
                                                            <td class="yellow">1</td>
                                                            <td class="yellow">1</td>
                                                        </tr>
                                                        <tr>
                                                            <td style="background-color: #192131;"></td>
                                                            <td>1</td>
                                                            <td>2</td>
                                                            <td>3</td>
                                                            <td>4</td>
                                                            <td>5</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="nocolor"></td>
                                                            <td colspan="6" style="background-color: #192131;">Likelihood</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="row validitysection">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="reason">Reason For Change<span class="mandatory-field">*</span></label>
                                                    <textarea class="form-control heightsetting" name="inherent_risk_reason_changes" id="reason" rows="4" cols="50">{{ isset($model->inherent_risk_reason_changes) ? $model->inherent_risk_reason_changes : old('inherent_risk_reason_changes') }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>

                                    <fieldset class="fieldset-validity">
                                        <legend class="controlreference">Control Ratings</legend>
                                        <div class="row validitysection">
                                            <div class="col-lg-6 col-md-6 borderdisplay">
                                                <div class="form-group">
                                                    <label for="control-ref-no">Control Ref No.</label>
                                                    <input type="text" class="form-control" id="control-ref-no" name="control_reference_number" value="{{ isset($model->control_reference_number) ? $model->control_reference_number : $riskControlEvents->control_reference_no }}" />
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6"></div>

                                            <div class="table-responsive">
                                                <table class="table table-bordered">
                                                    <tbody>
                                                        <tr>
                                                            <td rowspan="6" style="width: 4% !important; background-color: #192131;"><span class="verticaltext">Impact</span></td>
                                                            <td>Ineffective</td>
                                                            <td class="lightgreen"></td>
                                                            <td class="yellow"></td>
                                                            <td class="orange"></td>
                                                            <td class="red"></td>
                                                            <td class="red"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Moderately Effective</td>
                                                            <td class="green"></td>
                                                            <td class="lightgreen"></td>
                                                            <td class="yellow"></td>
                                                            <td class="orange"></td>
                                                            <td class="red"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Effective</td>
                                                            <td class="green"></td>
                                                            <td class="lightgreen"></td>
                                                            <td class="yellow"></td>
                                                            <td class="orange"></td>
                                                            <td class="orange"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Effective Effective</td>
                                                            <td class="green"></td>
                                                            <td class="lightgreen"></td>
                                                            <td class="lightgreen"></td>
                                                            <td class="yellow"></td>
                                                            <td class="orange"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Highly Effective</td>
                                                            <td class="green"></td>
                                                            <td class="green"></td>
                                                            <td class="lightgreen"></td>
                                                            <td class="yellow"></td>
                                                            <td class="yellow"></td>
                                                        </tr>
                                                        <tr>
                                                            <td style="background-color: #192131;"></td>
                                                            <td>Highly Efficient</td>
                                                            <td>Moderately Efficient</td>
                                                            <td>Efficient</td>
                                                            <td>Moderately Inefficient</td>
                                                            <td>Inefficient</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="nocolor"></td>
                                                            <td colspan="6" style="background-color: #192131;">Likelihood</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        <div class="row validitysection">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="reason-two">Reason For Change<span class="mandatory-field">*</span></label>
                                                    <textarea
                                                        class="form-control heightsetting"
                                                        id="reason-two"
                                                        rows="4"
                                                        cols="50"
                                                        name="controls_reason_changes"
                                                    >{{ isset($model->controls_reason_changes) ? $model->controls_reason_changes : old('controls_reason_changes') }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>

                                    <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">Likelihood</label>
                                                    <input type="text" class="form-control" id="likelyhood-text" name="calculated_residual_risk_likelyhood" value="{{ isset($model->calculated_residual_risk_likelyhood) ? $model->calculated_residual_risk_likelyhood : old('calculated_residual_risk_likelyhood') }}">
                                                    <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="form-group">
                                                    <label for="impact-text">Impact</label>
                                                    <input type="text" class="form-control" id="impact-text" name="calculated_residual_risk_impact" value="{{ isset($model->calculated_residual_risk_impact) ? $model->calculated_residual_risk_impact : old('calculated_residual_risk_impact') }}">
                                                    <label for="calculated_residual_risk_impact" class="error"></label>
                                                    <span class="alert-message" id="calculated_residual_risk_impact_err"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            
            <div class="d-flex btn_wrap">
                @can('aggregate_questionnaire.edit')
                <button type="button" class="btn btn-primary btn-custom btn_custom_bg" id="submitBtn">Submit</button>
                @endcan
            </div>

        </form>
    </div><!-- main div ends here-->
    @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 src = "http://cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js" defer ></script> -->
<script src="{{asset('/js/jquery.validate.min.js')}}"></script>
<script>
    var indexUrl = "{{ route('rcsalist') }}";
    var storeAggregated = "{{ route('aggregated-questionnaire.store',$rcsa->id) }}";
</script>
<script src="{{asset('/js/frontend/aggregated_ques.js')}}" type="text/javascript"></script>
@endsection