@extends('layouts.main_frontend')
@section('title','RCSA - View Action-plan')
@section('main-content')
<!-- Showing single of Action-plans-data -->
<link rel="stylesheet" href="{{asset('/css/frontend/action_view.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">
   <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="">View 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 ?? ''}}" readonly="readonly" id="orgName" aria-describedby="emailHelp" placeholder="Organization Name">
                        </div>
                        <div class="form-group">
                           <label for="deptName">Department Name / Business Entity Name / Process</label>
                           <input type="text" class="form-control" value="{{ $deptType ?? '' }}" readonly="readonly" id="deptName" aria-describedby="emailHelp" placeholder="{{ $deptType ?? ''}}">
                        </div>
                         <div class="form-group">
                           <label for="risk-event-no">Action Reference Number</label>
                           <input type="text" class="form-control" value="{{ $model->action_ref_no ?? '' }}" readonly="readonly" id="risk-event-no" aria-describedby="emailHelp" placeholder="65758476">
                        </div>
                        <div class="form-group">
                           <label for="risk-event-no">Risk Reference Number</label>
                           <input type="text" class="form-control" value="{{ $model->risk_reference_num ?? '' }}" readonly="readonly" id="risk-event-no" aria-describedby="emailHelp" placeholder="65758476">
                        </div>
                        <div class="form-group">
                           <label for="risk-event-desc">Risk Event Description</label>
                           <textarea class="form-control" readonly="readonly" id="risk-event-desc" rows="4" cols="50" placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit. ">{{ ucwords($model->risk_description) ?? '' }}</textarea> 
                        </div>
                        <div class="form-group">
                           <label for="action-task">Action/Task</label>
                           <input type="text" class="form-control" value="{{ ucwords($model->action_task) ?? '' }}" readonly="readonly" id="action-task" aria-describedby="emailHelp" placeholder="Action"> 
                        </div>
                        <div class="form-group">
                           <label for="team-responsible"> Action Plan Owner </label>
                           <input type="text" class="form-control" value="{{ ucwords($model->responsible_persons) ?? '' }}" readonly="readonly" id="team-responsible" aria-describedby="emailHelp" placeholder="IT Team">
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-12">
                        <div class="form-group">
                           <label for="priority-level">Priority Level</label>
                           <input type="text" class="form-control" value="{{ $level ?? '' }}" readonly="readonly" id="priority-level" aria-describedby="emailHelp" placeholder="High">                               
                        </div>
                        <div class="form-group">
                           <label for="target-date">Target Completion Date</label>
                           <input type="text" class="form-control" value="{{ date('d M Y', strtotime($model->target_date)) ?? '' }}" readonly="readonly" id="target-date" aria-describedby="emailHelp" placeholder="21st June 2021">
                        </div>
                        <div class="form-group">
                           <label for="action-plan-status">Action Status</label>
                           <input type="text" class="form-control" value="{{ ucfirst($model->status) ?? '' }}" readonly="readonly" id="action-plan-status" aria-describedby="emailHelp" placeholder="Open">                      
                        </div>
                        <div class="form-group">
                           <label for="action-plan-status">Approval Status</label>
                           <input type="text" class="form-control" value="{{ ucfirst($model->approval_status) ?? '' }}" readonly="readonly" id="action-plan-status" aria-describedby="emailHelp" placeholder="Open">                      
                        </div>
                        <div class="form-group">
                           <label for="action-comment">Comments</label>
                           <textarea class="form-control" readonly="readonly" id="action-comment" rows="4" cols="50">{{ ucwords($model->comments) ?? '' }}</textarea>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</main>

@endsection
@section('additionaljs')
<script type="text/javascript">
    $(document).on('show','.accordion', function (e) {
        $(e.target).prev('.accordion-heading').addClass('accordion-opened');
    });
    $(document).on('hide','.accordion', function (e) {
        $(this).find('.accordion-heading').not($(e.target)).removeClass('accordion-opened');
    });
</script>
@endsection