@extends('layouts.main_frontend')
@section('title','RCSA - Edit RCSA Planner')
@section('main-content')
<link rel="stylesheet" href="{{asset('/css/frontend/rcsa_edit.css')}}" type="text/css" />

<main role="main" class="col-md-9 ml-sm-auto col-lg-10 dashboard-page-head edit-document document pt-3 pb-2 mb-2">
    <form action="" method="POST" id="edit-planner" enctype="multipart/form-data">
      @csrf
        @method('PUT')
        <div>
            <div class="d-flex flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-2">
                <a href="{{ route('rcsalist') }}"><i class="fas fa-chevron-left"></i></a>
                <h1 class="">Edit RCSA Planner</h1>
            </div>
            <div class="row" id="main">
                <div class="col-lg-6 col-md-12">
                    <form action="">
                        <div class="form-group">
                            <label for="risk-asses-refno">Risk Assesment Ref. No.</label>
                            <input type="text" class="form-control" id="risk-asses-refno" value="{{$model->rcsa_reference_num ?? $rcsa_ref_no}}" placeholder="01112" readonly>
                            <input type="hidden" name="rcsa_reference_num" value="{{$model->rcsa_reference_num ?? $rcsa_ref_no}}">
                        </div>
                        <div class="form-group">
                            <label for="organizationName">Organization Name</label>
                            <input type="text" class="form-control" id="organizationNames" value="{{$organization['name']??''}}" placeholder="NeoSOFT Technologies" readonly>
                            <input type="hidden" name="organization_id" value="{{$organization['id'] ?? ''}}">
                        </div>
                        <div class="form-group">
                            <label for="select-dept-name">Department Name/Business Entity/Process <span class="req-span">*</span> </label>
                            <div class="select_custom">
                              <i class="fas fa-sort-down"></i>
                              <select class="form-control" id="unit_id" name="unit_id">
                                <option value="">Select Department Name/Business Entity Name/Process</option>
                                  @if($units)
                                      @foreach($units as $key => $val)
                                        <option value="{{ $val['id'] }}" {{ (isset($model) ? $model->unit_id   : old('unit_id')) == $val['id'] ? 'selected' : '' }}>{{ $val['name'] }}</option>
                                      @endforeach
                                  @endif
                                </select>
                           </div>
                        </div>
                        <div class="form-group">
                            <label for="assesment-frequency">Assesment Frequency <span class="req-span">*</span> </label>
                            <div class="select_custom">
                                <i class="fas fa-sort-down"></i>
                                <select class="form-control" name="assessment_frequency" id="assessment_frequency">
                                    @foreach($frequencies as $key => $val)
                                        <option value="{{ $key }}" {{ (isset($model->assessment_frequency) ? $model->assessment_frequency : old('assessment_frequency')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <label for="assessment_frequency" class="error"></label>
                            <span class="alert-message" id="assessment_frequency_err"></span>
                        </div>
                        <div class="form-group">
                            <label for="purpose-scope">Purpose/Scope <span class="req-span">*</span> </label>
                            <textarea class="form-control heightsetting" name="purpose_scope" id="purpose_scope" rows="4" cols="50">{{ $model->purpose_scope ?? ''}}</textarea> 
                            <label for="purpose_scope" class="error"></label>
                            <span class="alert-message" id="purpose_scope_err"></span>
                        </div>
                        <div class="form-group">
                            <label for="instruction">Instruction</label>
                            <textarea class="form-control heightsetting" name="instruction" id="instruction" rows="4" cols="50">{{ $model->instruction ?? ''}}</textarea> 
                            <label for="instruction" class="error"></label>
                            <span class="alert-message" id="instruction_err"></span>  
                        </div>
                    </form>
                </div>
                <div class="col-lg-6 col-md-12">
                    <fieldset class="fieldset-validity">
                        <legend class="validity">Assessment Dates</legend>
                        <div class="form-group">
                            <label for="from-date">From Date <span class="req-span">*</span> </label>
                            
                                <input type="date" class="form-control" name="from_date" value="{{ !empty($model->rcsa_from_date) ? strftime('%Y-%m-%d',strtotime($model->rcsa_from_date)) : '' }}" id="from_date" style="display: inline-block;"> 
                                <label for="from_date" class="error"></label>
                                <span class="alert-message" id="from_date_err"></span> 
                        </div>
                        <div class="form-group">
                            <label for="to-date">To Date <span class="req-span">*</span> </label>
                            
                                <input type="date" class="form-control" name="to_date" value="{{ !empty($model->rcsa_to_date) ? strftime('%Y-%m-%d',strtotime($model->rcsa_to_date)) : '' }}" id="to_date" style="display: inline-block;"> 
                                <label for="to_date" class="error"></label>
                                <span class="alert-message" id="to_date_err"></span> 
                            
                        </div>
                    </fieldset>
                    <fieldset class="fieldset-validity">
                        <legend class="respondant">Respondants <span class="req-span">*</span> </legend>
                                                @if($model->respondant_id)
                        
                            <div class="mainSectionRespondant">
                                @foreach($getRespondants as $ids => $respondant)
                                <!-- <div id="respondant_group{{$i}}"> -->

                                
                                    <div class="form-group respondant_group_section ">
                                        <label for="respondant-one">Respondant Name</label>
                                        <!-- <input type="text" class="form-control" id="respondant-one" name="respondant_name[]" value="{{ $respondant ?? old('respondant_name')}}"> -->

                                        <div class="select_custom" id="respondant_group{{$i}}">
                                            <i class="fas fa-sort-down"></i>
                                            <select class="form-control" name="respondant_name[]" id="respondant-one">
                                                <option value="">Please Select Respondants</option>

                                                @foreach($dept_users as $key => $val)
                                                    <option value="{{ $val->id }}" {{ (isset($respondant) ? $respondant : old('respondant_name')) == $val->id ? 'selected' : '' }}>{{ ucwords($val->poc_name) }}</option>
                                                @endforeach
                                            </select>
                                            @if($i>1)
                                                <a href="javascript:void(0)" class="removeResBtn" style="color:#ff0000; font-weight:bold;">Remove</a>
                                            @endif
                                        </div>
                                        <label for="respondant_name[]" class="error"></label>
                                        <span class="alert-message" id="respondant_name_err"></span> 
                                        </div>
                                <!-- </div> -->
                                                                @endforeach
                            </div>
                        @else
                            @foreach($getRespondants as $ids => $respondant)
                            <!-- <div id="respondant_group{{$i}}"> -->

                                <div class="form-group">
                                    <label for="respondant-one">Respondant Name {{$i}}</label>
                                    <!-- <input type="text" class="form-control" id="respondant-one" name="respondant_name[]" value="{{ $respondant ?? old('respondant_name')}}"> -->

                                    <div class="select_custom" id="respondant_group{{$i}}">
                                        <i class="fas fa-sort-down"></i>
                                        <select class="form-control" name="respondant_name[]" id="respondant-one">
                                            <option value="">Please Select Respondants</option>

                                            @foreach($dept_users as $key => $val)
                                                <option value="{{ $val->id }}" {{ (isset($respondant) ? $respondant : old('respondant_name')) == $val->id ? 'selected' : '' }}>{{ ucwords($val->poc_name) }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <label for="respondant_name[]" class="error"></label>
                                    <span class="alert-message" id="respondant_name_err"></span> 
                                </div>
                            <!-- </div> -->
                                                        @endforeach
                        @endif
                    </fieldset>
                    <div class="form-group">
                        <input class="btn btn-primary btn-custom btn_custom_noBg align-right-side" type='button' value='Add More' id='addBtn'>
                    </div>
                </div>
            </div>
            <div id="edit-risk" style="display: none;">
                <div class="container">
                    <div class="accordion" id="faq">
                        <div class="card">
                            <div id="faq1" class="row collapse show" aria-labelledby="faqhead1" data-parent="#faq">
                                <div class="col-lg-12 col-md-12">
                                    <div class="form-group">
                                        
                                        <div class="list-section table-responsive mt-4">
                                            <div class="row">
                                                <table id="myTable" class="table table-responsive" cellpadding="10" cellspacing="0">
                                                    <thead>
                                                        <tr>
                                                            <th>Select</th>
                                                            <th>Risk Ref. No.</th>
                                                            <th>Risk Event Name</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if(!empty($risk_list))
                                                        @foreach($risk_list as $row)
                                                        <tr>
                                                            <td style="width:20%;"><input type="checkbox" name="risks[]" value="{{$row->id}}" {{ (in_array($row->id, $rcsa_risk_list) ? 'checked' : '') }}></td>
                                                            <td style="width:20%;">{{$row->reference_no}}</td>
                                                            <td style="width:20%;">{{$row->name}}</td>
                                                        </tr>
                                                        @endforeach
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- end add risk -->
            <div class="d-flex btn_wrap">

                <input type="hidden" name="is_draft" id="is_draft" value="0">
                <input class="btn btn-primary btn-custom btn_custom_noBg" id="cancelBtn" type='' value='Cancel'>
                <button type="button" class="btn btn-primary btn-custom btn_custom_noBg" id="nextBtn" data-mode="next">Next</button>
                <button type="button" class="btn btn-primary btn-custom btn_custom_bg" id="draftBtn">Draft</button>
                <button type="button" class="btn btn-primary btn-custom btn_custom_bg" id="submitBtn">Submit</button>
            </div>
        </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>
    var indexUrl = "{{ route('rcsalist') }}";
    var updateUrl = "{{ url('rcsalist/update') }}";
    var model_id = '';
    var respondant_counts = '0';
    var increamentent_respondant = '1';
    var getRespondantUrl = "{{ url('rcsalist/getrespondant') }}";
    var csrfTokens = "{{ csrf_token() }}";
    var countsOfDeptUser = "{{ count($dept_users) }}";
    
    var respondant_list;
    respondant_list = '<i class="fas fa-sort-down"></i><select class="form-control" id="respondant-one" name="respondant_name[]">';
    respondant_list += '<option value=""> Please Select Respondants </option>';
        
        respondant_list += '</select>';

</script>
<script src="{{asset('/js/frontend/rcsa_edit.js')}}" type="text/javascript"></script>
@endsection