@extends('layouts.main_frontend')
@section('title','RCSA - View Risk and Controls')
@section('main-content')
<link rel="stylesheet" href="{{asset('/css/frontend/risk_view.css')}}" type="text/css" />

 <!-- Listing of Organisation -->
 <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="{{url('/risks')}}"><i class="fas fa-chevron-left"></i></a>
         <h1 class="">View Register Risk</h1>
      <div class="user-links">
          <div class="user_add_btn">
            <a href="{{url('/risks/edit/'. $model->id)}}">
              <button type="" class="btn btn-primary btn-custom btn_custom_bg">Edit Risk and Controls</button>
            </a>
          </div>
      </div>
      </div>
      <div id="main">
       <div class="container">
         <div class="row mb-4" style="border-radius: .25rem;">
           <div class="col-lg-6 col-md-12">
             <div class="form-group">
                <label for="developement">Risk Ref No.</label>
                <input type="text" class="form-control" id="risk-ref-no" aria-describedby="" placeholder="54643" value="{{$model->reference_no}}" readonly>
             </div>
             <div class="form-group">
                <label for="developement">Risk Event Name<span class="mandatory-field">*</span></label>
                <input type="text" class="form-control" id="risk-event-name" aria-describedby="" value="{{$model->name}}" placeholder="Risk Event 1">
             </div>
             <div class="form-group">
                <label for="developement">Risk Level<span class="mandatory-field">*</span></label>
                <select class="form-control" id="level" name="level">
                 <!-- <option value="">Select Risk Level</option> -->
                 @foreach($levels as $id=>$name)
                 <option value="{{$id}}" {{ (isset($model) ? $model->risk_level_id : old('level')) == $id ? 'selected' : '' }}>{{$name}}</option>
                 @endforeach
             </select>
             </div>
           </div>
           <div class="col-lg-6 col-md-12">
             <div class="form-group">
               <label for="developement">Description</label>
               <textarea class="form-control" id="risk-desc" rows="40" cols="50" placeholder="">{{$model->description}}</textarea> 

             </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">
               <label for="selectrcsaunit">Risk Category<span class="mandatory-field">*</span></label>
               <input type="text" class="form-control" value="{{$riskCat->name}}" id="risk-cat" aria-describedby="" placeholder="Risk Category 2">
        
             </div>

             <div class="form-group">
               <label for="developement">Description</label>
               <textarea class="form-control" id="risk-desc" rows="4" cols="50" placeholder="">{{$model->risk_category_description}}</textarea> 
             </div>
             <div class="form-group">
               <label for="developement">Risk Sub Category</label>
                <input type="text" class="form-control" id="risk-sub-cat" aria-describedby="" value="{{$riskSubCat->name}}"  placeholder="Risk Sub Category 1">
             </div>
             <div class="form-group">
               <label for="developement">Description</label>
               <textarea class="form-control" id="risk-desc" rows="4" cols="50" placeholder="">{{ $model->risk_subcategory_description }}</textarea> 
             </div>
        

        
           </div>
           <div class="col-lg-6 col-md-12">
            <div class="form-group">
               <label for="developement">Type of Risk</label>
               <!-- <i class="fas fa-sort-down"></i> -->
               <select class="form-control" id="impact_area" name="impact_area" multiple>
               @foreach($areas_result as $id=>$name)
                  <option value="{{$id}}">{{$name}}</option>
               @endforeach
               </select>
               <!-- <input type="text" class="form-control" id="orgphno" aria-describedby="" value="{{$model->area_of_impact}}" readonly> -->
             </div>
       
           <!--   <div class="form-group">
               <label for="selectrcsaunit">Business Areas Impacted<span class="mandatory-field">*</span></label>
               <input type="text" class="form-control" id="area-impact" aria-describedby="" value="{{$model->business_areas_impacted}}" placeholder="Areas of Impact 1">
                         
             </div> -->

             <div class="form-group">
               <label for="selectrcsaunit" class="mb-0">Business Areas Impacted</label>
             </div>
             <div class="row area-impact p-3">
               @if(isset($areas))
                              @foreach($units as $id=>$name)
                 <label class="business_units">{{$name}}
                       <input type="checkbox" id="unit_impact{{$id}}" name="" value="{{$id}}" 
                       @if (in_array($id, $areas)) checked @endif />
                       <span class="checkmark"></span>
                   </label>
                                  @endforeach
               @endif                             
             </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-4 col-md-12">                      
                <div class="form-group">
                   <label for="developement">Owner</label>
                   <input type="text" class="form-control" id="owner-name" aria-describedby="" value="{{$dept_users->name}}" placeholder="Robert Gill" readonly>
               </div>
                             
             </div>

             <div class="col-lg-4 col-md-12">                      
                <div class="form-group">
               <label for="developement">Owner Organization</label>
                <input type="text" class="form-control" value="{{$organizations->name}}" id="owner-org" aria-describedby="" placeholder="My Organization" readonly>
             </div>
                                                          
             </div>

             <div class="col-lg-4 col-md-12">
                <div class="form-group">
               <label for="developement">Department / Business Entity / Process</label>
               <input type="text" class="form-control" id="dept-name" aria-describedby="" value="{{@$unitName->name}}" placeholder="" readonly>
         
             </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">
                 <textarea class="form-control" id="comments" rows="4" cols="50" placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">{{$model->comments}}</textarea>
               </div>
                                                           
             </div>
       
           </div>
       </div> 

         @if(isset($riskFiles))
         @foreach($riskFiles as $file)
         @if($file->type == 'r')
         <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">
               <label for="organizationName" class="doc-upload-title">Uploaded Documents</label>
             </div>
             <div class="col-mg-6 col-lg-6">
             <div class="d-flex justify-content-between upload-progress-feild">
               <div><img src="{{asset('/images/upload-word.png')}}" alt=""></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($file->file_name) }}</p>
                   </div>
                 </div>
               </div>
               <div>
                 <a target="_blank" href="{{ config('common.rcsa_base_url') . $file->file_name}}"><i class="fas fa-download" style="margin: 0 0rem 0rem;"></i></a>
               </div>
             </div>
             </div>
           </div>
          </div> 
          @endif
          @endforeach
          @endif

         <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">Controls</a>
         </div>

          @if(isset($risk_controls))
               @foreach($risk_controls as $control)
            <div id="faq1" class="row collapse show" aria-labelledby="faqhead1" data-parent="#faq">
               <div class="col-lg-12 col-md-12">
                  <div class="form-group">
                     <label for="organizationName">Control Reference Code</label>
                     <input type="text" class="form-control" id="organizationName" value="{{$control->control_reference_no}}" aria-describedby="" placeholder="NeoSOFT Technologies" readonly>
                  </div>                  
                  <div class="form-group">
                     <label for="selectrcsaunit">Business Unit</label>