@extends('layouts.main_frontend')
@php
$unit = @$units[$event->unit_id];
$incident_desc = $event->description_text ?? '';
$risk_category = @$risk_categories[$event->risk_category_id];
$risk_subcategory = @$risk_subcategories[$event->risk_subcategory_id];
$risk_level = @$risk_levels[$event->risk_level_id];
$estimated_loss = $event->estimated_loss ?? '';
$first_date= $event->first_occurence_date ? date('d-m-Y',strtotime($event->first_occurence_date)) : '';
$last_date=date('d-m-Y',strtotime($event->last_occurence_date));
$discovery_date = date('d-m-Y',strtotime($event->discovery_date));
$closure_date = date('d-m-Y',strtotime($event->closure_date));
$impact_date = date('d-m-Y',strtotime($event->financial_impact_date));
$settlement_date = date('d-m-Y',strtotime($event->settlement_date));
$root_cause = $event->root_cause;
$customer_impact = $event->customer_impact;
$incident_cause = $event->potential_cause;
$reported = $event->reported;
$remedy=$event->suggested_remedy;
$comments=$event->comments;
$status=$event->status;

@endphp

@section('title','RCSA - Edit Loss Event')

@section('main-content')

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

<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('loss-events.update',$event->id)}}" method="POST" id="eventForm" enctype="multipart/form-data">
      @csrf
      <input type="hidden" name="is_draft" value=""/>
            <div>
              <div class="d-flex flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-2">
                <a href="{{route('loss-events.index')}}"><i class="fas fa-chevron-left"></i></a>
                <h1 class="">Edit Loss Event</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 validation_message">
                    <div class="col-lg-12 col-md-12" style="color:#ff0000!important;"> 
                      <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                      </ul>
                    </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">Basic Loss even Info</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="organizationName">Organization Name</label>
                              <input type="text" class="form-control" id="orgName" aria-describedby="emailHelp" placeholder="" value="{{ucwords($organization->name)}}" readonly/>
                              <input type="hidden" name="organization_id" value="{{$organization_id}}">
                            </div>

                            <div class="form-group">
                              <label for="developement">Department Name / Business Entity Name / Process <span class="req-span">*</span> </label>
                              <!-- <input type="text" class="form-control" value="{{$unitType['name']??''}}" readonly><input type="hidden" name="unit" value="{{$unitType['id'] ?? ''}}"> -->
                              <div class="select_custom">
                                  <i class="fas fa-sort-down"></i>
                                  <select class="form-control" id="unit" name="unit">
                                    <option value="">Select Department Name / Business Entity Name / Process</option>
                                      @if($unitType)
                                          @foreach($unitType as $key => $val)
                                            <option value="{{ $val['id'] }}" {{ (isset($event) ? $event->unit_id   : old('name')) == $val['id'] ? 'selected' : '' }}>{{ $val['name'] }}</option>
                                          @endforeach
                                      @endif
                                    </select>
                               </div>
                              <label for="unit" class="error"></label>
                            </div>
                            <div class="form-group">
                              <label for="developement">Loss Event Reference Number <span class="req-span">*</span></label>
                              <input type="text" class="form-control" id="incident-no" value="{{$event->reference_no ?? ''}}" name="incident_no" readonly>
                            </div>
                             
                            <div class="form-group">
                              <label for="developement">Description of the Incident <span class="req-span">*</span></label>
                              <textarea name="incident_desc" class="form-control" id="incident-desc" rows="4" cols="50">{{ $event->description ?? '' }}</textarea>
                              <label for="incident-desc" class="error"></label> 
                            </div>

                            <div class="form-group">
                                <label for="estimated-loss">Actual or Estimated Loss Due to Incident <span class="req-span">*</span> <span style="color: #FFB339;"> (Note: Currency Type {{$organization->currencies->code ?? 'INR'}} )</span></label>
                                <input type="text" class="form-control" id="estimated-loss" name="estimated_loss" value="{{ preg_replace('/[^0-9\s]/', '', $event->estimated_loss) ?? '' }}" onkeypress="return (event.charCode >= 48 && event.charCode <= 57) || (event.charCode == 32)" maxlength="13">
                                <label for="estimated-loss" class="error"></label>
                            </div>
                       
                          </div>
                          <div class="col-lg-6 col-md-12">

                            <div class="form-group">
                               <label for="risk-event-no">Risk Reference Number <span class="req-span">*</span> </label>
                               <div class="select_custom">
                                  <i class="fas fa-sort-down"></i>
                                  <select class="form-control" id="risk_reference_number" name="risk_reference_number">
                                    <option value="">Select Risk Reference Number</option>
                                      @if($risks)
                                          @foreach($risks as $key => $val)
                                            <option value="{{ $val->reference_no }}" {{ (isset($event) ? $event->risk_reference_number   : old('risk_reference_number')) == $val->reference_no ? 'selected' : '' }}>{{ $val->reference_no }}</option>
                                          @endforeach
                                      @endif
                                    </select>
                               </div>
                                <label for="risk_reference_number" class="error"></label>
                               <span class="alert-message" id="risk_reference_number_err"></span>      
                                <a href="{{route('risks.create')}}" class="risk-add">Add Risk </a>
                            </div>

                            <div class="form-group">
                              <label for="related-risk">Risk Event Name <span class="req-span">*</span> </label>
                              <input type="hidden" name="related_risk" id="related-risk-hidden" value="{{$event->related_risk_id}}">
                              <input type="text" class="form-control" placeholder="Risk Event Name" id="related-risk" value="{{$riskList ?? old('related_risk')}}" readonly>

                              <span class="related_risk_err"></span>
                              <label for="related_risk" class="error"></label>
                            </div>

                            <div class="form-group">
                              <label for="selectrcsaunit">Key Risk Level Relation <span class="req-span">*</span> </label>
                              
                              <input type="hidden" name="risk_level" id="risk-level-hidden" value="{{$event->risk_level_id}}">
                              <input type="text" class="form-control" placeholder="Risk Level Name" id="risk-level" value="{{$risk_levels ?? old('risk_level')}}" readonly>
                              <span class="level_err"></span>
                              <label for="risk-level" class="error"></label>                       
                            </div>

                            <div class="form-group">
                              <label for="risk-category">Key Risk Category Relation <span class="req-span">*</span> </label>
                             
                              <input type="hidden" name="risk_category" id="risk-category-hidden" value="{{$event->risk_category_id}}">
                              <input type="text" class="form-control" id="risk-category" value="{{$risk_categories ?? old('risk_category')}}" placeholder="Risk Category Name" readonly>
                              <span class="category_err"></span>
                              <label for="risk_category" class="error"></label>                    
                            </div>

                            <div class="form-group">
                              <label for="risk-subcategory">Key Risk Sub Category Relation <span class="req-span">*</span>  </label>                         
                              <input type="hidden" name="risk_subcategory" id="risk-subcategory-hidden" value="{{$event->risk_subcategory_id}}">
                              <input type="text" class="form-control" id="risk-subcategory" value="{{$risk_sub_categories ?? old('risk_subcategory')}}" placeholder="Risk Sub Category Name" readonly>
                               <span class="subcategory_err"></span>
                               <label for="risk-subcategory" class="error"></label>                    
                            </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">Key Dates</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">
                                <label for="firstdate">First Date of Occurence <span class="req-span">*</span> </label>                                
                                    <input type="date" class="form-control " name="first_date" value="{{ isset($event->first_occurence_date) ? strftime('%Y-%m-%d',strtotime($event->first_occurence_date)) : '' }}"  id="firstdate" style="display: inline-block;"> 

                                  <label for="first_date" class="error"></label>
                                  <span class="alert-message" id="first_date_err"></span> 
                              </div>

                              <div class="form-group">
                                <label for="lastdate">Last Date of Occurence <span class="req-span">*</span> </label>                                
                                    <input type="date" class="form-control " name="last_date" value="{{ isset($event->last_occurence_date) ? strftime('%Y-%m-%d',strtotime($event->last_occurence_date)) : '' }}"  id="lastdate" style="display: inline-block;"> 
                                    
                                  <label for="last_date" class="error"></label>
                                  <span class="alert-message" id="last_date_err"></span> 
                              </div>
                              <div class="form-group">
                                <label for="discoverydate">Date of Discovery <span class="req-span">*</span> </label>
                                   <input type="date" class="form-control " name="discovery_date" value="{{ isset($event->discovery_date) ? strftime('%Y-%m-%d',strtotime($event->discovery_date)) : '' }}"  id="discoverydate" style="display: inline-block;"> 

                                  <label for="discovery_date" class="error"></label>
                                  <span class="alert-message" id="discovery_date_err"></span> 
                              </div>                                                   
                            </div>

                            <div class="col-lg-6 col-md-12">                      
                              <div class="form-group">
                                <label for="settlementdate">Date of Settlement <span class="req-span">*</span> </label>
                                    <input type="date" class="form-control " name="settlement_date" value="{{ isset($event->settlement_date) ? strftime('%Y-%m-%d',strtotime($event->settlement_date)) : '' }}"  id="settlementdate" style="display: inline-block;"> 
                                    
                                  <label for="settlement_date" class="error"></label>
                                  <span class="alert-message" id="settlement_date_err"></span> 
                              </div>

                              <div class="form-group">
                                <label for="impactdate">Date of Financial Impact <span class="req-span">*</span> </label>                                
                                    <input type="date" class="form-control " name="impact_date" value="{{ isset($event->financial_impact_date) ? strftime('%Y-%m-%d',strtotime($event->financial_impact_date)) : '' }}"  id="impactdate" style="display: inline-block;"> 
                                    
                                  <label for="impact_date" class="error"></label>
                                  <span class="alert-message" id="impact_date_err"></span> 
                              </div>
                              <div class="form-group">
                                <label for="closuredate">Expected Closure Date <span class="req-span">*</span> </label>
                                    <input type="date" class="form-control " name="closure_date" value="{{ isset($event->expected_closure_date) ? strftime('%Y-%m-%d',strtotime($event->expected_closure_date)) : '' }}"  id="closuredate" style="display: inline-block;"> 
                                    
                                  <label for="closure_date" class="error"></label>
                                  <span class="alert-message" id="closure_date_err"></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">Root Cause</a>
                          </div>

                          <div id="faq3" class="row collapse" aria-labelledby="faqhead3" data-parent="#faq">
                            <div class="col-lg-6 col-md-12">                      
                              <div class="form-group">
                                  <label for="root-cause">Root Cause <span class="req-span">*</span> </label>
                                  <input type="text" class="form-control" id="root-cause" name="root_cause" value="{{ $event->root_cause ?? old('root_cause')}}">
                                  <label for="root_cause" class="error"></label>
                              </div>

                              <div class="form-group">
                                  <label for="customer_impact">Did it have customer Impact</label>
                                  <div class="radio_btn_wrap">
                                        <div class="form-check">
                                          <label>
                                            <input type="radio" name="customer_impact" value="y" @if($event->customer_impact==='y') ? checked : '' @endif />
                                            <p><span>Yes</span></p>
                                          </label>
                                        </div>
                                        <div class="form-check">
                                            <label>
                                            <input type="radio" name="customer_impact" value="n" @if($event->customer_impact==='n') ? checked : '' @endif />
                                            <p><span>No</span></p>
                                            </label>
                                        </div>
                                  </div>
                                  <label for="customer_impact" class="error"></label>          
                              </div>
                              <div class="form-group">
                                  <label for="Organization">Was it Reported Internally/Externally</label>
                                  <div class="radio_btn_wrap">
                                      <div class="form-check">
                                          <label>
                                              <input type="radio" name="reported" value="e" @if($event->reported==='e') ? checked : '' @endif />
                                              <p><span>External</span></p>
                                          </label>
                                      </div>
                                      <div class="form-check">
                                          <label>
                                            <input type="radio" name="reported" value="i" @if($event->reported==='i') ? checked : '' @endif />
                                              <p><span>Internal</span></p>
                                          </label>
                                      </div>
                                  </div>
                                  <label for="reported" class="error"></label>          
                              </div>
                              <div class="form-group">
                                  <label for="incident-cause">Potential Cause of the Incident <span class="req-span">*</span> </label>
                                  <input type="text" class="form-control" id="incident-cause" name="incident_cause" value="{{ $event->potential_cause ?? old('incident_cause') }}">
                                  <label for="incident_cause" class="error"></label>
                              </div>
                              <div class="form-group">
                                  <label for="remedy">Suggested Remedy to Prevent Recurrence <span class="req-span">*</span> </label>
                                  <input type="text" class="form-control" id="remedy" name="remedy" value="{{ $event->suggested_remedy ?? old('remedy') }}">
                                  <label for="remedy" class="error"></label>
                              </div>
                                
                            </div>
                            <div class="col-lg-6 col-md-12">
                              <div class="form-group">
                                  <label for="comments">Comments</label>
                                  <textarea class="form-control" id="comments" rows="4" cols="50" name="comments">{{ $event->comments ?? old('comments') }}</textarea> 
                                  <label for="comments" class="error"></label>
                              </div>
                              <div class="form-group">
                                <div>
                                  <label for="organizationName">Upload Evidence/Attachments</label>
                                  <div class="upload_wrap">
                                    <i class="fas fa-upload"></i>
                                    <div>
                                      <input type="file" name="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>
                                  <label for="files" class="error"></label>
                                </div>
                              </div>

                                @if(isset($event['files'][0]->file_name))
                                    <div class="col-lg-12 col-md-12">
                                        <label for="organizationName">Uploaded Documents</label>
                                    </div>
                                    <div class="col-sm-12 col-md-12 col-lg-12">
                                        <div class="form-group">
                                            <div class="d-flex justify-content-between upload-progress-feild">
                                                <div>
                                                    @if($event['files'][0]->mime=='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($event['files'][0]->file_name) }}</p>
                                                      <ul>
                                                        <li class="grey_text">{{ formatSizeUnits($event['files'][0]->id) }}</li>
                                                      </ul>
                                                    </div>
                                                  </div>
                                                </div>
                                                <div>
                                                  <!--<i class="fas fa-times-circle" style="margin: 0 0rem 0rem;"></i>-->
                                                </div>
                                            </div>                  
                                        </div>
                                    </div>
                                @endif

                              <div class="form-group">
                                  <label for="Organization">Loss Event Status</label>
                                  <div class="radio_btn_wrap">
                                      <div class="form-check">
                                          <label>
                                              <!-- <input type="radio" name="status" value="o" checked /> -->
                                              <input type="radio" name="status" value="o" @if($event->status==='o') ? checked : '' @endif />
                                              <p><span>Open</span></p>
                                          </label>
                                      </div>
                                      <div class="form-check">
                                          <label>
                                              <!-- <input type="radio" name="status" value="c" /> -->
                                              <input type="radio" name="status" value="c" @if($event->status==='c') ? checked : '' @endif />
                                              <p><span>Close</span></p>
                                          </label>
                                      </div>
                                  </div>
                                  <label for="status" class="error"></label>          
                              </div>
                            </div>  
                          </div>
                      </div> 

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

              <div class="d-flex btn_wrap">
                 <a href="{{route('loss-events.index')}}" class="btn btn-primary btn-custom btn_custom_noBg">Cancel</a>
                 <input type="hidden" name="is_draft" id="is_draft" value="0">
                <button type="button" id="save-draft" class="btn btn-primary btn-custom btn_custom_noBg button_click">Draft</button>
                @if(!empty($riskList))
                  <button type="submit" class="btn btn-primary btn-custom btn_custom_bg button_click">Submit</button>
                @endif
              </div>
            </form>

          </main>
@endsection

@section('additionaljs')
<script src="{{asset('/js/jquery.js')}}"></script>

<script src="{{asset('/js/jquery.validate.min.js')}}"></script>
<script src="{{asset('/js/jquery-ui.js')}}"></script>

<script type="text/javascript">
var getRiskDetailUrl = "{{ url('loss-events/riskdetail') }}";

var csrfTokens = "{{ csrf_token() }}";

  $(document).ready(function(){
       $("#estimated-loss").focus(function() {
            if (this.setSelectionRange) {
                var len = $(this).val().length;
                this.setSelectionRange(len, len);
            } else {
                $(this).val($(this).val());
            }
        });
        $("#risk_reference_number").focus();
    });

    @if(!empty($status))
        $('#status').val('{{$status}}');
    @endif

    buttonid = '';
    $("button.button_click").click(function (event) {
      var button = event.target;
      buttonid = button.id;

      if(buttonid != 'save-draft') {
        $("#eventForm").validate({
            rules: {
                unit: {
                    required: true
                },
                incident_desc:{
                    required:true
                },
                risk_category:{
                    required:true
                },
                risk_subcategory:{
                    required:true
                },
                risk_level:{
                    required:true
                },
                estimated_loss:{
                  required:true,
                  minlength:3,
                  maxlength:10,
                  // number: true
                },
                first_date:{
                  required:true
                },
                last_date:{
                  required:true
                },
                discovery_date:{
                  required:true
                },
                closure_date:{
                  required:true
                },
                impact_date:{
                  required:true
                },
                settlement_date:{
                  required:true
                },
                root_cause:{
                  required:true
                },
                reported:{
                  required:true
                },
                remedy:{
                  required:true
                },
                customer_impact:{
                  required:true
                },
                incident_cause:{
                  required:true
                },
                @if(!empty($riskList))
                related_risk:{
                  required:true
                },
                @endif
                /*comments:{
                  required:true
                },*/
                risk_reference_number:{
                    required:true
                },
                status:{
                    required:true
                },
            },messages:{
                
                unit:"Please select the department.",
                incident_desc:"Please enter the incident description.",
                risk_category:"Please select the risk category.",
                risk_subcategory:"Please select the risk subcategory.",
                risk_level:"Please select the risk level.",
                estimated_loss: {
                  required: "Please enter the estimated/actual los",
                  minlength: "Estimated/actual loss have to enter at least 3 digit.",
                  maxlength: "Estimated/actual loss field not be greater then 10 digits",
                }, 
                first_date:"Please enter the first occurence date",
                last_date:"Please enter the last occurence date",
                discovery_date:"Please enter the discovery date",
                closure_date:"Please enter the closure date",
                impact_date:"Please enter the impact date",
                settlement_date:"Please enter the settlement date",
                root_cause:"Please enter the root cause",
                customer_impact:"Please select the option for customer impact",
                incident_cause:"Please enter the incident cause",
                reported:"Please enter whether the event iss reported internally or externally",
                remedy:"Please enter the remedy for prevention of recurrence",
                // comments:"Please enter the comments",
                status:"Please select the status of loss event.",
                risk_reference_number:"Please select risk reference number.",
                related_risk:"Please select risks.",

            },errorPlacement: function(error, element) {
                $(element).parent("div").addClass('has-error');
                error.insertAfter(element);
            }
        });
      } else {
        $("#eventForm").validate({
            rules: {
                risk_reference_number:{
                    required:true
                },
            },messages:{
                risk_reference_number:"Please select risk reference number.",

            },errorPlacement: function(error, element) {
                $(element).parent("div").addClass('has-error');
                error.insertAfter(element);
            }
        });
      }
    });
    
    $('#save-draft').click(function(){
        $('input[name=is_draft]').val('1');
        $('#eventForm').submit();
    });

    $(document).ready(function(){

  $("#risk_reference_number").on('click', function (e) {
    console.log('click');
        e.preventDefault();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        var risk_ref_num = $(this).val();

        $("#risk-category").empty();
        $("#risk-subcategory").empty();
        $("#risk-level").empty();
        $("#related-risk").empty();

        $.ajax({
            url:getRiskDetailUrl+'/'+risk_ref_num,
            type:'GET',
            data:{"_token": csrfTokens,"risk_ref_num": risk_ref_num },
            dataType:'JSON',
            contentType: false,
            cache: false,
            processData: false,
            success:function(data) {
                $("#risk-category").prop('selectedIndex',0);
                $("#risk-subcategory").prop('selectedIndex',0);
                $("#risk-level").prop('selectedIndex',0);

                if(data) {
                  
                  $("#risk-category").empty();
                  $("#risk-subcategory").empty();
                  $("#risk-level").empty();
                  $("#related-risk").empty();

                  console.log('Success : ' + JSON.stringify(data));
                  
                  if (data.risk_id) {
                    $("#related-risk-hidden").val(data.risk_id);
                    $("#related-risk").val(data.risk_name);
                  } else {
                    $(".related_risk_err").css('color','red').text('Risk name not found.');
                  }
                  if (data.risk_level_id) {
                    $("#risk-level-hidden").val(data.risk_level_id);
                    $("#risk-level").val(data.risk_level_name);
                  } else {
                    $(".level_err").css('color','red').text('Risk level not found.');
                  }
                  if (data.risk_category_id) {
                    $("#risk-category-hidden").val(data.risk_category_id);
                    $("#risk-category").val(data.risk_category_name);
                  } else {
                    $(".category_err").css('color','red').text('Risk Category not found.');
                  }
                  if (data.risk_subcategory_id) {
                    $("#risk-subcategory-hidden").val(data.risk_subcategory_id);
                    $("#risk-subcategory").val(data.risk_subcategory_name);
                  } else {
                    $(".subcategory_err").css('color','red').text('Risk subcategory not found.');
                  }
                } else  {
                  console.log('Error : '  + JSON.stringify(data));

                  $("#risk-category").val("");
                  $("#risk-subcategory").val('');
                  $("#risk-level").val('');
                  $("#related-risk").val('');

                  $('#risk_reference_number_err').text('Server data not found.');
                }
            },
              error:function(data){
                  console.log("error occured"); //===Show Error Message====
                  // spinner.hide();
              }
        });
    });
});
</script>

@endsection