@extends('admin.layout.master')
@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">Performance Appraisal Details</div>
                <div class="card-body">
                    <div class="row">
                        <div class='col-lg-3'>
                            <label>{{ __('obs.title') }} </label>
                            <p>
                                <strong>{{ $details->title }}</strong>
                            </p>
                        </div>

                        <div class='col-lg-3'>
                            <label>{{ __('obs.designation') }}</label>
                            @foreach ($designations as $item)
                                <p>
                                    <span class="badge badge-primary"> {{ $item->name }}</span>
                                </p>
                            @endforeach
                        </div>

                        <div class='col-lg-3'>
                            <label>{{ __('obs.department') }} </label>
                            <p>
                                <strong>{{ $details->getDepartment->name ?? '' }}</strong>
                            </p>
                        </div>
                    </div>

                    <table class="table table-bordered mt-4">
                        <thead>
                            <tr>
                                <th class="text-center">{{ __('obs.group_title') }}</th>
                                <th>Performance Criteria</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($groups as $key => $group)
                                <tr>
                                    <td class="text-center">{{ $group->name }}</td>
                                    <td>
                                        <div class="d-flex justify-content-start">
                                            @foreach ($group->criteria as $key => $criterias)
                                                <label class="p-2 m-2"
                                                    style="border: 1px solid black; background-color: #faf0f0">
                                                    {{ $criterias->name }}
                                                </label>
                                            @endforeach
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection