@extends('layouts.main_frontend')
@section('title','RCSA - Add Action-plan Form')

@section('main-content')
<link rel="stylesheet" href="{{asset('/css/frontend/action_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-actions" 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('actionplans') }}"><i class="fas fa-chevron-left"></i></a>
             <h1 class="">Action Plan Form</h1>
          </div>
          <div id="main">
             <div class="container">
                <div class="accordion" id="faq">
                   <div class="card">
                      <div class="card-header" id="faqhead1">
                         <a href="#" class="btn btn-header-link" data-toggle="collapse" data-target="#faq1"
                            aria-expanded="true" aria-controls="faq1">Field</a>
                      </div>
                      <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="orgName">Organization Name</label>
                               <input type="text" class="form-control" value="{{$orgName['name']??''}}" readonly><input type="hidden" name="organization_id" value="{{$orgName['id'] ?? ''}}">
                            </div>
                            <div class="form-group">
                               <label for="select-dept-name">Department Name / Business Entity Name / 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" autofocus="on">
                                    <option value="">Select Department Name / Business Entity Name / Process</option>
                                      @if($unitType)
                                          @foreach($unitType 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="action-event-no">Action Reference Number <span class="req-span">*</span> </label>
                               <input type="text" class="form-control" name="action_ref_no" value="{{ $model->action_ref_no ?? $action_ref_no }}" id="action_ref_no" readonly>
                                <span class="alert-message" id="action_ref_no_err"></span>      
                                <label for="action_ref_no" class="error"></label>
                            </div>

                            <div class="form-group">
                               <label for="risk-event-no">Risk Event Reference Number <span class="req-span">*</span></label>
                                
                                <div class="select_custom">
                                  <i class="fas fa-sort-down"></i>
                                  <select class="form-control" id="risk_reference_num" name="risk_reference_num">
                                    <option value="">Select Risk Reference Number</option>
                                      @if($risks)
                                          @foreach($risks as $key => $val)
                                            <option value="{{ $val->reference_no }}" {{ (isset($model) ? $model->risk_reference_num   : old('risk_reference_num')) == $val->reference_no ? 'selected' : '' }}>{{ $val->reference_no }}</option>
                                          @endforeach
                                      @endif
                                    </select>
                               </div>

                                <span class="alert-message" id="risk_reference_num_err"></span>      
                                <label for="risk_reference_num" class="error"></label>
                            </div>

                            <div class="form-group">
                               <label for="risk-event-desc">Risk Event Description <span class="req-span">*</span> </label>
                               <textarea class="form-control" id="risk_event_desc" name="risk_event_desc" rows="4" cols="60" placeholder="Please enter description"></textarea> 
                               <span class="alert-message" id="risk_event_desc_err"></span>      
                                <label for="risk_event_desc" class="error"></label>
                                <span class="risk_event_desc_err"></span>
                            </div>
                            <div class="form-group">
                               <label for="action-task">Action/Task <span class="req-span">*</span> </label>
                               <input type="text" class="form-control" name="action_task" value="{{ old('action_task') }}" id="action_task" placeholder="Please enter action/task" onKeyPress="return ValidateAlpha(event);"> 
                               <span class="alert-message" id="action_task_err"></span>      
                                <label for="action_task" class="error"></label>
                            </div>
                            <div class="form-group">
                               <label for="team-responsible">Action Plan Owner <span class="req-span">*</span>  </label>
                               <div class="select_custom">
                                  <i class="fas fa-sort-down"></i>
                                  <select class="form-control" id="team_responsible" name="team_responsible" onKeyPress="return ValidateAlpha(event);">
                                    <option value=""> Select Action Plan Owner </option>
                                      @if($units)
                                          @foreach($units as $key => $val)
                                            <option value="{{ $val->name }}" {{ (isset($model) ? $model->responsible_persons : old('team_responsible')) == $val->name ? 'selected' : '' }}>{{ $val->name }}</option>
                                          @endforeach
                                      @endif
                                    </select>
                               </div>

                               <span class="alert-message" id="team_responsible_err"></span>      
                                <label for="team_responsible" class="error"></label>
                            </div>
                         </div>
                         <div class="col-lg-6 col-md-12">
                            <div class="form-group">
                               <label for="priority-level">Priority Level <span class="req-span">*</span>  </label>
                               <div class="select_custom">
                                  <i class="fas fa-sort-down"></i>
                                  <select class="form-control" id="priority_level" name="priority_level"  onKeyPress="return ValidateAlpha(event);" >
                                    @foreach($priorityLevel as $key => $val)
                                        <option value="{{ $key }}" {{ (isset($model) ? $model->priority_level : old('priority_level')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                    @endforeach
                                  </select>
                                  <span class="alert-message" id="priority_level_err"></span>      
                                <label for="priority_level" class="error"></label>
                               </div>
                            </div>
                            <div class="form-group">
                               <label for="target-date">Target Completion Date <span class="req-span">*</span>  </label>
                                    <input type="date" class="form-control" name="target_date" value="{{ !empty($org_data->target_date) ? date('d/m/Y', strtotime($org_data->target_date)) : '' }}" id="target_date" style="display: inline-block;" placeholder="Select Target Completion Date"> 
                                <!-- <div class="" data-provide="datepicker" > -->
                                  <label for="target_date" class="error"></label>
                                  <span class="alert-message" id="target_date_err"></span> 
                                <!-- </div> -->
                            </div>
                            <div class="form-group">
                               <label for="action-plan-status">Status <span class="req-span">*</span>  </label>
                               <div class="select_custom">
                                  <i class="fas fa-sort-down"></i>
                                  <select class="form-control" name="action_plan_status" id="action_plan_status"  onKeyPress="return ValidateAlpha(event);" >
                                     @foreach($planStatus as $key => $val)
                                        <option value="{{ $key }}" {{ (isset($model) ? $model->action_plan_status : old('action_plan_status')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                    @endforeach
                                  </select>
                                  <span class="alert-message" id="action_plan_status_err"></span>      
                                <label for="action_plan_status" class="error"></label>
                               </div>
                            </div>
                            <div class="form-group">
                               <label for="action-comment">Comments</label>
                               <textarea class="form-control" name="comments" id="comments" rows="4" cols="60" placeholder="Please enter comments"></textarea>
                               <span class="alert-message" id="comments_err"></span>      
                                <label for="comments" class="error"></label>
                            </div>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
          </div>
        </div>
        <div class="d-flex btn_wrap">
            <input class="btn btn-primary btn-custom btn_custom_noBg" id="cancel_btn" type='' value='Cancel'>
            <!--<button type="button" class="btn btn-primary btn-custom btn_custom_bg" id="draft_btn">Draft</button>-->
            <button type="button" class="btn btn-primary btn-custom btn_custom_bg" 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('actionplans') }}";
    var storeUrl = "{{ route('actionplans.store') }}";
    var csrfTokens = "{{ csrf_token() }}";
    var getRiskDescUrl = "{{ url('actionplans/getriskdesc') }}";

    $(function(){
    var dtToday = new Date();
    
    var month = dtToday.getMonth() + 1;
    var day = dtToday.getDate();
    var year = dtToday.getFullYear();
    if(month < 10)
        month = '0' + month.toString();
    if(day < 10)
        day = '0' + day.toString();
    
    var maxDate = year + '-' + month + '-' + day;

    // or instead:
    // var maxDate = dtToday.toISOString().substr(0, 10);

    $('#target_date').attr('min', maxDate);
});

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