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

@section('title', 'TNA Update')

@push('css')
    <link href="{{ asset('assets/admin/plugins/rating/themes/rating.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/plugins/rating/themes/bars-square.css') }}" rel="stylesheet">
@endpush

@section('content')
    <!-- Page Content-->
    <div class="page-content-tab">
        <div class="container-fluid">
            <!-- Page-Title -->
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-title-box">
                        <div class="float-right">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <a href="javascript:void(0);">Training</a>
                                </li>
                                <li class="breadcrumb-item">
                                    <a href="{{ route('admin.training.ratings.index') }}">TNA Rating List</a>
                                </li>
                                <li class="breadcrumb-item active">Rating</li>
                            </ol>
                        </div>
                        <h4 class="page-title">Rating</h4>
                    </div>
                    <!--end page-title-box-->
                </div>
                <!--end col-->
            </div>
            <div class="row">
                <div class="col-md-12">
                    @if($errors->any())
                        <div id="mydiv" class="row">
                            <div class="col-md-12 mb-4">
                                @foreach ($errors->all() as $error)
                                    <div class="text-danger mb-1">* {{$error}}</div>
                                @endforeach
                            </div>
                        </div>
                    @endif

                    @if(session('success'))
                        <div id="mydiv" class="alert alert-success mt-3 text-center">
                            {{ session('success') }}
                        </div>
                    @endif

                    @if(session('error'))
                        <div id="mydiv" class="alert alert-danger mt-3 text-center">
                            {{ session('error') }}
                        </div>
                @endif
                <!--end card-->
                </div>
                <!--end col-->
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <form method="POST" action="{{ url('admin/training/tna-rating-update/') }}">
                        @csrf
                        <input type="hidden" name="id" value="{{ request()->id }}">

                        <input name="candidateID" value="{{ $trTestParticipants->selected_candidate_id }}" type="hidden">
                        <input name="batchID" value="{{ $trTestParticipants->tr_batch_id }}" type="hidden">
                        <input name="scheduleID" value="{{ $trTestParticipants->tr_test_schedule_id }}" type="hidden">
                        <input name="testTrainingID" value="{{ $trTestParticipants->id }}" type="hidden">

                        <div class="card multi-form-card">
                            <div class="card-header">
                                <h4 class="card-title">TNA Rate Trainee</h4>
                                <p class="text-muted mb-0">Based on their field training</code>.
                                </p>
                            </div>
                            <div class="card-body pb-0">

                                {{-- {{ dd($ratingdata) }} --}}
                            @if(isset($tlcat) && count($tlcat) > 0)
                            @foreach ($tlcat as $tlval)

                                @if(isset($tlval->trTrainingTl) && count($tlval->trTrainingTl) > 0)
                                <div class="row">
                                    <h4 class="col-md-12 col-sm-12">{{ $tlval->tls_category_name ?? "" }}</h4>

                                    @foreach ($tlval->trTrainingTl as $trTrainingTl)
                                        <div class="col-md-6 col-sm-12">
                                            <div class="form-group ml-2">
                                                <input name="tnacat_id[]" value="{{ $trTrainingTl->tls_category_id }}" type="hidden">
                                                <input name="tna_subcat_id[]" value="{{ $trTrainingTl->id }}" type="hidden">
                                                <label for="" class="mb-2 text-bold-600 text-uppercase">{{ $trTrainingTl->tls_name ?? "" }}
                                                    (0-10)</label>
                                                <select name="tna_cat_rating[]" class="rating">
                                                    @for($i=0; $i<=10; $i++)
                                                        <option
                                                            value="{{ $i }}" {{ (isset($ratingdata[$trTrainingTl->tls_name]) && $ratingdata[$trTrainingTl->tls_name] == $i) ? "selected" : "" }}>
                                                            {{ $i }}</option>
                                                    @endfor
                                                </select>
                                                <div class="clearfix"></div>
                                            </div>

                                        </div>
                                    @endforeach

                                </div>
                                @endif
                                @endforeach
                                @endif

                            </div>
                        </div>
                        <div class="col-12 text-right mb-3">
                            <button class="btn btn-primary" type="submit">
                                <i class="ti-check mr-2"></i>Submit
                            </button>
                        </div>
                    </form>
                </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/plugins/rating/jquery.barrating.min.js') }}"></script>
    <script>
        $(".rating").barrating("show", {
            theme: "bars-square",
            showValues: !0,
            showSelectedRating: !1
        });

        setTimeout(function () {
            $('#mydiv').fadeOut('fast');
        }, 3000);
    </script>
@endpush