@extends('layouts.main_frontend')
@section('title','RCSA - View RCSA Planner')
@section('main-content')
<link rel="stylesheet" href="{{asset('/css/frontend/rcsa_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('rcsalist') }}"><i class="fas fa-chevron-left"></i></a>
            <h1 class="">View 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" value="{{$model->rcsa_reference_num}}"  readonly>
                                </div>
                                <div class="form-group">
                                    <label for="orgName">Organization</label>
                                    <input type="text" class="form-control" value="{{$organization ?? ''}}" readonly>
                                </div>
                                <div class="form-group">
                                    <label for="select-dept-name">Department Name / Business Entity / Process</label>
                                    <input type="text" class="form-control" value="{{$unitType ?? ''}}" readonly>
                                </div>
                                <div class="form-group">
                                    <label for="assesment-frequency">Assesment Frequency</label>
                                    <input type="text" class="form-control" value="{{ucwords($model->assessment_frequency) ?? ''}}" readonly> 
                                </div>
                                <div class="form-group">
                                    <label for="purpose-scope">Purpose/Scope</label>
                                    <textarea class="form-control heightsetting" rows="4" cols="50">{{ucwords($model->purpose_scope) ?? ''}}</textarea> 
                                </div>
                                <div class="form-group">
                                    <label for="instruction">Instruction</label>
                                    <textarea class="form-control heightsetting" rows="4" cols="50">{{ucwords($model->instruction) ?? ''}}</textarea> 
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-12">
                                <fieldset class="fieldset-validity">
                                    <legend class="validity">Assessment Dates</legend>
                                    <div class="row validitysection">
                                        <div class="col-lg-6 col-md-6 borderdisplay">
                                            <div class="form-group">
                                                <label for="from-date">From Date</label>
                                                <input type="text" class="form-control" value="{{ isset($model->rcsa_from_date) ? date('d M Y', strtotime($model->rcsa_from_date)) : '' }}" readonly>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <div class="form-group">
                                                <label for="to-date">To Date</label>
                                                <input type="text" class="form-control" value="{{ isset($model->rcsa_to_date) ? date('d M Y', strtotime($model->rcsa_to_date)) : '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                                <fieldset class="fieldset-validity">
                                    <legend class="respondant">Respondants</legend>
                                                                        @foreach($getRespondants as $respondant)
                                        <div class="form-group">
                                            <label for="respondant-one">Respondant Name {{$key}}</label>
                                            <input type="text" class="form-control" value="{{$respondant ?? ''}}" readonly>
                                        </div>
                                                                            @endforeach
                                </fieldset>
                                <!-- <div class="form-group">
                                    <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>
</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