@extends('layouts.main_frontend')

@php
$ref_no = $name = $level = $description = $category = $category_description = '';
$subcategory = $subcategory_description = $impact_area = $risktype_description = $business_areas = '';
$unit = $comments = $control_type = $control_title = $control_description = '';
$control_comments = $status = $control_reference_code= '';

if(!empty(old('name'))){
  $ref_no = old('ref_no');
  $name = old('name');
  $level = old('level');
  $description = old('description');
  $category = old('category');
  $category_description = old('category_description');
  $subcategory = old('subcategory');
  $subcategory_description = old('subcategory_description');
  $impact_area = old('impact_area');
  $risktype_description = old('risktype_description');
  $business_areas = old('business_areas');
  $unit = old('unit');
  $comments = old('comments');
  $control_type = old('control_type');
  $control_title = old('control_title');
  $control_description = old('control_description');
  $control_comments = old('control_comments');
  $status = old('status');
  $control_reference_code = old('control_reference_code');
}
@endphp

@section('title','RCSA - Add Risk')

@section('main-content')

<link rel="stylesheet" href="{{asset('/css/frontend/risk_create.css')}}" type="text/css" />
<link href="{{asset('/css/select2.min.css')}}" rel="stylesheet" />

  <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">
    <form action="{{route('risks.store')}}" method="POST" id="risk_form" enctype="multipart/form-data" style="margin:0px;padding:">
    @csrf
    <input type="hidden" name="mode" value="submit"/>
    <div id="part1">
            <div>
              <div class="d-flex flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-2">
                <a href="{{route('risks.index')}}"><i class="fas fa-chevron-left"></i></a>
                <h1 class="">Add New Risk</h1>
              </div>

              <div id="main">
                <div class="container">
                <div class="row mb-4 validation_message">
                    <div class="col-lg-12 col-md-12" style="color:#ff0000!important;"> {{ implode(',', $errors->all()) }}</div>
                </div>
                  <div class="row mb-4" style="border-radius: .25rem;">
                    <div class="col-lg-6 col-md-12">
                      <div class="form-group {{ $errors->has('reference_no') ? 'has-error' : ''}}">
                         <label for="developement">Risk Ref No. <span class="req-span">*</span></label>
                         <input type="text" class="form-control" id="ref_no" name="reference_no" value="{{$risk_ref_no ?? $ref_no}}" readonly>
                          {!! $errors->first('reference_no', '<p class="help-block">:message</p>') !!}
                          <label for="reference_no" class="error"></label>
                      </div>
                      <div class="form-group {{ $errors->has('name') ? 'has-error' : ''}}">
                         <label for="developement">Risk Event Name <span class="req-span">*</span></label>
                         <input type="text" class="form-control" id="name" name="name" value="{{$name}}" placeholder="Enter here name of risk event.">
                        {!! $errors->first('name', '<p class="help-block">:message</p>') !!}
                         <label for="name" class="error"></label>
                      </div>
                      <div class="form-group {{ $errors->has('level') ? 'has-error' : ''}}">
                         <label for="developement">Risk Level <span class="req-span">*</span></label>
                         <div class="select_custom">
                              <i class="fas fa-sort-down"></i>
                              <select class="form-control" id="level" name="level">
                                  <option value="">Select Risk Level</option>
                                  @foreach($levels as $id=>$name)
                                    <option value="{{$id}}" {{ old('level') == $id ? 'selected' : '' }} >{{$name}}</option>
                                  @endforeach
                              </select>
                          </div>
                        {!! $errors->first('level', '<p class="help-block">:message</p>') !!}
                          <label for="level" class="error"></label>

                      </div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                      <div class="form-group {{ $errors->has('description') ? 'has-error' : ''}}">
                        <label for="developement">Description <span class="req-span">*</span></label>
                        <textarea class="form-control" id="description" name="description" rows="4" cols="50" placeholder="Enter here description of risk events.">{{$description}}</textarea> 
                        {!! $errors->first('description', '<p class="help-block">:message</p>') !!}
                        <label for="description" class="error"></label>
                      </div>
                    </div>
                  </div>

                  <div class="accordion" id="faq">
                      <div class="card">
                        <div class="card-header" id="faqhead1">
                          <a href="#" class="btn btn-header-link" data-toggle="collapse" data-target="#faq1"
                              aria-expanded="true" aria-controls="faq1">Categorization</a>
                        </div>

                        <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 {{ $errors->has('category') ? 'has-error' : ''}}">
                              <label for="selectrcsaunit">Risk Category <span class="req-span">*</span></label>
                              <div class="select_custom">
                                  <i class="fas fa-sort-down"></i>
                                  <select class="form-control" id="category" name="category">
                                      <option value="">Select Risk Category</option>
                                    </select>
                              </div>
                              {!! $errors->first('category', '<p class="help-block">:message</p>') !!}
                              <span class="category_err"></span>
                              <label for="category" class="error"></label>
                            </div>

                            <div class="form-group {{ $errors->has('category_description') ? 'has-error' : ''}}" id="category-other" style="display:none;">
                              <label for="developement">Others <span style="color: #FFB339;"> (Note: This required if above field value is Others.)</span></label>
                              <textarea class="form-control" id="category_description" name="category_description" rows="4" cols="50" placeholder="Enter here description of category.">{{$category_description}}</textarea> 
                              {!! $errors->first('category_description', '<p class="help-block">:message</p>') !!}
                              <label for="category_description" class="error"></label>
                            </div>

                            <div class="form-group {{ $errors->has('subcategory') ? 'has-error' : ''}}">
                              <label for="developement">Risk Sub Category <span class="req-span">*</span></label>
                             <div class="select_custom">
                                  <i class="fas fa-sort-down"></i>
                                  <select class="form-control" id="subcategory" name="subcategory">
                                      <option value="">Select Risk Sub Category</option>
                                    </select>
                              </div>
                              {!! $errors->first('subcategory', '<p class="help-block">:message</p>') !!}
                              <label for="subcategory" class="error"></label>
                            </div>

                            <div class="form-group {{ $errors->has('subcategory_description') ? 'has-error' : ''}}" id="subcategory-other" style="display:none;">
                              <label for="developement">Others <span style="color: #FFB339;"> (Note: This required if above field value is Others.)</span></label>
                              <textarea class="form-control" id="subcategory_description" name="subcategory_description" placeholder="Enter here description of sub category." rows="4" cols="50">{{$subcategory_description}}</textarea> 
                              <label for="subcategory_description" class="error"></label>
                              {!! $errors->first('subcategory_description', '<p class="help-block">:message</p>') !!}
                              <span class="subcategory_err"></span>
                            </div>
                       
                          </div>
                          <div class="col-lg-6 col-md-12">
                      
                            <div class="form-group {{ $errors->has('impact_area') ? 'has-error' : ''}}">
                              <label for="selectrcsaunit">Type of Risk  <span class="req-span">*</span></label>
                              <div class="select_custom">
                                  <i class="fas fa-sort-down"></i>

                                  <select class="form-control search_impact_area" id="impact_area" name="impact_area[]" multiple="multiple">
                                      <!-- <option value=""></option> -->
                                      <!-- <option value="">Select Multiple Type of Risk </option> -->
                                      @foreach($impact_areas as $id=>$name)

                                        <option value="{{$id}}" @if (is_array(old('impact_area')) && in_array($id, array_values(old('impact_area')))) selected @endif }} >{{$name}}</option>
                                      @endforeach
                                    </select>
                              </div>   
                              {!! $errors->first('impact_area', '<p class="help-block">:message</p>') !!}       
                            </div>

                            <div class="form-group {{ $errors->has('risktype_description') ? 'has-error' : ''}}" id="risktype_description_other" style="display:none;">

                              <label for="developement">Others <span style="color: #FFB339;"> (Note: This required if above field value is Others.)</span></label>

                              <textarea class="form-control" id="risktype_description" name="risktype_description" placeholder="Enter here description of sub category." rows="4" cols="50">{{$risktype_description}}</textarea> 

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

                              {!! $errors->first('risktype_description', '<p class="help-block">:message</p>') !!}
                              <span class="risktype_description_err"></span>
                            </div>

                            <div class="form-group {{ $errors->has('unit_impact[]') ? 'has-error' : ''}}">
                              <label for="unit_impact[]" class="mb-0">Business Areas Impacted <span class="req-span">*</span></label>
                                @if($business_units)
                                @foreach($business_units as $id=>$name) 
                                  <label class="business_units">{{$name}}
                                      <input type="checkbox" id="unit_impact{{$id}}" name="unit_impact[{{$id}}]" value="{{$id}}" @if (is_array(old('unit_impact')) && in_array($id, array_keys(old('unit_impact')))) checked @endif />
                                      <span class="checkmark"></span>
                                  </label>
                                @endforeach
                                @endif

                              <label for="unit_impact" class="error"></label>
                                {!! $errors->first('unit_impact', '<p class="help-block">:message</p>') !!}    
                              <span class="unit_impact_err"></span>

                            </div>

                          </div>
                        </div>
                      </div>
                      <div class="card">
                          <div class="card-header" id="faqhead2">
                              <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq2"
                              aria-expanded="true" aria-controls="faq2">Ownership Details</a>
                          </div>

                          <div id="faq2" class="row collapse" aria-labelledby="faqhead2" data-parent="#faq">
                            <div class="col-lg-6 col-md-12">                      
                               <div class="form-group {{ $errors->has('owner') ? 'has-error' : ''}}">
                                  <label for="developement">Select Owner <span class="req-span">*</span></label>
                                  <!-- <input type="text" class="form-control" name="owner" id="owner" value="" readonly> -->
                                  <div class="select_custom">
                                        <i class="fas fa-sort-down"></i>
                                        <select class="form-control" id="owner_id" name="owner_id">
                                            <option value="">Select Owner Name</option>
                                            @if($organizationUnit)
                                              @foreach($organizationUnit as $key => $val)
                                              <option value="{{$val->id}}" {{ old('owner_id') == $val->id ? 'selected' : '' }}>{{$val->name}}</option>
                                            @endforeach
                                            @endif
                                          </select>
                                    <!-- </div> -->
                                    {!! $errors->first('owner_id', '<p class="help-block">:message</p>') !!}
                                    <label for="owner" class="error"></label>
                                  </div>
                                  <!-- {!! $errors->first('owner', '<p class="help-block">:message</p>') !!}    -->
                              </div>
                            </div>

                            <div class="col-lg-6 col-md-12">                      
                               <div class="form-group {{ $errors->has('organization_id') ? 'has-error' : ''}}">
                                <label for="developement">Owner Organization <span class="req-span">*</span></label>
                                   <input type="text" class="form-control" id="organization_name" name="organization_name" value="{{old('organization_name')}}" placeholder="Name of organization" readonly>
                                   <input type="hidden" id="organization_id" name="organization_id" value="{{old('organization_id')}}">
                                   {!! $errors->first('organization_id', '<p class="help-block">:message</p>') !!}   
                                  <span class="organization_err" style="color:red;"></span>

                              </div>
                              <div class="form-group {{ $errors->has('unit_id') ? 'has-error' : ''}}">
                                <label for="developement">Department / Business Entity / Process <span class="req-span">*</span></label>
                                  <input type="text" class="form-control" id="unit_name" name="unit_name" value="{{old('unit_name')}}" readonly placeholder="Name of department/unit">
                                  {!! $errors->first('unit_id', '<p class="help-block">:message</p>') !!}   
                                  <input type="hidden" id="unit_id" name="unit_id" value="{{old('unit_id')}}">
                                  <span class="unit_err" style="color:red;"></span>

                              </div>                                  
                            </div>
                          </div>
                      </div>
                      <div class="card">
                          <div class="card-header" id="faqhead3">
                              <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq3"
                              aria-expanded="true" aria-controls="faq3">Comments</a>
                          </div>

                          <div id="faq3" class="row collapse" aria-labelledby="faqhead3" data-parent="#faq">
                            <div class="col-lg-12 col-md-12">                      
                              <div class="form-group {{ $errors->has('comments') ? 'has-error' : ''}}">
                                <textarea class="form-control" id="comments" name="comments" rows="4" cols="70" placeholder="Enter comments/description.">{{$comments}}</textarea>
                                {!! $errors->first('comments', '<p class="help-block">:message</p>') !!}   
                                <label for="comments" class="error"></label>
                              </div>
                                                                          
                            </div>
                      
                          </div>
                      </div> 

                        <div class="card">
                          <div class="card-header" id="faqhead4">
                              <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq4"
                              aria-expanded="true" aria-controls="faq4">Upload Supporting Documents</a>
                          </div>

                          <div id="faq4" class="row collapse" aria-labelledby="faqhead4" data-parent="#faq">
                            <div class="col-lg-12 col-md-12">                      
                              <div class="form-group {{ $errors->has('risk_files') ? 'has-error' : ''}}">
                                   <div>
                                    <div class="upload_wrap">
                                      <i class="fas fa-upload"></i>
                                      <div>
                                        <input type="file" name="risk_files" 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">
                                      </div>
                                      <p class="upload_sub_text"><span>Supports :</span> pdf / word / excel / jpg</p>
                                    </div>
                                    {!! $errors->first('risk_files', '<p class="help-block">:message</p>') !!}   
                                    <label for="risk_files" class="error"></label>
                                  </div>
                              </div>
                                                                          
                            </div>
                      
                          </div>
                      </div> 

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


              <div class="d-flex btn_wrap">
                <a href="{{route('risks.index')}}" class="btn btn-primary btn-custom btn_custom_noBg">Cancel</a>
                <!-- <button type="button" id="save_draft" class="btn btn-primary btn-custom btn_custom_noBg">Save</button> -->
                <button type="button" id="btn-next" class="btn btn-primary btn-custom btn_custom_bg">Next</button>
              </div>
            </div>


            <!-- PART 2-->

            <div id="part2" style="display:none;">
            <div>
              <div class="d-flex flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-2">
                <a href="{{route('risks.index')}}"><i class="fas fa-chevron-left"></i></a>
                <h1 class="">Add Control</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>

              <div id="main">
                <div class="container">
                <div id="control-group" style="min-width: 100%;">
                <div class="row mb-4" style="border-radius: .25rem;">
                    <div class="col-lg-6 col-md-12">
                      <div class="form-group {{ $errors->has('control_ref_code') ? 'has-error' : ''}}">
                         <label for="developement">Control Reference Code <span class="req-span">*</span></label>
                         <input type="text" class="form-control" id="control_ref_code" name="control_ref_code[]" value="{{$control_ref_no ?? $control_reference_code}}" readonly>
                        {!! $errors->first('control_ref_code.*', '<p class="help-block">:message</p>') !!}   
                        <label for="control_ref_code[]" class="error"></label>

                      </div>
                      <div class="form-group {{ $errors->has('business_unit_id') ? 'has-error' : ''}}">
                        <label for="developement">Business Unit <span class="req-span">*</span></label>
                        <input type="text" class="form-control" id="business-unit" value="{{$business_unit->name}}" readonly>
                        <input type="hidden" name="business_unit_id[]" value="{{$business_unit->id ?? ''}}">
                        {!! $errors->first('business_unit_id.*', '<p class="help-block">:message</p>') !!}   
                        <label for="business_unit_id[]" class="error"></label>
                      </div>
                      <div class="form-group {{ $errors->has('control_type') ? 'has-error' : ''}}">
                        <label for="control-type">Type <span class="req-span">*</span></label>
                        <div class="radio_btn_wrap">
                            <div class="form-check">
                              <label>
                                  <input type="radio" name="control_type[]" value="l" @if( old('control_type.0') == "l") checked @endif checked />
                                  <p><span>Local</span></p>
                              </label>
                            </div>
                            <div class="form-check">
                                <label>
                                <input type="radio" name="control_type[]" value="g" @if( old('control_type.0') == "g") checked @endif/>
                                <p><span>Global</span></p>
                                </label>
                            </div>
                        </div> 
                        {!! $errors->first('control_type[]', '<p class="help-block">:message</p>') !!}   
                        <label for="control_type" class="error"></label>
                    </div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                      <div class="form-group">
                        <label for="developement">Control Title <span class="req-span">*</span> </label>
                         <input type="text" class="form-control" id="control-title" name="control_title[]" value="{{old('control_title.0')}}" placeholder="Enter control title">
                       {!! $errors->first('control_title.*', '<p class="help-block">:message</p>') !!}   
                       <label for="control_title" class="error"></label>
                      </div>
                         <div class="form-group {{ $errors->has('control_description') ? 'has-error' : ''}}">
                        <label for="developement">Control Detail <span class="req-span">*</span> </label>
                        <textarea class="form-control" id="ctrl-detail" rows="4" cols="50" name="control_description[]" placeholder="Enter control description">{{old('control_description.0')}}</textarea> 
                         {!! $errors->first('control_description.*', '<p class="help-block">:message</p>') !!}   
                         <label for="control_description" class="error"></label>
                      </div>
                    </div>
                </div>
                </div>

                <div id="control-group" style="min-width: 100%;">
                    <div class="row mb-4" style="border-radius: .25rem;padding: .5rem!important;">
                        <div class="col-md-6 col-lg-6"></div>
                        <div class="col-md-3 col-lg-3">
                            <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">
                            <input class="btn btn-primary btn-custom btn_custom_bg" type='button' value='Add More' id='addButton' style="width: 100%;">
                        </div>
                    </div>
                </div>

                  <div class="accordion" id="faq">
                 
                      <div class="card">
                          <div class="card-header" id="faqhead3">
                              <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq3"
                              aria-expanded="true" aria-controls="faq3">Comments</a>
                          </div>

                          <div id="faq3" class="row collapse" aria-labelledby="faqhead3" data-parent="#faq">
                            <div class="col-lg-12 col-md-12">                      
                              <div class="form-group {{ $errors->has('control_comments') ? 'has-error' : ''}}">
                                <textarea class="form-control" id="control_comments" rows="4" cols="70" name="control_comments" placeholder="Enter here comments/description.">{{$control_comments}}</textarea>
                                 {!! $errors->first('control_comments', '<p class="help-block">:message</p>') !!}   
                                 <label for="control_comments" class="error"></label>
                              </div>
                                                                          
                            </div>
                      
                          </div>
                      </div> 

                        <div class="card mb-3">
                          <div class="card-header" id="faqhead4">
                              <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq4"
                              aria-expanded="true" aria-controls="faq4">Additional Details</a>
                          </div>

                          <div id="faq4" class="row collapse" aria-labelledby="faqhead4" data-parent="#faq">
                            <div class="col-lg-6 col-md-12">                      
                              <div class="form-group {{ $errors->has('control_files') ? 'has-error' : ''}}">
                                 <label for="developement">Upload Documents</label>
                                   <div>
                                    <div class="upload_wrap">
                                      <i class="fas fa-upload"></i>
                                      <div>
                                        <input type="file" name="control_files" 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">
                                      </div>
                                      <p class="upload_sub_text"><span>Supports :</span> pdf / word / excel / jpg</p>
                                     {!! $errors->first('control_files', '<p class="help-block">:message</p>') !!}   
                                    </div>
                                     <label for="control_files" class="error"></label>
                                  </div>
                              </div>
                                                                          
                            </div>