@extends('layouts.main_frontend')
@section('title','RCSA - Add RCSA Planner')

@section('main-content')
<link rel="stylesheet" href="{{asset('/css/frontend/rcsa_create.css')}}" type="text/css" />

 <main role="main" class="col-md-9 ml-sm-auto col-lg-10 edit-document dashboard-page-head document pt-3 pb-2 mb-2">
    <form action="" method="POST" id="add-rcsa-planer" enctype="multipart/form-data">
    @csrf
        <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="">RCSA Planner</h1>
            </div>
            <div id="main">
                <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-6 col-md-12">
                                    <div class="form-group">
                                        <label for="risk-asses-ref-no">Risk Assesment Ref. No.</label>
                                        <input type="text" class="form-control" id="risk-asses-ref-no" value="{{$rcsa_ref_no ?? old('rcsa_reference_num')}}" readonly>
                                        <input type="hidden" name="rcsa_reference_num" value="{{$rcsa_ref_no ?? old('rcsa_reference_num')}}">
                                    </div>
                                    <div class="form-group">
                                        <label for="orgName">Organization</label>
                                        <input type="text" class="form-control" id="orgName" value="{{$organization['name']??''}}" 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" placeholder="Please enter purpose/scope of rcsa">{{ old('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" placeholder="Please enter the instruction">{{ old('instruction') }}</textarea> 
                                        <label for="instruction" class="error"></label>
                                        <span class="alert-message" id="instruction_err"></span> 
                                    </div>
                                </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) ? date('d/m/Y', 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) ? date('d/m/Y', 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>
                                        <!-- <div id="respondant_group"> -->
                                            <div class="form-group mainSectionRespondant">
                                                <label for="respondant-one">Respondant Name</label>
                                                <!-- <input type="text" class="form-control" id="respondant-one" name="respondant_name[]" value="{{old('respondant_name')}}"> -->

                                                <div class="select_custom" id="respondant_group">
                                                    <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($model->respondant_id) ? $model->respondant_id : 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> -->
                                    </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'>

                                        <!-- <button type="" class="btn btn-primary btn-custom btn_custom_noBg align-right-side">Add More</button> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="add-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}}"/></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>
        <div class="d-flex btn_wrap">

            <input type="hidden" name="is_draft" id="is_draft" value="no">
            <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 form-submit" id="draftBtn">Draft</button>
            <button type="button" class="btn btn-primary btn-custom btn_custom_bg form-submit" id="submitBtn">Submit</button>
        </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 riskIndexUrl = "{{ route('risks.index') }}";
    var addUrl = "{{ route('rcsalist.store') }}";
    var countsOfDeptUser = "{{ count($dept_users) }}";
    var getRespondantUrl = "{{ url('rcsalist/getrespondant') }}";
    var csrfTokens = "{{ csrf_token() }}";
    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_create.js')}}" type="text/javascript"></script>
@endsection