@extends('Training::layouts.app')
@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')
    <div class="profile_update">
        <!-- /top-wizard -->
        <form id="wrapped" method="POST" action="{{ route('training.feedback.store') }}" enctype="multipart/form-data">
            @csrf
                
                <div class="card">
                    <div class="card-body">
                        
                        <h3 class="main_question mb-5">
                            <button type="button" name="button" class="btn btn-primary"><i
                                    class="las la-user-circle"></i></button>
                            New Feedback
                        </h3>
                        
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label class="input-label" for="fName"><span>*</span>Name</label>
                                    <input type="text" readonly value="{{ $user_info->name ?? ''}}" class="form-control">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="input-label" for="lName">Class</label>
                                    <input type="text" readonly value="{{ $classSchedule->trClass->name ?? ''}}( {{ $classSchedule->start_time ?? '' .' - '.$classSchedule->start_time ?? '' }} )" class="form-control">
                                    <input name="class_id" value="{{ $classSchedule->trClass->id ?? ''}}" type="hidden">
                                    <input name="class_schedule_id" value="{{ $classSchedule->id ?? ''}}" type="hidden">
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label class="input-label" for="lName">Trainer</label>
                                    <input type="text" readonly value="{{ $classSchedule->trTrainer->name ?? ''}}" class="form-control">
                                    <input name="trainer_id" value="{{ $classSchedule->trTrainer->id ?? ''}}" type="hidden">
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                        @foreach($feedbackQuestion as $question)                            
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group ml-2">
                                    <input name="question_id[]" value="{{ $question->id }}" type="hidden">
                                    <label for="" class="mb-2 text-bold-600 text-uppercase">{{ $question->question ?? "" }}
                                        (0-5)</label>
                                    <select name="question_rating[]" class="rating">
                                        @for($i=1; $i<=5; $i++)
                                            <option
                                                value="{{ $i }}">{{ $i }}</option>
                                        @endfor
                                    </select>
                                    <div class="clearfix"></div>
                                </div>
                            </div>                                    
                        @endforeach
                        </div>
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="input-label" for="fName"><span>*</span>Remarks</label>
                                    <textarea name="remarks" rows="5" class="form-control"></textarea>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
           
            <!-- /middle-wizard -->

            <div id="bottom-wizard">
                <button type="submit" class="btn btn-primary btn-block submit">Submit</button>
            </div>
            <!-- /bottom-wizard -->
        </form>
    </div>
@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