@extends('layouts.master')
@section('content')
<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-eye"></i> View Event Reporting / Ref :- {{$data->register_ref}} / {{$clientData->name}}</h4>
        
    </div>
    <div class="col-auto">
        <a href="{{ url()->previous() }}" form="form-change" title="Back" data-toggle="tooltip" class="btn btn btn-primary font-wt-regular"><i class="fas fa-backward"></i> Back</a>

        </div>
    <!-- <div class="col-auto">
        <button type="submit" form="form-change" title="Save" data-toggle="tooltip" class="btn btn-red font-wt-regular"><i class="fa fa-save"></i> Save template</button>
        <button type="submit" class="btn btn-primary  font-wt-regular" data-toggle="tooltip" title="Send to compliance"><i class="fa fa-send"></i> Submit &amp; Email to Compliance</button>
        <a href="{{url('dashboard')}}" class="btn btn-danger 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')}}" enctype="multipart/form-data">
                    @csrf
                <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>
                         </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"  class="form-control" value="{{$data->register_ref}}" id="" readonly >
                    </div>
        </div>
        <!-- COLUMN -->
        <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">
                    <input type="text" name="client_name" class="form-control" id="" readonly value="{{$clientData->name}}">
                </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">
                    <input type="text" class="form-control" id="" readonly value="{{$fundname}}">
                </div>
            </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">
                <input type="text" name="nature_of_report" class="form-control" id="" readonly value="{{$data->nature_of_report}}">
                </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" class="form-control" id="" readonly value="{{$data->if_other_detail}}">
                </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="" readonly value="{{$data->date_of_occurence}}">
                </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="" readonly value="{{$data->date_identified_epea}}">
                </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">
                <input type="text" name="how_identified" class="form-control" id="" readonly value="{{$data->how_identified}}">
                    
                <!-- <select name="how_identified" class="form-control">
                        <option value="{{$data->how_identified}}" readonly>{{$data->how_identified}}</option>
                    
                    </select> -->
                </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}}" readonly>
                    <span id="error_how_identified_text"></span>
                </div>
            </div>
            <!-- <div class="form-group col-sm-12">
                <label class="col-sm-4">Matter Detail: </label>
                <div class="col-sm-8">
                    <input type="text" name="matter_detail" class="form-control" id="matter_detail" readonly value="{{$data->matter_detail}}">
                </div>
            </div>
            <div class="form-group col-sm-12">
                <label class="col-sm-4">Attachments: </label>
                <div class="col-sm-8">
                    
			
                   @if(isset($Filedata->filepath))                  
                     <a href="{{url($Filedata->filepath)}}" target="_blank" class="btn  btn-xs" data-toggle="tooltip" title="View file" data-original-title="View file"><i class="fa fa-eye"></i></a>
                    @endif
                </div>
            </div> -->
            
        </div>
        <div class="col-sm-12 bordered-box mb-3">
            <h5 class="title bg-danger p-10">Matter Detail:</h5>
            
            
            <div class="form-group col-sm-12">
                <label class="col-sm-4">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}}" readonly>
                    <span id="error_matter_detail_text"></span>
                </div>
                <div class="col-sm-4">
                    <input type="text" name="matter_detail" class="form-control" id="matter_detail" value="{{$data->matter_detail}}" readonly>
                    <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%" readonly value="{{$data->initial_summary}}">{{$data->initial_summary}}</textarea>
                </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="" readonly value="{{$data->element_of_procedure_not_followed}}" readonly>
                </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="" readonly value="{{$data->who_impacted}}">
                </div>
            </div>

            {{-- <div class="form-group col-md-12"  @if(!empty($data->effect_of_breach)) style="display:block" @else style="display:none"  @endif> --}}
            <div class="form-group col-md-12">
                <label class="col-sm-4">What was the effect of the breach / error ? <span class="error">*</span></label>
                <div class="col-sm-8">
                    <input type="text" name="effect_of_breach" class="form-control" id="" readonly value="{{$data->effect_of_breach}}">
                </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-4">
                    @foreach($invovledNameArray as $who_data)  
                    <input type="text" name="who_involved" class="form-control mb-2" id=""  readonly value="{{$who_data}}">
                    @endforeach
                </div>
                <div class="col-sm-4">
                    @foreach($involvedTableData as $title_data)  
                    <input type="text" name="who_involved" class="form-control mb-2" id=""  readonly value="{{$title_data->title}}">
                    @endforeach                    <!-- @foreach($involvedTableData as $title_data)  
                    <input type="text" name="who_involved" class="form-control" id=""  readonly value="{{$title_data->title}}">
                    @endforeach -->

                </div>
                <!-- <div class="col-sm-4">
                    @foreach($involvedTableData as $title_data)  

                    <input type="text" name="who_involved" class="form-control" id=""  readonly value="{{$title_data->title}}">
                    @endforeach
                    

                </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">
                <input type="text" name="has_matter_given_rise_to_complaints" readonly class="form-control"  value="{{$data->has_matter_given_rise_to_complaints}}">
                    
                    <!-- <select name="has_matter_given_rise_to_complaints" class="form-control" id="is_complaint" onchange="toggle_complaint()">
                        <option readonly value="{{$data->has_matter_given_rise_to_complaints}}" selected>{{$data->has_matter_given_rise_to_complaints}}</option>
                
                    </select> -->
                    <!-- <small id="hidden_text"> Complete Complaint Section below </small> -->
                </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}}" readonly/>
                </div>
            </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" readonly value="{{$data->name_of_complaint}}">
                        </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" readonly value="{{$data->capacity_in_complaint_made}}">
                        </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" readonly value="{{$data->team_complaint_about}}">
                        </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" readonly value="{{$data->summary_complaint}}">{{$data->summary_complaint}}</textarea>
                        </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" readonly value="{{$data->pricing_error}}">
                </div>
                <label class="col-sm-2">Percentage of Pricing Error <span class="error">*</span></label>
                <div class="col-sm-4">
                    <input type="text" name="percentage_pricing_error" class="form-control" id="percentage_pe" readonly value="{{$data->percentage_pricing_error}}">
                </div>
            </div>
            <div class="form-group col-md-12">

                <label class="col-sm-2">PE Threshold</label>
                <div class="col-sm-4">
                <input type="text" name="pe_threshold" class="form-control" id="percentage_pe" readonly value="{{$data->pe_threshold}}">
                
                    <!-- <select name="pe_threshold" class="form-control" id="pe_threshold">
                    
                    <option readonly value="{{$data->pe_threshold}}">{{$data->pe_threshold}}</option>

                    </select> -->
                </div>
            </div>
        </div>
        <!-- Column-->
        <div class="col-sm-12 bordered-box">
            <h5 class="title bg-danger p-10">Monetary Loss</h5>
            
            
           {{-- @if(isset($data->sel_monetary_loss))
            <div class="form-group col-sm-12">
                <label class="col-sm-4">If there is a monetary loss ? <span class="error">*</span></label>
                <div class="col-sm-8">
                      {{$data->sel_monetary_loss}}
                </div>
            </div>
            <div class="form-group col-md-12"  @if(isset($data->sel_monetary_loss) && $data->sel_monetary_loss == 'Yes') style="display:block" @else style="display:none"  @endif>
                <label class="col-sm-4">Is it likely that this matter will result in monetary loss to: <span class="error">*</span></label>
                <div class="col-sm-6">
                    <label class="checkbox-inline">
                        <input type="checkbox" disabled name="ml_client" value="" @if(!empty($data->ml_client)) checked="checked"  @endif id="ml_client"> The Client
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" disabled name="ml_investor" value="Investor" @if(!empty($data->ml_investor)) checked="checked" @endif id="ml_investor"> The Investor
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" disabled name="ml_epea" value="EPEA" @if(!empty($data->ml_epea)) checked="checked" @endif id="ml_epea"> EFSGL
                    </label>
                </div>
            </div>

            <div class="form-group col-md-12" id="ml_client_desc"  @if(!empty($data->to_client)) style="display:block" @else style="display:none"  @endif>
                <label class="col-sm-4">To the Client</label>
                <div class="col-sm-6">
                    <input type="text" readonly name="to_client" value="{{$data->to_client}}" class="form-control" placeholder="Explain How it will result in monetary loss">
                </div>
            </div>
            <div class="form-group col-md-12" id="ml_investor_desc" @if(!empty($data->to_investor)) style="display:block" @else style="display:none"  @endif>
                <label class="col-sm-4">To The Investor</label>
                <div class="col-sm-6">
                    <input type="text" readonly name="to_investor" class="form-control" value="{{$data->to_investor}}" placeholder="Explain How it will result in monetary loss">
                </div>
            </div>
            <div class="form-group col-md-12" readonly id="ml_epea_desc" @if(!empty($data->to_epea)) style="display:block" @else style="display:none"  @endif>
                <label class="col-sm-4">To EFSGL</label>
                <div class="col-sm-6">
                    <input type="text" name="to_epea" class="form-control" value="{{$data->to_epea}}" placeholder="Explain How it will result in monetary loss">
                </div>
            </div>

            <div class="form-group col-md-12"  @if(isset($data->sel_monetary_loss) && $data->sel_monetary_loss == 'Yes') style="display:block" @else style="display:none"  @endif>
               <label class="col-sm-4">Who will be paying either EPIC or the client?: <span class="error">*</span></label>
                    <label class="checkbox-inline">
                        <input type="checkbox" name="ml_paying_epic" value="paying_epic" disabled @if(!empty($data->ml_paying_epic)) checked="checked" @endif id="ml_investor"> EPIC
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" name="ml_paying_client" value="paying_client" disabled @if(!empty($data->ml_paying_client)) checked="checked" @endif id="ml_investor"> Client
                    </label>
            </div>
           @else
            <div class="form-group col-md-12">
                <label class="col-sm-4">Is it likely that this matter will result in monetary loss to: <span class="error">*</span></label>
                <div class="col-sm-6">
                    <label class="checkbox-inline">
                        <input type="checkbox" disabled name="ml_client" value="" @if(!empty($data->ml_client)) checked="checked"  @endif id="ml_client"> The Client
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" disabled name="ml_investor" value="Investor" @if(!empty($data->ml_investor)) checked="checked" @endif id="ml_investor"> The Investor
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" disabled name="ml_epea" value="EPEA" @if(!empty($data->ml_epea)) checked="checked" @endif id="ml_epea"> EFSGL
                    </label>
                </div>
            </div>

            <div class="form-group col-md-12" id="ml_client_desc"  @if(!empty($data->to_client)) style="display:block" @else style="display:none"  @endif>
                <label class="col-sm-4">To the Client</label>
                <div class="col-sm-6">
                    <input type="text" readonly name="to_client" value="{{$data->to_client}}" class="form-control" placeholder="Explain How it will result in monetary loss">
                </div>
            </div>
            <div class="form-group col-md-12" id="ml_investor_desc" @if(!empty($data->to_investor)) style="display:block" @else style="display:none"  @endif>
                <label class="col-sm-4">To The Investor</label>
                <div class="col-sm-6">
                    <input type="text" readonly name="to_investor" class="form-control" value="{{$data->to_investor}}" placeholder="Explain How it will result in monetary loss">
                </div>
            </div>
            <div class="form-group col-md-12" readonly id="ml_epea_desc" @if(!empty($data->to_epea)) style="display:block" @else style="display:none"  @endif>
                <label class="col-sm-4">To EFSGL</label>
                <div class="col-sm-6">
                    <input type="text" name="to_epea" class="form-control" value="{{$data->to_epea}}" placeholder="Explain How it will result in monetary loss">
                </div>
            </div>

            <div class="form-group col-md-12">
               <label class="col-sm-4">Who will be paying either EPIC or the client?: <span class="error">*</span></label>
                    <label class="checkbox-inline">
                        <input type="checkbox" name="ml_paying_epic" value="paying_epic" disabled @if(!empty($data->ml_paying_epic)) checked="checked" @endif id="ml_investor"> EPIC
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" name="ml_paying_client" value="paying_client" disabled @if(!empty($data->ml_paying_client)) checked="checked" @endif id="ml_investor"> Client
                    </label>
            </div>
            @endif --}}
            <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="the_clients" class="form-control" required id="the_clients" onchange="theClient()">
                                <option value="">Select </option>
                                <option value="Yes">Yes</option>
                                <option value="Unknown">Unknown</option>
                                <option value="No">No</option>
                            </select> -->
                            <input type="text" name="the_clients" class="form-control" id=""  readonly value="{{$data->ml_client}}">
                        </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="the_clients_how" id="the_clients_how" class="form-control" placeholder="How" required value="{{$data->to_client}}" readonly>
                            <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="the_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> -->
                            <input type="text" name="the_clients" class="form-control" id=""  readonly value="{{$data->ml_investor}}">
                            <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="the_investor_how" id="the_investor_how" class="form-control" placeholder="How" required value="{{$data->to_investor}}" readonly>
                            <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="the_EPIC" 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> -->
                            <input type="text" name="the_EPIC" class="form-control" id=""  readonly value="{{$data->ml_epea}}">
                            <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="the_EPIC_how" id="the_EPIC_how" class="form-control" required placeholder="How" value="{{$data->to_epea}}" readonly>
                            <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">
                    <input type="text" name="any_loss_personal_data" class="form-control" id="dp_breach_desc" readonly value="{{$data->any_loss_personal_data}}" placeholder=""> 
                <!-- <select name="any_loss_personal_data" class="form-control" required id="dp_breach" onchange="toggle_breach()">
                        <option value="{{$data->any_loss_personal_data}}" >{{$data->any_loss_personal_data}}</option>

                    </select> -->
                </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" value="{{$data->dp_breach_required}}" id="dp_breach_desc" readonly  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">
                  @if($reporterData !='')
                    <input type="text" readonly name="name_person_reporting" value="{{$reporterData->name}}" class="form-control" id="" required>
                    @else
                    <input type="text" readonly name="name_person_reporting" value="" class="form-control" id="" required>
                    @endif
                </div>
                <label class="col-sm-3">Date: <span class="error">*</span></label>
                <div class="col-sm-3">
                    <input type="date" readonly name="date_reporting" value="{{$data->date_reporting}}" class="form-control" id="" required>
                </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">
                    @if($authorData !='')
                      <input type="text" readonly name="name_person_authorising" value="{{$authorData}}" class="form-control" id="" required>
                    @else
                      <input type="text" readonly name="name_person_authorising" value="" class="form-control" id="" required>
                    @endif
                </div>
                <!-- <label class="col-sm-3">Date: <span class="error">*</span></label>
                <div class="col-sm-3">
                    <input type="date" readonly name="date_authorising" value="{{$data->date_authorising}}" class="form-control" id="" required>
                </div> -->
            </div>
        </div>
    </div>
    </div>
  </form>
</div>
</div>
</div>
</div>

    

   
</div>

</div>

<!-- /Page Wrapper -->



</div>
@endsection