@extends('layouts.app_discussion')

@section('content')


<div class="container">
    <div class="row">
        <div class="col-md-3">
            @include('includes/dashboard/left_menu')
        </div>
        <div class="col-md-9 h-100">
            <div class="wrapper wrapper-content animated fadeInRight" style="min-height: 625px">
                <div class="ibox-content forum-container h-100">
                    <div class="col-lg-12">
                        <div class="forum-title">
                            <h3 class="text-primary">HR Function Urgency and Impact Assessment</h3>
                            {{ Breadcrumbs::render('tools.hrf-urgency-impact-assesment.view' ) }}
                            <table class="table table-bordered table-responsive">
                                <form action="" href="javascript void(0)" name="saveAssesmentForm" id="saveAssesmentForm">
                                    <tbody>
                                        <div id="assesmnet_count"></div>
                                        <tr>
                                            <td colspan="2" class="fw-bold">HR Accountability</td>
                                            <td class="fw-bold text-center">Business Urgency</td>
                                            <td class="fw-bold text-center">Business Impact</td>
                                        </tr>
                                        <tr></tr>
                                        @foreach($data as $focusarea)
                                            <tr>
                                                <th colspan="4" class="bg-primary text-white">{{ $focusarea->fa_full_form}}</th>
                                            </tr>
                                            @foreach($focusarea->faAccountability as $key=>$accountabilities)
                                                <tr>
                                                    <th scope="row" style="vertical-align: middle">
                                                        @if($accountabilities->maturityDevelopmentPlan !== null)
                                                            <input checked="checked" type="checkbox" disabled value="{{$accountabilities->id}}">
                                                        @else
                                                            <input type="checkbox" disabled value="{{$accountabilities->id}}">
                                                        @endif
                                                    </th>
                                                    <td style="vertical-align: middle">{{ $accountabilities->accountabilities }}</td>
                                                    <td class="text-center col">
                                                        <select disabled name="assesment[{{$accountabilities->id}}][business_urgency]" id="assesment{{$accountabilities->id}}business_urgency" class="form-select form-select-sm">
                                                            {{-- <option value="">Select...</option> --}}
                                                            @if($accountabilities->maturityDevelopmentPlan !== null)
                                                                @if($accountabilities->maturityDevelopmentPlan->business_urgency == 1)
                                                                    <option selected value="1">High</option>
                                                                @elseif($accountabilities->maturityDevelopmentPlan->business_urgency == 2)
                                                                    <option value="2">Medium</option>
                                                                @else
                                                                    <option value="3">Low</option>                                                                    
                                                                @endif
                                                            @endif
                                                        </select>
                                                    </td>
                                                    <td class="text-center">
                                                        <select disabled name="assesment[{{$accountabilities->id}}][business_impact]" id="assesment{{$accountabilities->id}}business_impact" class="form-select form-select-sm">
                                                            {{-- <option value="">Select...</option> --}}
                                                            @if($accountabilities->maturityDevelopmentPlan !== null)
                                                                @if($accountabilities->maturityDevelopmentPlan->business_impact == 1)
                                                                    <option selected value="1">High</option>
                                                                @elseif($accountabilities->maturityDevelopmentPlan->business_impact == 2)
                                                                    <option value="2">Medium</option>
                                                                @else
                                                                    <option value="3">Low</option>
                                                                @endif
                                                                
                                                            @endif
                                                        </select>
                                                    </td>

                                                </tr>
                                            @endforeach
                                        @endforeach
                                        <tr>
                                            <td style="vertical-align: middle" colspan="4">
                                                {{-- <button class="btn btn-primary btn-sm btn-rounded px-4" id="saveAssesmentBtn">Select</button> --}}
                                                <a href="#" class="btn btn-secondary btn-rounded  btn-sm px-4" data-bs-dismiss="modal">Cancel</a>
                                            </td>
                                        </tr>
                                        
                                    </tbody>
                                </form>
                            </table>
                        </div>
                    </div>  
                </div>
              </div>                 
          </div>
        </div>
@endsection

<script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery.min.js') }}"></script>