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

@section('title', 'Rating')

@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') }}">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="{{ route('admin.training.ratings.store') }}">
                        @csrf
                        <input type="hidden" name="id" value="{{ request()->id }}">
                        <div class="card multi-form-card">
                            <div class="card-header">
                                <h4 class="card-title">Rate Trainee</h4>
                                <p class="text-muted mb-0">Based on their field training</code>.
                                </p>
                            </div>
                            <div class="card-body pb-0">
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="" class="mb-2 text-bold-600 text-uppercase">Appearance
                                                (0-10)</label>
                                            <select name="appearance" class="rating">
                                                @for($i=0; $i<=10; $i++)
                                                    <option
                                                        value="{{ $i }}" {{ $i == old('appearance') ? 'selected' : '' }}>{{ $i }}</option>
                                                @endfor
                                            </select>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="mb-2 text-bold-600 text-uppercase">Product/Offerings
                                                Knowledge (Mark 0-10)</label>
                                            <select name="product_knowledge" class="rating">
                                                @for($i=0; $i<=10; $i++)
                                                    <option
                                                        value="{{ $i }}" {{ $i == old('product_knowledge') ? 'selected' : '' }}>{{ $i }}</option>
                                                @endfor
                                            </select>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="" class="mb-2 text-bold-600 text-uppercase">Company Knowledge
                                                (Mark 0-10)</label>
                                            <select name="company_knowledge" class="rating">
                                                @for($i=0; $i<=10; $i++)
                                                    <option
                                                        value="{{ $i }}" {{ $i == old('company_knowledge') ? 'selected' : '' }}>{{ $i }}</option>
                                                @endfor
                                            </select>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="mb-2 text-bold-600 text-uppercase">Lead Search
                                                (0-10)</label>
                                            <select name="lead_search" class="rating">
                                                @for($i=0; $i<=10; $i++)
                                                    <option
                                                        value="{{ $i }}" {{ $i == old('lead_search') ? 'selected' : '' }}>{{ $i }}</option>
                                                @endfor
                                            </select>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-12 text-right">
                            <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