@extends('layouts.master')
@section('content')

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<div class="page-wrapper">

<div class="content container">

<div class="page-header mt-0">
<div class="row align-items-center">
    <div class="col">
        <h4 class="page-title"><i class="fas fa-edit"></i> Compliance Event Reporting</h4>
        
    </div>
    <div class="col-auto">
        <button type="submit" value="saveAsDraft" name="submit" onclick="SubmitForm('save')" title="Save as draft" data-toggle="tooltip" class="btn btn-primary font-wt-regular"><i class="fa fa-save"></i> Save As Draft</button>
        <a href="#" onclick="rejectForm({{$data->id}})"  title="Reject" data-toggle="tooltip" class="btn btn-danger themeredbutton font-wt-regular"><i class="fa fa-save"></i> Reject</a>
        <button value="email" name="submit" class="btn btn-primary  font-wt-regular" data-toggle="tooltip" title="Send for approved" onclick="SubmitForm('email')"><i class="fa fa-send"></i> Submit &amp; send for approved</button>
        <a href="{{url('dashboard')}}" class="btn btn-danger themeredbutton mr-1">
            <i class="fas fa-times"></i>
        </a>

            
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="msg"></div>
        <div class="card card-table">
            <div class="card-body">
<div class="panel-body">
<form method="post" id="form-change" class="form-horizontal" action="{{url('initial-compliance/'.$data->id)}}" enctype="multipart/form-data">
@csrf
<input type="hidden" name="check_first" value="1">
<input type="hidden" name="saveType" id="saveType">
<div class="row">
    <div class="col-lg-12 col-sm-12">
        <div class="form-group col-sm-12">
            <div class="p-100">
                <h4>Pricing Errors, Breaches and Errors Reporting Form</h4>
                    <p class="sub-title p-10"></p>
            </div>
        </div>
        <div class="form-group col-sm-12 ">
            <label class="col-sm-4" style="padding-top:10px;">Register Ref: </label>
            <div class="col-sm-8">
                <input type="text" name="register_ref" class="form-control" value='{{$data->register_ref}}' id="" readonly>
            </div>
        </div>
        <div class="col-sm-12 bordered-box">
            <h5 class="title bg-danger p-10">Report Details</h5>
            
            
            <div class="form-group col-sm-12">
                <label class="col-sm-4">Client Name: <span class="error">*</span></label>
                <div class="col-sm-8">
              
                <select class="form-control" name="client_name" id="fundGroup" disabled>
                    <option value=''>Select Client Name</option>
                    @foreach($clientData as $datatable)
                    <option value="{{$datatable->id}}" selected="selected">{{$datatable->name}}</option>
                    @endforeach
                </select>
                <span id="error_fundGroup"></span>
                </div>

                

            </div>
             <div class="form-group col-sm-12">
                <label class="col-sm-4">Cell/Sub-Fund: <span class="error">*</span></label>
                <div class="col-sm-8">
              
                <select class="form-control" name="fund_name" id="fund_name" disabled>
                   <option value=''>Select fund</option>
                   @if($data->fund_name == "all_cells")
                        <option value="all_cells" >All Cells</option> 
                    @endif
                    @if($data->fund_name == "multiple_cells")
                    <option value="multiple_cells" >Multiple Cells</option>
                    @endif
                    @foreach($funddata as $datatable)
                        <option value="{{$datatable->id}}" selected="selected">{{$datatable->name}}</option>
                    @endforeach
                </select>
                <span id="error_fund_name"></span>
                </div>
