@extends('layout/ace')


@section('breadcrumbs')
    {{ Breadcrumbs::render('OceneKursa') }}
@endsection

@section('title')
    Ocene Kursa po kompaniji
@endsection

@section('content')

    <div class="row">
        <div class="col-12">
            <div class="h-100 bgc-white pt-0 radius-1 shadow-sm mx-auto">
                <div class="w-100 brc-info-tp2 radius-t-1"></div>
                <div class="card h-100 border-0">
                    <div class="card-body h-100 d-flex flex-column justify-content-start py-3 px-3 border-0">
                        <div class="table-responsive-md ">
                            <div class="col-12">
                                <div class="table-tools">
                                    <div class="table-filters">
                                        <div class="select-holder" wire:ignore="">
                                            <label>Kompanija:</label>
                                            <div class="dropdown bootstrap-select form-control">
                                                <select class="bootstrap-select form-control" autocomplete="off" data-style="btn btn-sm btn-white" id="company_id" tabindex="null">
                                                    <option value="-1">Sve Kompanije</option>
                                                    @foreach ($companies as $company)
                                                        <option
                                                            value="{{ $company->id }}"
                                                            @if ((request()->route()->parameters['company_id'] ?? -1) == $company->id)
                                                                selected="selected"
                                                            @endif
                                                        >{{ htmlspecialchars_decode($company->name) }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <table class="table table-bordered table-hover text-dark-blue custom-table">
                                    <thead class="bgc-grey-l4">
                                        <tr>
                                            <th>
                                                <span>Kurs</span>
                                            </th>
                                            <th>
                                                <span>Korisnik</span>
                                            </th>
                                            <th>
                                                <span>Kompanija</span>
                                            </th>
                                            <th>
                                                <span>Ocena Tema</span>
                                            </th>
                                            <th>
                                                <span>Ocena Korisnost</span>
                                            </th>
                                            <th>
                                                <span>Ocena Primenljivost</span>
                                            </th>
                                            <th>
                                                <span>Komentar</span>
                                            </th>
                                            <th>
                                                <span>Akcije</span>
                                            </th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @foreach ($courseReviews as $review)
                                            <tr class="bgc-h-default-l3 d-style">
                                                <td>
                                                    <a href="{{ route('cms.course.edit', $review->course->id) }}">
                                                        {{ $review->course->title }}
                                                    </a>
                                                </td>
                                                <td>
                                                    @if ($review->user)
                                                        <a href="{{ route('cms.lms-user.show', $review->user->id) }}">
                                                            {{ $review->user->first_name . " " . $review->user->last_name }}
                                                        </a>
                                                    @else
                                                        Nema
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($review->company)
                                                        <a href="{{ route('cms.company.show', $review->company->id) }}">
                                                            {{ $review->company->name }}
                                                        </a>
                                                    @else
                                                        Nema
                                                    @endif
                                                </td>
                                                <td>{{ $review->rate }}</td>
                                                <td>{{ $review->grade_useful }}</td>
                                                <td>{{ $review->grade_applicability }}</td>
                                                <td>
                                                    @if (strlen($review->note))
                                                        {{ substr($review->note, 0, 12) }}...
                                                    @endif
                                                </td>
                                                <td>
                                                    <a
                                                        href="#"
                                                        class="btn btn-sm btn-dark-primary btn-open-modal-change-course-note"
                                                        data-review_id="{{ $review->id }}"
                                                        data-note="{{ $review->note }}"
                                                        data-rate="{{ $review->rate }}"
                                                        data-grade_useful="{{ $review->grade_useful }}"
                                                        data-grade_applicability="{{ $review->grade_applicability }}"
                                                        >
                                                        <i class="fa fa-pencil-alt"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                <!-- table end -->
                            </div>
                        </div>
                    </div><!-- card-body end -->
                </div><!-- .card -->
            </div><!-- h-100 end -->
        </div>
    </div>
    <!-- .row -->

    @include('cms.course_review._modal-change-course-review')
@endsection

@section('scripts')
    @parent
    <script>
        $(document).on('click', '.btn-open-modal-change-course-note', (e) => {
            e.preventDefault();
            const review_id = $(e.currentTarget).data('review_id');
            const note = $(e.currentTarget).data('note');
            const rate = $(e.currentTarget).data('rate');
            const grade_useful = $(e.currentTarget).data('grade_useful');
            const grade_applicability = $(e.currentTarget).data('grade_applicability');
            const action = route('cms.course-review.update', review_id);

            $('#change-course-review-form').attr('action', action);
            $('form#change-course-review-form textarea[name=note]').val(note);
            $('form#change-course-review-form input[name=rate]').val(rate);
            $('form#change-course-review-form input[name=grade_useful]').val(grade_useful);
            $('form#change-course-review-form input[name=grade_applicability]').val(grade_applicability);
            $('#changeCourseRewiew').modal('show');
        })
    </script>

    <script>
        $(document).on('change', '#company_id', (e) => {
            e.preventDefault();
            const company_id = $(e.target).val();

            window.location.href = route('cms.course-review.reviews_by_company.show', company_id)
        })
    </script>
@endsection