@extends('layouts.main_frontend')

@section('title','RCSA - Edit Organization Form')
@section('main-content')
<link rel="stylesheet" href="{{asset('/css/frontend/organization_edit.css')}}" type="text/css" />
<link rel="stylesheet" href="{{asset('/css/frontend/select2_v1.css')}}" type="text/css" />

<main role="main" class="col-md-9 ml-sm-auto col-lg-10 dashboard-page-head add-org edit-document 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('organizations') }}"><i class="fas fa-chevron-left"></i></a>
          <h1 class="">Edit Organization</h1>
        </div>
            
        <div class="row validation_message" style="display:none;">
            <div class="col-lg-8 col-md-12"></div>
            <div class="col-lg-4 col-md-12" style="color:#ff0000!important;"></div>
        </div>
        <form action="" method="POST" id="edit-organisation" enctype="multipart/form-data">
        @csrf
        @method('PUT')
            <div class="row add-org-row">
                <div class="col-lg-6 col-md-12">
                    <div class="form-group {{ $errors->has('organization_name') ? 'has-error' : '' }}">
                        <label for="organization name">Organization Name <span class="req-span">*</span> </label>
                        <input type="text" class="form-control" id="organization_name" name="organization_name" value="{{ old('organization_name', isset($model) ? $model->name : '') }}" aria-describedby="Organization Name" placeholder="" autofocus="on" onKeyPress="return ValidateAlpha(event);">
                        <span class="alert-message" id="organization_name_err"></span> 
                    </div>
                    <div class="form-group {{ $errors->has('rcsa_unit') ? 'has-error' : '' }}">
                        <label for="rcsa unit">RCSA Unit <span class="req-span">*</span> </label>
                        <div class="select_custom">
                            <i class="fas fa-sort-down"></i>
                            <select class="form-control" id="rcsa_unit" name="rcsa_unit">
                                @foreach($unitTypeArr as $key => $val)
                                    <option value="{{ $key }}" {{ (isset($model) ? $model->unit_type_id : old('rcsa_unit')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                @endforeach
                            </select>
                            <span class="alert-message" id="rcsa_unit_err"></span> 
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <div class="form-group {{ $errors->has('number_of_rcsa_units') ? 'has-error' : '' }}">
                        <label for="number of rcsa units">Number of RCSA Units <span class="req-span">*</span> </label>
                      
                        <input type="text" class="form-control" id="number_of_rcsa_units" name="number_of_rcsa_units" value="{{ old('number_of_rcsa_units', isset($model) ? $model->number_of_rcsa_units : '') }}" aria-describedby="Number of RCSA Units" placeholder="" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="1" >
                        <span class="alert-message" id="number_of_rcsa_units_err"></span>    
                    </div>
                    <div class="form-group {{ $errors->has('reporting_currency') ? 'has-error' : '' }}">
                        <label for="reportingcurrency">Reporting Currency <span class="req-span">*</span> </label>
                        <div class="select_custom">
                            <i class="fas fa-sort-down"></i>
                            <select class="form-control" id="reporting_currency" name="reporting_currency">
                            @foreach($currencyArr as $key => $val)
                                <option value="{{ $key }}" {{ (isset($model) ? $model->currency_id : old('rcsa_unit')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                            @endforeach
                            </select>
                        </div>
                        <span class="alert-message" id="reporting_currency_err"></span>    
                    </div>
                </div>

                <div class="col-lg-12 col-md-12 mt-4">
                    <h5 class="unit-head">Unit Details</h5>
                </div>
                                @foreach($orgunits as $unit)
                <div id="unit-group{{ $key_fields }}" style="min-width: 100%;">
                    <fieldset id="fieldset1">
                    <legend>Unit {{ $key_fields }}</legend>

                    <div class="row" style="padding: 0;">
                        <div class="col-lg-6 col-md-12">
                            <div class="form-group {{ $errors->has('unit_name') ? 'has-error' : '' }}">
                                <label for="unit name">Unit Name </label>
                                <input type="text" class="form-control unit_name1" id="unit_name{{ $key_fields }}" name="unit_name[]" value="{{ $unit['name'] }}" aria-describedby="Unit Name" placeholder="" onKeyPress="return ValidateAlphaAndSpecials(event);">
                                <span class="alert-message" id="unit_name_err"></span> 
                                <span class="error" id="unit_name_err{{ $key_fields }}"></span>

                                <label for="unit_name" class="error"></label>

                                <input type="hidden" class="form-control unit_id" id="unit_id{{ $unit['id'] }}" name="unit_id[]" value="{{ $unit['id'] }}">
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12">
                            <div class="form-group {{ $errors->has('unit_poc_name') ? 'has-error' : '' }}">
                                <label for="unit poc name">Unit POC Name </label>
                                <input type="text" class="form-control" id="unit_poc_name{{ $key_fields }}" name="unit_poc_name[]" value="{{ isset($unit) ? $unit['poc_name'] : old('unit_poc_name') }}" aria-describedby="Unit POC Name" placeholder="" onKeyPress="return ValidateAlphaAndSpecials(event);">
                                <label for="unit_poc_name" class="error"></label>
                                <span class="error" id="unit_poc_name_err{{ $key_fields }}"></span>

                                <span class="alert-message" id="unit_poc_name_err"></span> 
                            </div>
                        </div>
                    </div>

                    <div class="row" style="padding: 0;">
                        <div class="col-lg-6 col-md-12">
                            <div class="form-group {{ $errors->has('unit_poc_email') ? 'has-error' : '' }}">
                                <label for="unit poc email">Unit POC Email </label>
                                <input type="email" class="form-control" id="unit_poc_email{{ $key_fields }}" name="unit_poc_email[]" value="{{ isset($unit) ? $unit['poc_email'] : old('unit_poc_email') }}" aria-describedby="Unit POC Email" placeholder="" onKeyPress="return ValidateemailAddress(event);" onKeyUp="return ValidateemailAddressFormat(this);" data-id="{{ $key_fields }}" data-name="unit_poc_email_err">
                                <label for="unit_poc_email" class="error"></label>
                                <span class="error" id="unit_poc_email_err{{ $key_fields }}"></span>
                                <span class="alert-message" id="unit_poc_email_err"></span> 
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-12">
                            <div class="form-group {{$errors->has('unit_poc_phone_number') ? 'has-error' : ''}}">
                                <label for="unit poc phone number">Unit POC Phone </label>
                                <!-- <div class="country_code_dropdown"> -->
                                    <div class="select_custom">
                                        <i class="fas fa-sort-down"></i>
                                        <select class="form-control" id="unit_poc_country_code{{ $key_fields }}" name="unit_poc_country_code[]">
                                            <option value="">Country Code</option>
                                            @if($countries)
                                                @foreach($countries as $key => $val)
                                                    <option value="{{ $val->id }}" {{ (isset($unit) ? $unit['poc_country_code'] : old('unit_poc_country_code')) == $val->id ? 'selected' : '' }}> {{ $val->dial_code.' '.$val->name }} </option>
                                                @endforeach
                                            @endif
                                        </select>
                                        <span class="error" id="unit_poc_country_code_err{{ $key_fields }}"></span>
                                        <label for="unit_poc_country_code" class="error"></label>
                                    </div>
                                <!-- </div> -->
                                <!-- <div class="country_code_input"> -->
                                    <input type="text" class="form-control phone_number" id="unit_poc_phone_number{{ $key_fields }}" name="unit_poc_phone_number[]" value="{{ isset($unit) ? $unit['poc_phone'] : old('unit_poc_phone_number') }}" aria-describedby="Unit POC Phone Number" placeholder="" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="10"  >
                                    <label for="unit_poc_phone_number" class="error"></label>
                                    <span class="error" id="unit_poc_phone_number_err{{ $key_fields }}"></span>

                                    <span class="alert-message" id="unit_poc_phone_number_err"></span> 
                                <!-- </div> -->
                            </div>
                        </div>
                    </div>

                    <div class="row" style="padding: 0;">
                        <div class="col-lg-6 col-md-12">
                            <div class="form-group {{ $errors->has('unit_head_name') ? 'has-error' : '' }}">
                                <label for="unit head name">Unit Head Name </label>
                                <input type="text" class="form-control" id="unit_head_name{{ $key_fields }}" name="unit_head_name[]" value="{{ isset($unit) ? $unit['hod_name'] : old('unit_head_name') }}" aria-describedby="Unit Head Name" placeholder="" onKeyPress="return ValidateAlphaAndSpecials(event);">
                                <label for="unit_head_name" class="error"></label>
                                <span class="error" id="unit_head_name_err{{ $key_fields }}"></span>

                                <span class="alert-message" id="unit_head_name_err"></span> 

                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12">
                            <div class="form-group {{ $errors->has('unit_head_email') ? 'has-error' : '' }}">
                                <label for="unit head email">Unit Head Email </label>
                                <input type="email" class="form-control" id="unit_head_email{{ $key_fields }}" name="unit_head_email[]" value="{{ isset($unit) ? $unit['hod_email'] : old('unit_head_email') }}" aria-describedby="Unit Head Email" placeholder="" onKeyPress="return ValidateemailAddress(event);" onKeyUp="return ValidateemailAddressFormat(this);" data-id="{{ $key_fields }}" data-name="unit_head_email_err">
                                <label for="unit_head_email" class="error"></label>
                                <span class="error" id="unit_head_email_err{{ $key_fields }}"></span>

                                <span class="alert-message" id="unit_head_email_err"></span>
                            </div>
                        </div>
                    </div>

                    <div class="row" style="padding: 0;">
                        <div class="col-lg-6 col-md-12">
                            <div class="form-group {{$errors->has('unit_head_phone_number') ? 'has-error' : ''}}">
                                <label for="unit head number">Unit Head Phone </label>
                                <!-- <div class="country_code_dropdown"> -->
                                    <div class="select_custom">
                                        <i class="fas fa-sort-down"></i>
                                        <select class="form-control" id="unit_head_country_code{{ $key_fields }}" name="unit_head_country_code[]">
                                            <option value="">Country Code</option>
                                            @if($countries)
                                                @foreach($countries as $key => $val)
                                                    <option value="{{ $val->id }}" {{ (isset($unit) ? $unit['hod_country_code'] : old('unit_head_country_code')) == $val->id ? 'selected' : '' }}> {{ $val->dial_code.' '.$val->name }} </option>
                                                @endforeach
                                            @endif
                                        </select>
                                        <span class="error" id="unit_head_country_code_err{{ $key_fields }}"></span>

                                        <label for="unit_head_country_code" class="error"></label>
                                    </div>
                                <!-- </div> -->
                                <!-- <div class="country_code_input"> -->
                                    <input type="text" class="form-control phone_number" id="unit_head_phone_number{{ $key_fields }}" name="unit_head_phone_number[]" value="{{ $unit['hod_phone'] }}" aria-describedby="Unit Head Phone Number" placeholder="" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="10" >
                                    <label for="unit_head_phone_number" class="error"></label>
                                    <span class="error" id="unit_head_phone_number_err{{ $key_fields }}"></span>

                                    <span class="alert-message" id="unit_head_phone_number_err"></span> 
                                <!-- </div> -->
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12">
                        <div class="form-group {{ $errors->has('unit_reporting_currency') ? 'has-error' : '' }}">
                            <label for="unitreportingcurrency">Unit Reporting Currency </label>
                            <div class="select_custom">
                                <i class="fas fa-sort-down"></i>
                                <select class="form-control" id="unit_reporting_currency{{ $key_fields }}" name="unit_reporting_currency[]">
                                    @foreach($unitCurrencyArr as $key => $val)
                                        <option value="{{ $key }}" {{ (isset($unit['unit_reporting_currency']) ? $unit['unit_reporting_currency'] : old('unit_reporting_currency')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <span class="error" id="unit_reporting_currency_err{{ $key_fields }}"></span>

                            <label for="unit_reporting_currency" class="error"></label>
                            <span class="alert-message" id="unit_reporting_currency_err"></span>    
                        </div>
                    </div>
                    </div>    
                    </fieldset>
                </div>
                                @endforeach

                <div class="col-md-12 mb-5">
                    <div class="row" style="padding: 0;">
                        <div class="col-md-6 col-lg-6">
                            
                        </div>
                        <!-- Not in scope
                        <div class="col-md-3 col-lg-3" style="padding: 0;">
                            <input class="btn btn-primary btn-custom btn_custom_noBg" type='button' value='Remove' id='removeButton' style="width: 100%;">
                        </div>
                    -->
                        <div class="col-md-3 col-lg-3" style="padding: 0 0 0 15px;">
                            <input class="btn btn-primary btn-custom btn_custom_noBg" type='' value='Add More' id='addMoreButton' style="width: 100%;">
                        </div>
                    </div>
                </div>
            
                <div class="col-md-12 mb-5">
                    <div class="row" style="padding: 0;">
                        <div class="col-lg-6 col-md-12">
                            <div class="form-group {{ $errors->has('organisation_poc_name') ? 'has-error' : '' }}">
                                <label for="organisation poc name">Organisation POC Name <span class="req-span">*</span></label>
                                <input type="text" class="form-control" id="organisation_poc_name" name="organisation_poc_name" value="{{ old('organisation_poc_name', isset($model) ? $model->org_poc_name : '') }}" aria-describedby="Organisation POC Name" placeholder="" onKeyPress="return ValidateAlpha(event);">
                                <span class="alert-message" id="organisation_poc_name_err"></span>      
                            </div>

                            <div class="form-group {{ $errors->has('organisation_poc_email') ? 'has-error' : '' }}">
                                <label for="organisation poc email">Organisation POC Email <span class="req-span">*</span>  </label>
                                <input type="email" class="form-control" id="organisation_poc_email" name="organisation_poc_email" value="{{ old('organisation_poc_email', isset($model) ? $model->org_poc_email : '') }}" aria-describedby="Organisation POC Email" placeholder="" onKeyPress="return ValidateemailAddress(event);" onKeyUp="return ValidateemailAddressFormat(this);" data-id="0" data-name="organisation_poc_email_err">
                                <span class="error" id="organisation_poc_email_err0"></span>

                                <span class="alert-message" id="organisation_poc_email_err"></span>      
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-12">
                            <div class="form-group {{ $errors->has('organisation_poc_phone_number') ? 'has-error' : '' }}">
                                <label for="organisation poc number">Organisation POC Phone <span class="req-span">*</span> </label>
                                <!-- <div class="country_code_dropdown"> -->
                                    <div class="select_custom" style="margin-bottom:20px;">
                                        <i class="fas fa-sort-down"></i>
                                        <select class="form-control" id="organisation_poc_country_code" name="organisation_poc_country_code">
                                            <option value="">Country Code</option>
                                            @if($countries)
                                                @foreach($countries as $key => $val)
                                                    <option value="{{ $val->id }}" {{ (isset($model) ? $model->org_poc_country_code   : old('organisation_poc_country_code')) == $val->id ? 'selected' : '' }} > {{ $val->dial_code.' '.$val->name }} </option>
                                                @endforeach
                                            @endif
                                        </select>
                                        <label for="organisation_poc_country_code" class="error"></label>
                                    </div>
                                <!-- </div> -->
                                <!-- <div class="country_code_input"> -->
                                    <input type="text" class="form-control phone_number" id="organisation_poc_phone_number" name="organisation_poc_phone_number" value="{{ old('organisation_poc_phone_number', isset($model) ? $model->org_poc_phone : '') }}" aria-describedby="Organisation POC Phone Number" placeholder="" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="10" >
                                    <span class="alert-message" id="organisation_poc_phone_number_err"></span> 
                                    <span class="error" id="organisation_poc_phone_number_err"></span>
                                    
                                <!-- </div>      -->
                            </div>

                            <div class="form-group {{ $errors->has('risk_matrix') ? 'has-error' : '' }}">
                                <label for="matrix">Risk Matrix</label>
                                <div class="select_custom">
                                    <i class="fas fa-sort-down"></i>
                                    <select class="form-control" id="risk_matrix" name="matrix_length">
                                        <option value="">Select Risk Matrix</option>
                                        <option value="3" {{ (isset($model) ? $model->matrix_length : old('risk_matrix')) == '3' ? 'selected' : '' }}>3*3 Matrix</option>
                                        <option value="4" {{ (isset($model) ? $model->matrix_length : old('risk_matrix')) == '4' ? 'selected' : '' }}>4*4 Matrix</option>
                                        <option value="5" {{ (isset($model) ? $model->matrix_length : old('risk_matrix')) == '5' ? 'selected' : '' }}>5*5 Matrix</option>
                                    </select>
                                    <span class="alert-message" id="risk_matrix_err"></span>      
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="matrix-rating table-responsive mt-4">
                    <div class="row" style="background-color: transparent!important;padding: 0;">
                      <div class="col-md-12 col-lg-12" style="padding:0;">
                        <h5 class="tbl-head">Matrix Risk Rating</h5>
                      </div>
                    </div>
                    <table class="matrix-table" cellpadding="10" cellspacing="0" id="matrix-table">

                        <tr>
                            <th colspan="2">Risk Rating</th>
                            <th style="min-width:200px;">Description</th>
                            <th>Illustrative Description</th>
                            <th>Threshold</th>
                            <th>Illustrative Threshold</th>
                        </tr>
                        @php 
                        $sections = [1=>'likelihood',2=>'impact',3=>'control rating effectiveness',4=>'design'];

                         $illustrative =  [3=>['desc'=>['Low','Medium','High'],'threshold'=>['0-10','11-50','51-100']],
                         4=>['desc'=>['Low','Medium','High','Critical'],'threshold'=>['0-10','11-25','26-60','61-100']],
                         5=>['desc'=>['Very Low','Low','Medium','High','Very High'],'threshold'=>['0-10','11-20','21-40','51-70','71-100']],
                        ];
                        $risk_matrix = json_decode($model->risk_matrix,true);

                        @endphp
                        @if(!empty($risk_matrix))
                            @foreach($risk_matrix as $section=>$matrix)
                                @if($section<=2)
                                @foreach($matrix as $key=>$row)
                                <tr>
                                @if($key<=1)
                                <td>{{@ucwords($sections[$section])}}</td>
                                @else
                                <td></td>
                                @endif
                                <td>{{$key}}</td>
                                <td><input class="form-control" type="text" name="matrix[{{$section}}][{{$key}}][desc]" value="{{$row['desc']}}" /></td>
                                <td>{{@$illustrative[count($matrix)]['desc'][$key-1]}}</td>
                                @if($section<=2)
                                <td><input class="form-control" type="text" name="matrix[{{$section}}][{{$key}}][threshold]" value="{{$row['threshold']}}" /></td>
                                <td>{{@$illustrative[count($matrix)]['threshold'][$key-1]}}</td>
                                @endif
                                </tr>
                                @endforeach
                                @endif
                            @endforeach
                        @endif
                      
                    </table>

                   
                    
                </div>

            <div class="col-md-12 col-lg-12 p-0 mt-4">
                <div class="form-group {{ $errors->has('documents') ? 'has-error' : '' }}" style="width: 100%;">
                    <label for="organizationName">Upload Documents</label>
                    <div class="upload_wrap">
                      <i class="fas fa-upload"></i>
                      <div>
                        <input type="file" name="documents[]" id="documents" accept="application/msword, application/vnd.ms-excel, application/pdf, image/jpg, image/jpeg, .doc, .docx, application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" multiple>
                      </div>
                      <p class="upload_sub_text"><span>Supports :</span> pdf / word / excel / jpg</p>
                    </div>
                    <label for="documents" class="error"></label>

                    <span class="alert-message" id="documents_err"></span>      
                </div>
            </div>

            @if(isset($orgDocs) && !empty($orgDocs))
                        @foreach($orgDocs as $docs)
                <div class="col-lg-12 col-md-12">
                    <label for="organizationName">Uploaded Previous RCSA Documents {{$num}} </label>
                </div>
                <div class="col-sm-12 col-md-12 col-lg-6">
                    <div class="form-group">
                        <div class="d-flex justify-content-between upload-progress-feild">
                            <div>
                                @if($docs->file_type=='jpg')
                                    <img src="{{asset('/images/upload-jpg.png')}}" alt="">
                                @else
                                    <img src="{{asset('/images/upload-word.png')}}" alt="">
                                @endif
                            </div>
                            <div class="w-100">
                              <div class="d-flex justify-content-between upload_file_info">
                                <div class="d-flex justify-content-between">
                                  <p class="mb-0">{{ basename($docs->file_path) }}</p>
                                  <ul>
                                    <li class="grey_text">{{ formatSizeUnits($docs->file_size) }}</li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                        </div>                  
                    </div>
                </div>
                            @endforeach
            @endif

            <div class="col-md-12 col-lg-12">
                <div class="d-flex btn_wrap">
                    <!-- <button type="" class="btn btn-primary btn-custom btn_custom_noBg" id="cancel_button">Cancel</button> -->
                    <input class="btn btn-primary btn-custom btn_custom_noBg" id="cancel_button" type='' value='Cancel'>

                    <button type="button" class="btn btn-primary btn-custom btn_custom_bg" id="submitButton">Save</button>
                </div>
            </div>
        </div>
    </form>
    </div>
</main>
@endsection
@section('additionaljs')
<script src="{{asset('/js/admin/jquery.validate.min.js')}}"></script>
<!--<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>-->
<script>
    var indexUrl = "{{ route('organizations') }}";
    var updateUrl = "{{ url('organizations/update') }}";
    var originalLength = ''
    var countOfOrgUnits = '1';
    var org_id = '';

    // Unit Poc Phone number country code
    var selectUnitPOCCode;
    selectUnitPOCCode = '<option value="">Country Code</option>';
    
    // Unit Head Phone number country code
    var selectUnitHeadCode;
    selectUnitHeadCode = '<option value="">Country Code</option>';
    
    // Select Currency here
    var selectUnitCurrency;
    </script>
<script src="{{asset('/js/frontend/organization_edit.js')}}" type="text/javascript"></script>
@endsection