<script>
     $(document).ready(function(){
           $('select[name=client_name]').on('change', function () {
            var selected = $(this).find(":selected").attr('value');
            $.ajax({
                  url: "../group/"+selected+"/fund",
                    type: 'GET',
                    dataType: 'json'
              }).done(function (data) {
                var select = $('select[name=fund_name]');
              
                select.empty();
                select.append('<option value="" >-- Select Cell/Sub-Fund --</option>');
                if(data.length>1)
                {
                 select.append('<option value="all_cells" >All Cells</option>');
                 select.append('<option value="multiple_cells" >Multiple Cells</option>');
                }
                $.each(data,function(key, value) {
                    select.append('<option value=' + value.id + '>' + value.name + '</option>');
                });
        })
    });
});
 </script> 
                

            </div>
            <div class="form-group col-sm-12">
                <label class="col-sm-4">Nature of Report <span class="error">*</span></label>
                <div class="col-sm-8">
                    <select name="nature_of_report" class="form-control" id="nature_of_report" onchange="natureOfReports();" disabled>
                        <option value="0" selected="selected">Select Type of Report</option>
                        <option value="1" >Pricing Error</option>
                        <option value="2" >Breach of Law or Rules (including prospectus breach)</option>
                        <option value="3" >Breach of Internal Procedures</option>
                        <option value="4" >Receipt of Complaint</option>
                        <option value="5" >Other Error</option>
                        <option value="6" >Third Party Error</option>
                    </select>
                    <span id="error_nature_of_report"></span>
                </div>
            </div>
            <div class="form-group col-sm-12 other-details" id="other_details">
                <label class="col-sm-4">If Other, please detail: </label>
                <div class="col-sm-8">
                    <input type="text" name="if_other_detail" value="{{$data->if_other_detail}}" class="form-control" id="if_other_detail">
                    <span id="error_if_other_detail"></span>
                </div>
            </div>
            <div class="form-group col-sm-12">
                <label class="col-sm-4">Date of Occurence <span class="error">*</span></label>
                <div class="col-sm-8">
                    <input type="date" name="date_of_occurence" class="form-control" id="date_of_occurence" value="{{$data->date_of_occurence}}" readOnly>
                    <span id="error_date_of_occurence"></span>
                </div>
            </div>
            <div class="form-group col-sm-12">
                <label class="col-sm-4">Date Identified by EPIC: <span class="error">*</span></label>
                <div class="col-sm-8">
                    <input type="date" name="date_identified_epea" class="form-control" id="date_identified_epea" value="{{$data->date_identified_epea}}" readOnly>
                    <span id="error_date_identified_epea"></span>
                </div>
            </div>
            <div class="form-group col-sm-12">
                <label class="col-sm-4">How Identified: <span class="error">*</span></label>
                <div class="col-sm-4">
                    <select name="how_identified" class="form-control" id="how_identified">
                        <option value="">Select </option>
                        <option value="Internal" >Internal</option>
                        <option value="External" >External</option>
                    </select>
                    <span id="error_how_identified"></span>
                </div>
                <div class="col-sm-4">
                    <input type="text" name="how_identified_text" class="form-control" id="how_identified_text" value="{{$data->how_identified_text}}">
                    <span id="error_how_identified_text"></span>
                </div>
            </div>
        </div>
        <div class="col-sm-12 bordered-box">
                <h5 class="title bg-danger p-10">Matter Detail:</h5>
                
                
                <div class="form-group col-sm-12">
                    <label class="col-sm-3">Matter Detail: </label>
                    <div class="col-sm-4">
                        <input type="text" name="matter_detail_text" class="form-control" id="matter_detail_text" value="{{$data->matter_detail_text}}">
                        <span id="error_matter_detail_text"></span>
                    </div>
                    <div class="col-sm-5">
                        <input type="text" name="matter_detail" class="form-control" id="matter_detail"  value="{{$data->matter_detail}}">
                        <span id="error_matter_detail"></span>
                    </div>
                </div>
            </div>
        <div class="col-sm-12 bordered-box">
            <h5 class="title bg-danger p-10">Initial Details</h5>
            
            
            <div class="form-group col-md-12">
                <label class="col-sm-4">Initial Summary: (i.e. what should have happened but didn't?) GIVE ALL DETAIL, SUCH AS DEAL NUMBERS, VALUE DATES, TRADE DATES, VALUATION DATES APPLICABLE TO THE BREACH) <span class="error">*</span></label>
                <div class="col-sm-8">
                    <textarea name="initial_summary" class="form-control" rows="5" width="100%" id="initial_summary">{{$data->initial_summary}}</textarea>
                    <span id="error_initial_summary"></span>
                </div>
            </div>
            <div class="form-group col-md-12">
                <label class="col-sm-4">What element of the procedure was not followed?  <span class="error">*</span></label>
                <div class="col-sm-8">
                    <input type="text" name="element_of_procedure_not_followed" class="form-control" id="element_of_procedure_not_followed" value="{{$data->element_of_procedure_not_followed}}">
                    <span id="error_element_of_procedure_not_followed"></span>
                </div>
            </div>
            
            <div class="form-group col-md-12">
                <label class="col-sm-4">Who is impacted? (e.g. name of shareholder or client etc) <span class="error">*</span></label>
                <div class="col-sm-8">
                    <input type="text" name="who_impacted" class="form-control" id="who_impacted" value="{{$data->who_impacted}}">
                    <span id="error_who_impacted"></span>
                </div>
            </div>

            <div class="form-group col-md-12">
                <label class="col-sm-4">What was the effect of the breach / error / complaint / incident?  <span class="error">*</span></label>
                <div class="col-sm-8">
                    <input type="text" name="effect_of_breach" class="form-control" id="effect_of_breach" value="{{$data->effect_of_breach}}">
                    <span id="error_effect_of_breach"></span>
                </div>
            </div>
            <div class="form-group col-md-12">
                <label class="col-sm-4">Who was involved? (team and individual staff members involved, indicating whether preparer or 4-eyes checker etc)  <span class="error">*</span></label>
                <div class="col-sm-8" id="nRow">
                    <div id="inputFormRow" class="row">
                        <div class="col-sm-12">
                        @foreach($invovledNameArray as $who_data)
                            <select class="form-control" name="who_involved[]" required>
                                    <option value=''>--Select--</option>
                                @foreach($employeeData as $EmployeesAll)
                                <option required value="{{$EmployeesAll->id}}" @if($EmployeesAll->id == $who_data->id) selected @endif>{{$EmployeesAll->name}}</option>
                                @endforeach
                            </select>
                        @endforeach
                        <br/>
                        <span id="error_who_involved"></span>
                    </div>
                    <div class="col-sm-8">
                        <!-- <input type="text" name="title[]" class="form-control m-input" placeholder="Enter title" autocomplete="off"> -->
                        @foreach($involvedTableData as $title_data)  
                            <input type="text" name="title[]" class="form-control" id=""  value="{{$title_data->title}}">
                        @endforeach
                    </div>
                    {{-- <div class="col-sm-2">
                        <button id="removeRow" type="button" class="btn btn-danger fa fa-trash" style="overflow: hidden; "></button>
                    </div>
                    <div class="col-sm-2">
                        <button id="addRow" type="button" class="btn btn-info fa fa-plus"></button>
                    </div> --}}
                </div>
            </div>
            <div class="form-group col-md-12 is_complaint">
                <label class="col-sm-4">Has the matter given rise to a complaints as well? <span class="error">*</span></label>
                <div class="col-sm-4">
                    <select name="has_matter_given_rise_to_complaints" class="form-control" id="is_complaint" onchange="toggleComplaint()">
                        <option value="">Select</option>
                        <option value="Yes" >Yes</option>
                        <option value="Already Classified as complaint" >Already Classified as complaint</option>
                        <option value="No" >No</option>
                    </select><br/>
                    <span id="error_has_matter_given_rise_to_complaints"></span>
                </div>
                <div class="col-sm-4">
                    <input type="text" name="has_matter_given_rise_to_complaints_text" class="form-control" id="hidden_text"  value="{{$data->has_matter_given_rise_to_complaints_text}}"/>
                </div>
            </div>
            <br>
        </div>
       
        </div>
        <div class="col-lg-12 bordered-box">
             <div class="form-groups col-md-12 px-0">
                <div class="condition-box-1">
                    <h5 class="title bg-danger p-10">Complaints</h5>
                    
                    
                    <div class="form-group col-md-12">
                        <label class="col-sm-4">Name of Complaint: <span class="error">*</span></label>
                        <div class="col-sm-8">
                            <input type="text" name="name_of_complaint" class="form-control" id="name_of_complaint" value="{{$data->name_of_complaint}}">
                            <span id="error_name_of_complaint"></span>
                        </div>
                        
                    </div>
                    <div class="form-group col-md-12">
                        <label class="col-sm-4">Capacity in which complaint is made: <span class="error">*</span></label>
                        <div class="col-sm-8">
                            <input type="text" name="capacity_in_complaint_made" class="form-control" id="complaint_capacity" value="{{$data->capacity_in_complaint_made}}">
                            <span id="error_complaint_capacity"></span>
                        </div>
                        
                    </div>
                    <div class="form-group col-md-12">
                        <label class="col-sm-4">Team and or Member of Staff complaint about: <span class="error">*</span></label>
                        <div class="col-sm-8">
                            <input type="text" name="team_complaint_about" class="form-control" id="team_complaint_about" value="{{$data->team_complaint_about}}">
                            <span id="error_team_complaint_about"></span>
                        </div>
                    </div>
                    <div class="form-group col-md-12">
                        <label class="col-sm-4">Summary of Complaint: <span class="error">*</span></label>
                        <div class="col-sm-8">
                            <textarea name="summary_complaint" class="form-control" rows="5" width="100%" id="complaint_summary">{{$data->summary_complaint}}</textarea>
                            <span id="error_complaint_summary"></span>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
        <!-- Column-->
        <div class="col-sm-12 bordered-box">
            <h5 class="title bg-danger p-10">Pricing Error?</h5>
            
            
            <div class="form-group col-md-12 pricing_error">
                <label class="col-sm-2">Pricing Error?</label>
                <div class="col-sm-4">
                    <input type="text" name="pricing_error" class="form-control" id="pricing_error_condition" value="{{$data->pricing_error}}" readonly>
                </div>
                <label class="col-sm-3">Percentage of Pricing Error </label>
                <div class="col-sm-3">
                    <input type="text" name="percentage_pricing_error" class="form-control" id="percentage_pe" value="{{$data->percentage_pricing_error}}" @if ($data->nature_of_report != "Pricing Error") readonly @endif>
                    <span id="error_percentage_pe"></span>
                </div>
            </div>
            <div class="form-group col-md-12">

                <label class="col-sm-2">PE Threshold</label>
                <div class="col-sm-4">
                    <select name="pe_threshold" class="form-control" id="pe_threshold" @if ($data->nature_of_report != "Pricing Error") readonly @endif>
                        <option value="Deminimas" >Deminimas</option>
                        <option value="0.1% but < 0.5%" >0.1% but < 0.5% </option>
                        <option value="0.5%" >0.5%</option>
                        <option value="N/A" >N/A</option>
                    </select>
                    <span id="error_pe_threshold"></span>
                </div>
            </div>
        </div>
        <!-- Column-->
        <div class="col-sm-12 bordered-box">
            <h5 class="title bg-danger p-10">Monetary Loss</h5>
            
            
            <div class="form-group col-md-12" id="checkHIdeshow">
               
                <label class="col-sm-4">Is it likely that this matter will result in monetary loss to: <span class="error">*</span></label>
               
                <div class="form-group col-sm-8">
                    <div class="form-group col-md-12">
                        <label class="col-sm-3" style="padding-right: 0px;padding-left: 0px;"> The client?</label>
                        <div class="col-sm-3" style="padding-right: 0px;padding-left: 0px;">
                            <select name="ml_client" class="form-control" required id="ml_client" onchange="theClient()">
                                <option value="" selected="selected">Select </option>
                                <option value="Yes" >Yes</option>
                                <option value="Unknown" >Unknown</option>
                                <option value="No" >No</option>
                            </select>
                            <span id="error_the_clients"></span>
                        </div>
                        <label class="col-sm-2" style="padding-right: 0px;padding-left: 15px;"> How</label>
                        <div class="col-sm-4" style="padding-right: 0px;padding-left: 0px;">
                            <input type="text" name="to_client" id="the_clients_how" class="form-control" placeholder="How" required value="{{$data->to_client}}">
                            <span id="error_the_clients_how"></span>
                        </div>
                    </div>
                    <div class="form-group col-md-12">
                        <label class="col-sm-3" style="padding-right: 0px;padding-left: 0px;"> The investor?</label>
                        <div class="col-sm-3" style="padding-right: 0px;padding-left: 0px;">
                            <select name="ml_investor" class="form-control" required id="the_investor" onchange="theInvestor()">
                                <option value="">Select </option>
                                <option value="Yes" >Yes</option>
                                <option value="Unknown" >Unknown</option>
                                <option value="No" >No</option>
                            </select>
                            <span id="error_the_investor"></span>
                        </div>
                        <label class="col-sm-2" style="padding-right: 0px;padding-left: 15px;"> How</label>
                        <div class="col-sm-4" style="padding-right: 0px;padding-left: 0px;">
                            <input type="text" name="to_investor" id="the_investor_how" class="form-control" placeholder="How" required value="{{$data->to_investor}}">
                            <span id="error_the_investor_how"></span>
                        </div>
                    </div>
                    <div class="form-group col-md-12">
                        <label class="col-sm-3" style="padding-right: 0px;padding-left: 0px;"> EPIC?</label>
                        <div class="col-sm-3" style="padding-right: 0px;padding-left: 0px;">
                            <select name="ml_epea" class="form-control" required id="the_EPIC" onchange="epicAction()">
                                <option value="">Select </option>
                                <option value="Yes" >Yes</option>
                                <option value="Unknown" >Unknown</option>
                                <option value="No" >No</option>
                            </select>
                            <span id="error_the_EPIC"></span>
                        </div>
                        <label class="col-sm-2" style="padding-right: 0px;padding-left: 15px;"> How</label>
                        <div class="col-sm-4" style="padding-right: 0px;padding-left: 0px;">
                            <input type="text" name="to_epea" id="the_EPIC_how" class="form-control" required placeholder="How" value="{{$data->to_epea}}">
                            <span id="error_the_EPIC_how"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        
        <!-- Column-->
        <div class="col-sm-12 bordered-box">
            <h5 class="title bg-danger p-10">Data Protection Breach</h5>
            
            
            <div class="form-group col-md-12">
                <label class="col-sm-4 ">Does this matter include any loss or wrongful transmission of personal data to a third party? <span class="error">*</span></label>
                <div class="col-sm-8">
                    <select name="any_loss_personal_data" class="form-control" required id="dp_breach" onchange="dpBreach()">
                        <option value="">Select </option>
                        <option value="Yes" >Yes</option>
                        <option value="Unknown" >Unknown</option>
                        <option value="No" >No</option>
                    </select>
                    <span id="error_dp_breach"></span>
                </div>
            </div>

            <div class="form-group col-md-12">
                <label class="col-sm-4 ">DP Breach Required? <span class="error">*</span></label>
                <div class="col-sm-8">
                    <input type="text" name="dp_breach_required" class="form-control" id="dp_breach_desc" readonly value="{{$data->dp_breach_required}}" placeholder="">
                </div>
            </div>
        </div>
        <br>
        <!-- Column-->
        <div class="col-sm-12 bordered-box">
            <h5 class="title bg-danger p-10">Sign off</h5>
            
            
            <div class="form-group col-sm-12">
                <label class="col-sm-3">Name of Person Reporting: <span class="error">*</span></label>
                <!-- <div class="col-sm-3">
                    <input type="text" name="name_person_reporting" value="" class="form-control" id="" required>
                </div> -->
                <div class="col-sm-3">
                    <input type="hidden" name="name_person_reporting"  value="{{$reporterData->id}}" >
                    <input type="text"  class="form-control" readonly value="{{$reporterData->name}}" placeholder="">
              </div>
                <label class="col-sm-3">Date: <span class="error">*</span></label>
                <div class="col-sm-3">
                    <input type="date" name="date_reporting" value="{{$data->date_reporting}}" readonly class="form-control" id="date_reporting" required>
                    <span id="error_date_reporting"></span>
                </div>
            </div>

            <div class="form-group col-sm-12">
                <label class="col-sm-3">Name of Person Authorizing Report <span class="error">*</span></label>
                <div class="col-sm-3">
                    <!-- <input type="text" name="name_person_authorising" value="" class="form-control" id="" required> -->
                    <select class="form-control select2-multiple" multiple name="name_person_authorising"  id="name_person_authorising" required disabled>
                         <option value=''>--Select--</option>
                         @foreach($employeeData as $employee)
                         <option value="{{$employee->id}}"