@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"> Compliance Analysis - Part II</h4>
						
					</div>
					<div class="col-auto">
						<button type="submit" class="btn btn-primary" onclick="SubmitForm()" title="Send" data-toggle="tooltip" class="btn btn-red font-wt-regular"><i class="fa fa-send"></i> Review & Submit</button>
						<!-- <a href="index.php" class="btn btn-primary" data-toggle="tooltip" title="Send to compliance"><i class="fa fa-send"></i></a> -->
						<a href="{{url('dashboard')}}" class="btn btn-danger mr-1">
							<i class="fa 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" action="{{url('final-compliance/'.$data->id)}}" class="form-horizontal" action="view-change.php" enctype="multipart/form-data">
			@csrf
                <div class="row">
                    <div class="col-md-12 col-sm-12">
					<div class="col-md-8 col-sm-12">
                    
                        <div class="col-sm-12">
                            <!-- <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" readonly 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">Date Part one received by Compliance <span class="error">*</span></label>
                                <div class="col-sm-8">
                                    <input type="date" required name="br_date_received_comp" class="form-control" id="br_date_received_comp" onblur="onchange()">
                                    <span id="error_br_date_received_comp"></span>
                                </div>
                            </div>

                            <div class="form-group col-sm-12">
                                <label class="col-sm-4">Date Breach Register Updated: <span class="error">*</span></label>
                                <div class="col-sm-8">
                                    <input type="date" required name="date_breach_register_updated" class="form-control" id="date_breach_register_updated" onblur="onchange()">
                                    <span id="error_date_breach_register_updated"></span>
                                </div>
                            </div>
							
                        </div>


                        <div class="form-group col-md-12">
                            <label class="col-sm-12">ONCE COMPLETED - send to Compliance Officer (or Ellie Banton in her absence) </label>
                        </div>
                        <div class="form-group col-sm-12">
                                <label class="col-sm-4">Compliance Officer confirmation Date:<span class="error">*</span></label>
                                <div class="col-sm-8">
                                    <input type="date" name="br_compliance_officer" class="form-control" id="br_compliance_officer">
                                    <span id="error_br_compliance_officer"></span>
                                </div>
                            </div>
							</div>
							<div class="col-md-4 col-sm-12">
            <div class="btn-panel">
                @if($data->stage ==1)
                    <a href="{{url('compliance/'.$data->id)}}" class="btn pull-right" target="_blank" data-toggle="tooltip" title="" data-original-title="View Breach Report - I"><i class="fa fa-eye"></i></a>
                    @if($data->status ==0)
                    <a href="{{url('draft-approval/'.$data->id)}}" class="btn pull-right" target="_blank" data-toggle="tooltip" title="send for approval" data-original-title="View Breach Report - I"><i class="fa fa-send"></i></a>
                    @endif
                @elseif($data->stage==2)
                    <a href="{{url('compliance/'.$data->id)}}" class="btn pull-right" target="_blank" data-toggle="tooltip" title="" data-original-title="View Breach Report - I" ><i class="fa fa-eye"></i></a>
                    <!-- <a href="{{url('view-final-breach-report/'.$data->id)}}" class="btn pull-right" target="_blank" data-toggle="tooltip" title="" data-original-title="View Breach Report - II" ><i class="fa fa-eye"></i></a> -->
                @elseif($data->stage==3)
                    <a href="{{url('compliance/'.$data->id)}}" class="btn pull-right" target="_blank" data-toggle="tooltip" title="" data-original-title="View Breach Report - I"><i class="fa fa-eye"></i></a>
                @elseif($data->stage==4)
				    <a href="{{url('view-final-breach-report/'.$data->id)}}" class="btn pull-right" target="_blank" data-toggle="tooltip" title="" data-original-title="View Breach Report - II"><i class="fa fa-eye"></i></a>
                    <a href="{{url('compliance/'.$data->id)}}" class="btn pull-right" target="_blank" data-toggle="tooltip" title="" data-original-title="View Breach Report - I"><i class="fa fa-eye"></i></a>
                @elseif($data->stage==5)
                    @if($data->status == 7)
                    <a href="{{url('compliance/'.$data->id)}}" class="btn pull-right" target="_blank" data-toggle="tooltip" title="" data-original-title="View Breach Report - I"><i class="fa fa-eye"></i></a>
                    <a href="{{url('view-final-breach-report/'.$data->id)}}" class="btn pull-right" target="_blank" data-toggle="tooltip" title="" data-original-title="View Breach Report - II"><i class="fa fa-eye"></i></a>
                    @endif
                @endif
            </div>
        </div>
                    </div>
                </div>
                <!-- END OF THE CODE -->
                <div class="clearfix"></div>
            </form>
        </div>
							</div>
							
								</div>
							</div>

					

				</div>

			</div>

			<!-- /Page Wrapper -->

			

		</div>
    <script>
        function SubmitForm(){
            let error = 0;
            let br_date_received_comp =  $('#br_date_received_comp').val();
            if(br_date_received_comp === ''){
                error = 1;
                $('#error_br_date_received_comp').html('<p style="color:red;">It is Required</p>');
            }else{
                $('#error_br_date_received_comp').html(''); 
            }

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

            let br_compliance_officer =  $('#br_compliance_officer').val();
            if(br_compliance_officer === ''){
                error = 1;
                $('#error_br_compliance_officer').html('<p style="color:red;">It is Required</p>');
            }else{
                $('#error_br_compliance_officer').html(''); 
            }
            if(error === 0){
                document.getElementById("form-change").submit();
            } 
        }
    </script>
@endsection