@extends('layouts.master')
@section('content')
<div class="page-wrapper">

    <div class="content container-fluid">

        <div class="page-header">
            <div class="row align-items-center">
                <div class="col">
                    <h4 class="page-title">Breach Report Part II / Ref :- {{$data->register_ref}} / {{$clientData->name}}</h4>

                </div>
                <div class="col-auto">
                    <button onclick="SubmitForm()" title="Send for approval" data-toggle="tooltip" class="btn btn btn-primary font-wt-regular"><i class="fa fa-send"></i> Send</button>
                    <!-- <button type="submit" id="breach-form" name="submit" value="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> -->

                    <!-- <a href="#" class="btn btn-primary" data-toggle="tooltip" title="Send to compliance"><i class="fa fa-send"></i></a> -->
                    <a href="{{ url()->previous() }}" class="btn btn-danger mr-1">
                        <i class="fas fa-times"></i>
                    </a>
                    <!--<a class="btn btn-primary filter-btn" href="javascript:void(0);" id="filter_search">-->
                    <!--	<i class="fas fa-filter"></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('final-breach/'.$data->id)}}" enctype="multipart/form-data">
                                @csrf

                                <div class="row">
                                    <div class="col-lg-8 col-sm-12">
                                        <!-- <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="DMS - 210719 - Breach Reporting Form - 78945 " id="" readonly>
            </div>
        </div> -->
                                        <div class="col-sm-12">


                                            <h5 class="title bg-danger p-10">Resolution</h5>
                                            <hr />
                                            </br>

                                            <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="form-group col-sm-12">
                                                <label class="col-sm-4">How is the issue resolved? <span class="error">*</span></label>
                                                <div class="col-sm-8">
                                                    <textarea name="br_issue_resolved_process" class="form-control" rows="5" width="100%" required id="br_issue_resolved_process"></textarea>
                                                    <span id="error_br_issue_resolved_process"></span>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <label class="col-sm-4 ">Date Matter Considered Resolved <span class="error">*</span></label>
                                                <div class="col-sm-8">
                                                    <input type="date" name="br_date_matter_resolved" class="form-control" id="br_date_matter_resolved">
                                                    <span id="error_br_date_matter_resolved"></span>
                                                </div>
                                            </div>

                                            <div class="form-group col-sm-12">
                                                <label class="col-sm-4">If Part One reporting was received late, please provide explaination for this: <span class="error">*</span></label>
                                                <div class="col-sm-8">
                                                    <textarea name="br_late_receive_detail" class="form-control" rows="5" width="100%" required id="br_late_receive_detail"></textarea>
                                                    <span id="error_br_late_receive_detail"></span>
                                                </div>
                                            </div>
                                            <div class="form-group col-sm-12">
                                                <label class="col-sm-4">Action taken to prevent reoccurrence: <span class="error">*</span></label>
                                                <div class="col-sm-8">
                                                    <textarea name="to_prevent_reoccurrence" class="form-control" rows="5" width="100%" required id="to_prevent_reoccurrence"></textarea>
                                                    <span id="error_to_prevent_reoccurrence"></span>
                                                </div>
                                            </div>
                                            <div class="form-group col-sm-12">
                                                <label class="col-sm-4">Detail any remediation taken internally: <span class="error">*</span> <br><small>(training, procedural update, staff awareness) NB written evidence must be provided in all instances</small></label>

                                                <div class="col-sm-4">
                                                    <textarea name="br_internal_remediation" class="form-control" rows="5" width="100%" id="br_internal_remediation"></textarea>
                                                    <span id="error_br_internal_remediation"></span>
                                                </div>
                                                <label class="col-sm-2">DMS Reference <span class="error">*</span></label>
                                                <div class="col-sm-2">
                                                    <input type="text" name="br_remediation_dms_reference" class="form-control" id="br_remediation_dms_reference" value="N/A">
                                                    <span id="error_br_remediation_dms_reference"></span>
                                                </div>

                                            </div>
                                            <div class="form-group col-sm-12">
                                                <label class="col-sm-4">Attachments: </label>
                                                <div class="col-sm-8">
                                                    <input type="file" id="files" name="Attachment[]" class="form-control" multiple>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <hr />
                                            </br>
                                            <h5 class="title bg-danger p-10">Monetary Loss (amounts payable and other pertinent detail must be included)</h5>
                                            <hr />
                                            </br>
                                            <div class="form-group col-md-12">
                                                <label class="col-sm-4">Was any monetary loss incurred by: <span class="error">*</span></label>
                                                <div class="col-sm-6">
                                                    <label class="checkbox-inline">
                                                        <input type="checkbox" name="ml_client" value="1" id="ml_client"> The Client
                                                    </label>
                                                    <label class="checkbox-inline">
                                                        <input type="checkbox" name="ml_investor" value="2" id="ml_investor"> The Investor
                                                    </label>
                                                    <label class="checkbox-inline">
                                                        <input type="checkbox" name="ml_epea" value="3" id="ml_epea"> EPEA
                                                    </label>
                                                </div>
                                                
                                            </div>
                                            <br><br>
                                            <div class="form-group col-md-12" id="ml_client_desc" style="display: none">
                                                <label class="col-sm-4">Details for Client</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="ml_provide_details" class="form-control" placeholder="Provide Detail">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-12" id="ml_investor_desc" style="display: none">
                                                <label class="col-sm-4">Details for Investor</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="ml_investor_details" class="form-control" placeholder="Explain How it will result in monetary loss">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-12" id="ml_epea_desc" style="display: none">
                                                <label class="col-sm-4">Details for EPEA</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="ml_epea_desc" class="form-control" placeholder="Explain How it will result in monetary loss">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <hr />
                                            </br>
                                            <h5 class="title bg-danger p-10">Sign off</h5>
                                            <hr />
                                            </br>
                                            <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" readonly name="name_person_reporting" value="{{$reporterData->name}}" class="form-control" id="" required>
                                                    <span id="error_name_person_reporting"></span>
                                                </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">
                                                    <input type="text" readonly name="name_person_authorising" value="{{$authorData->name}}" class="form-control" id="" required>
                                                </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 class="message-wrap col-lg-4 col-sm-12">
        <div class="heading">
            <p class="p-10 bg-danger"><b>Comment for Register Ref </b>:DMS - 210719</p>
        </div>
        <div class="msg-wrap">
            <div class="media msg">
                <div class="media-body">
                    <small class="pull-right time"><i class="fa fa-clock-o"></i>13:10</small>
                    <h5 class="media-heading">Employee</h5>
                    <p class="col-lg-10" style="padding-left: 0;">Some Comment about the breach report that is filled by Employee</p>
                </div>
            </div>
            <hr>
             <div class="media msg">
                <div class="media-body">
                    <small class="pull-right time"><i class="fa fa-clock-o"></i>13:10</small>
                    <h5 class="media-heading">Compliance Officer</h5>
                    <p class="col-lg-10" style="padding-left: 0;">Some Comment about the breach report that is filled by Compliance Officer</p>
                </div>
            </div>
            <hr>
             <div class="media msg">
                <div class="media-body">
                    <small class="pull-right time"><i class="fa fa-clock-o"></i>13:10</small>
                    <h5 class="media-heading">Employee</h5>
                    <p class="col-lg-10" style="padding-left: 0;">Some Comment about the breach report that is filled by Employee</p>
                </div>
            </div>
            <hr>
             <div class="media msg">
                <div class="media-body">
                    <small class="pull-right time"><i class="fa fa-clock-o"></i>13:10</small>
                    <h5 class="media-heading">Compliance Officer</h5>
                    <p class="col-lg-10" style="padding-left: 0;">Some Comment about the breach report that is filled by Compliance Officer</p>
                </div>
            </div>
        </div>
        <div class="send-wrap ">
            <textarea class="form-control send-message" rows="3" placeholder="Write a Comment..."></textarea>
        </div>
        <div class="btn-panel">
            <a href="" class=" col-lg-4 text-right btn send-message-btn pull-right" role="button"><i class="fa fa-plus"></i> Send Message</a>
        </div>
    </div> -->
                                </div>

                                <!-- END OF THE CODE -->
                                <!-- </div> -->
                            </form>
                        </div>
                    </div>
                </div>
            </div>


        </div>

    </div>

    <!-- /Page Wrapper -->



</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
//     $("#ml_client").on('change', function() {
//         if ($(this).is(':checked')) {
//             $(this).attr('value', '1');
//          } else {
//             $(this).attr('value', '0');
//         }
// });

// $("#ml_investor").on('change', function() {
//         if ($(this).is(':checked')) {
//             $(this).attr('value', '2');
//          } else {
//             $(this).attr('value', '0');
//         }
// });

// $("#ml_epea").on('change', function() {
//         if ($(this).is(':checked')) {
//             $(this).attr('value', '3');
//          } else {
//             $(this).attr('value', '0');
//         }
// });
    function SubmitForm(){
        let error = 0;
        let br_issue_resolved_process =  $('#br_issue_resolved_process').val();
        if(br_issue_resolved_process === ''){
            error = 1;
            $('#error_br_issue_resolved_process').html('<p style="color:red;">It is Required</p>');
        }else{
            $('#error_br_issue_resolved_process').html(''); 
        }

        let br_date_matter_resolved =  $('#br_date_matter_resolved').val();
        if(br_date_matter_resolved === ''){
            error = 1;
            $('#error_br_date_matter_resolved').html('<p style="color:red;">It is Required</p>');
        }else{
            $('#error_br_date_matter_resolved').html(''); 
        }

        let br_late_receive_detail =  $('#br_late_receive_detail').val();
        if(br_late_receive_detail === ''){
            error = 1;
            $('#error_br_late_receive_detail').html('<p style="color:red;">It is Required</p>');
        }else{
            $('#error_br_late_receive_detail').html(''); 
        }

        let to_prevent_reoccurrence =  $('#to_prevent_reoccurrence').val();
        if(to_prevent_reoccurrence === ''){
            error = 1;
            $('#error_to_prevent_reoccurrence').html('<p style="color:red;">It is Required</p>');
        }else{
            $('#error_to_prevent_reoccurrence').html(''); 
        }

        let br_internal_remediation =  $('#br_internal_remediation').val();
        if(br_internal_remediation === ''){
            error = 1;
            $('#error_br_internal_remediation').html('<p style="color:red;">It is Required</p>');
        }else{
            $('#error_br_internal_remediation').html(''); 
        }
        let br_remediation_dms_reference =  $('#br_remediation_dms_reference').val();
        if(br_remediation_dms_reference === ''){
            error = 1;
            $('#error_br_remediation_dms_reference').html('<p style="color:red;">It is Required</p>');
        }else{
            $('#error_br_remediation_dms_reference').html(''); 
        }

        // let ml_client = $('#ml_client').val();
        // let ml_investor = $("#ml_investor").val();
        // let ml_epea = $("#ml_epea").val();
        // if(ml_client === 0  ||  ml_investor === 0 ||  ml_epea == 0){
        //     error = 1;
        //     $('#error_ml_client').html('<p style="color:red;">It is Required</p>');
        // }else{
        //     $('#error_ml_client').html(''); 
        // }

        
        if(error === 0){
           // console.log('hello mahesh');
            document.getElementById("form-change").submit();
        } 
    }
</script>
@endsection