@extends('Training::backend.layouts.app')

@section('title', 'Rating List')

@push('css')
    <link href="{{ asset('assets/admin/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet"
          type="text/css"/>
    <link href="{{ asset('assets/admin/plugins/select2/select2.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/admin/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') }}"
          rel="stylesheet"
          type="text/css"/>
@endpush

@section('content')
    <!-- Page Content-->
    <div class="page-content-tab">
        <div class="container-fluid">
            <!-- Page-Title -->
            <div class="row">
                <div class="col-sm-12 col-md-6">
                    <div class="page-title-box">
                        <h4 class="page-title">TNA Rating Info</h4>
                    </div>
                    <!--end page-title-box-->
                </div>

                <div class="col-sm-12 col-md-6">
                    <div class="page-title-box text-right">
                        <a href="{{ url('admin/training/tna-report') }}"><h4 class="page-title">TNA Report</h4></a>
                    </div>
                    <!--end page-title-box-->
                </div>
                <!--end col-->
            </div>
            <!--end row-->
            <!-- end page title end breadcrumb -->
            <div class="row">
                <div class="col-md-12">
                    <div class="p-4 card">
                        <div class="page-title-box">
                            <h4 class="">Candidate Info</h4>
                        </div>
                        <div class="row ml-2">
                            <div class="col-md-6">
                                <h5>Candidate Name: {!! $trTestParticipants->selectedCandidate->candidate->user->name ?? ''  !!}</h5>
                            </div>

                            <div class="col-md-6">
                                <h5>Batch Name: {!! $trTestParticipants->selectedCandidate->batch_name ?? ''  !!}</h5>
                            </div>

                            <div class="col-md-6">
                                <h5>Candidate Email: {!! $trTestParticipants->selectedCandidate->candidate->user->email ?? ''  !!}</h5>
                            </div>

                            <div class="col-md-6">
                                <h5>Candidate Mobile: {!! $trTestParticipants->selectedCandidate->candidate->user->phone ?? ''  !!}</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <!--end col-->
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                @php $catname = "";
                                     $totalScore = 0;
                                     $avgScored = 0;
                                     $percentScored = 0;

                                @endphp

                                <div class="col-md-12 mb-3">
                                    <span class="headinfo">Knowledge/Skills/Abilities: (Rating: 2 = Poor,  4 = Below Average, 6 = Average, 8 = Above Average, 10 = Good)</span>
                                </div>

                                @foreach ($tnaInfo as $key=>$infoval)

                                @php
                                $catNewName = $infoval->TrTrainingTlCategory->tls_category_name;
                                $fontName = (isset($tnaInfo[$key+1]->TrTrainingTlCategory->tls_category_name)) ? $tnaInfo[$key+1]->TrTrainingTlCategory->tls_category_name : "";
                                @endphp

                                    @if ($catNewName != $catname )
                                        <div class="col-lg-4 col-sm-12 col-md-4">
                                            <div class="">
                                              <h5 class="mb-4">{{ $catNewName }}</h5>
                                            </div>
                                            <table class="table table-bordered table-striped">
                                                <thead class="skillThead">
                                                    <tr>
                                                        <th>Skill</th>
                                                        <th>Rating</th>
                                                    </tr>
                                                </thead>
                                    @endif


                                         <tr>
                                            <td>{!! $infoval->TrTrainingTl->tls_name !!}</td>
                                            <td>{!! $infoval->tna_rating !!}</td>
                                         </tr>


                                    @if ($catNewName != $fontName )
                                          </table>
                                        </div>
                                    @endif

                                   @php

                                     $catname = $infoval->TrTrainingTlCategory->tls_category_name;

                                     $totalScore = $infoval->tna_rating + $totalScore;
                                     $percentScored = $infoval->tna_rating + $percentScored;

                                   @endphp


                                @endforeach


                            </div>
                            <!-- end row -->


                            <div class="row">
                                <div class="ml-3"> <h5>Total</h5></div>
                            </div>
                                <div class="col-md-12">

                                    <h5>Total Score : {!! $totalScore !!}</h5>
                                    <h5>Average Score : {!! number_format($percentScored/count($tnaInfo),2) !!} (out of 10)</h5>
                                    <h5>Score% : {!! number_format(($percentScored/count($tnaInfo))*10,2) !!}%</h5>

                                </div>

                            </div>

                        </div><!--end card-body-->
                    </div><!--end card-->
                </div><!--end col-->
            </div><!--end row-->
        </div>
        <!-- footer -->
    @include('admin.sections.footer')
    <!--end footer-->
    </div>
    <!-- end page content -->
@endsection

@push('js')
    <script src="{{ asset('assets/admin/assets/js/sweetalert2.all.min.js') }}"></script>
    <script src="{{ asset('assets/admin/assets/js/sweet-toast-alert.js') }}"></script>
    <script src="{{ asset('assets/admin/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/admin/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('assets/admin/plugins/select2/select2.min.js') }}"></script>
    <script src="{{ asset('assets/admin/plugins/moment/moment.js') }}"></script>
    <script src="{{ asset('assets/admin/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js') }}"></script>

@endpush