@php
    $af_list = $skills ? $skills->where('skill_type', 'AF') : collect();
    $ps_list = $skills ? $skills->where('skill_type', 'PS') : collect();
    $r_af = \App\Models\Skill::ratingsFrom($exr->af, $af_list);
    $r_ps = \App\Models\Skill::ratingsFrom($exr->ps, $ps_list);
@endphp
<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header header-elements-inline bg-danger">
                <h6 class="card-title font-weight-bold">AFFECTIVE TRAITS</h6>
                {!! Qs::getPanelOptions() !!}
            </div>

            <div class="card-body collapse">
                @if(!empty($can_edit))
                <form class="ajax-update" method="post" action="{{ route('marks.skills_update', ['AF', $exr->id]) }}">
                    @csrf @method('PUT')
                    @foreach($af_list as $af)
                        <div class="form-group row">
                            <label for="af" class="col-lg-6 col-form-label font-weight-semibold">{{ $af->name }}</label>
                            <div class="col-lg-6">
                                <select data-placeholder="Select" name="af[{{ $af->id }}]" class="form-control select">
                                    <option value=""></option>
                                    @for($i=1; $i<=5; $i++)
                                        <option {{ ($r_af[$af->id] ?? null) == $i ? 'selected' : '' }} value="{{ $i }}">{{ $i }}</option>
                                    @endfor
                                </select>

                            </div>
                        </div>
                    @endforeach
                    @if($af_list->isEmpty())<p class="text-muted">None set up yet. An Admin can add them under Exams &gt; Skills &amp; Traits.</p>@endif

                    <div class="text-right">
                        <button type="submit" class="btn btn-primary">Submit form <i class="icon-paperplane ml-2"></i></button>
                    </div>
                </form>
                @else
                    <table class="table table-sm table-bordered">
                        @foreach($af_list as $sk)
                            <tr><td class="font-weight-semibold">{{ $sk->name }}</td><td class="text-center" style="width:80px">{{ $r_af[$sk->id] ?? '-' }}</td></tr>
                        @endforeach
                    </table>
                @endif
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="card">
            <div class="card-header header-elements-inline bg-success">
                <h6 class="card-title font-weight-bold">PSYCHOMOTOR SKILLS</h6>
                {!! Qs::getPanelOptions() !!}
            </div>

            <div class="card-body collapse">
                @if(!empty($can_edit))
                <form class="ajax-update" method="post" action="{{ route('marks.skills_update', ['PS', $exr->id]) }}">
                    @csrf @method('PUT')
                    @foreach($ps_list as $ps)
                        <div class="form-group row">
                            <label for="ps" class="col-lg-6 col-form-label font-weight-semibold">{{ $ps->name }}</label>
                            <div class="col-lg-6">
                                <select data-placeholder="Select" name="ps[{{ $ps->id }}]" class="form-control select">
                                    <option value=""></option>
                                    @for($i=1; $i<=5; $i++)
                                        <option {{ ($r_ps[$ps->id] ?? null) == $i ? 'selected' : '' }} value="{{ $i }}">{{ $i }}</option>
                                    @endfor
                                </select>
                            </div>
                        </div>
                    @endforeach
                    @if($ps_list->isEmpty())<p class="text-muted">None set up yet. An Admin can add them under Exams &gt; Skills &amp; Traits.</p>@endif

                    <div class="text-right">
                        <button type="submit" class="btn btn-primary">Submit form <i class="icon-paperplane ml-2"></i></button>
                    </div>
                </form>
                @else
                    <table class="table table-sm table-bordered">
                        @foreach($ps_list as $sk)
                            <tr><td class="font-weight-semibold">{{ $sk->name }}</td><td class="text-center" style="width:80px">{{ $r_ps[$sk->id] ?? '-' }}</td></tr>
                        @endforeach
                    </table>
                @endif
            </div>
        </div>
    </div>
</div>