@extends('layout.front')
@section('title', 'Krojač Biznis | Zahtevi za ponavljanje')

@section('content')
<div class="page-wrapper">

    <!-- Header Account -->
    @include('front-inc._header-account')

    <!-- section main-container -->
    <section class="main-container">

        <div class="container">
            <div class="row">
                <input type="hidden" id="sortColumn" value="{{ request()->get('sortColumn', 'datum_kreiranja') }}">
                <input type="hidden" id="sortDirection" value="{{ request()->get('sortDirection', 'DESC') }}">
                <input type="hidden" id="filterStatus" value="{{ request()->get('status', null) }}">
                <input type="hidden" id="perPage" value="{{ request()->get('perPage', 10) }}">
                <!-- main-content -->
                <div class="main-content col-12">

                    <nav class="breadcrumb-holder" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active" aria-current="page">Zahtevi za ponavljenje</li>
                        </ol>
                    </nav>
                    <!-- breadcrumb end -->

                    <div class="main-title-hr-holder">
                        <div class="main-title-hr">
                            <h1>Zahtevi za ponavljanje kviza ({{ $repeatRequests->total() }})</h1>
                        </div>
                        <!-- main-title-hr end -->
                        <p class="text-light">Pregled zahteva za ponavljanje kviza</p>
                    </div>
                    <!-- main-title-hr-holder end -->

                    <!-- row table desktop only -->
                    @php
                        $prevRoute = route(Route::currentRouteName(), [
                            'search' => request()->get('search', null),
                            'sortColumn' => request()->get('sortColumn', 'datum_kreiranja'),
                            'sortDirection' => request()->get('sortDirection', 'DESC'),
                            'status' => request()->get('status', null),
                            'page' => ($repeatRequests->currentPage() == 1) ? 1 : ($repeatRequests->currentPage() -1),
                            'perPage' => request()->get('perPage', 10),
                        ]);
                        $nextRoute = route(Route::currentRouteName(), [
                            'search' => request()->get('search', null),
                            'sortColumn' => request()->get('sortColumn', 'datum_kreiranja'),
                            'sortDirection' => request()->get('sortDirection', 'DESC'),
                            'status' => request()->get('status', null),
                            'page' => ($repeatRequests->currentPage() == $repeatRequests->lastPage()) ? $repeatRequests->lastPage() : ($repeatRequests->currentPage() + 1),
                            'perPage' => request()->get('perPage', 10),
                        ]);
                    @endphp
                    @include('front.hr.partials.quiz_repeat_requests._desktop-table')
                    <!-- row table desktop only end -->

                    <!-- row mobile only -->
                    @include('front.hr.partials.quiz_repeat_requests._mobile-table')
                    <!-- row mobile only end -->

                </div>
                <!-- main-content end -->

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

    </section>
</div>
@include('front.hr.partials.quiz_repeat_requests._modal-deny-repeat-quiz')
@endsection
@section('add-scripts')
    @parent
    <script>
        document.querySelectorAll(".btn-deny-request").forEach((element) => {
            element.addEventListener('click', (e) => {
                e.preventDefault();
                const repeat_request_id = e.currentTarget.dataset.repeat_request_id;
                openRepeatQuizModal(repeat_request_id);
            });
        });

        const openRepeatQuizModal = (repeat_request_id) => {
            document.querySelector('#confirmDenyRepeatQuizRequestForm').action = route('lms.hr.repeat_quiz_requests.respond', repeat_request_id)

            const modalConfirmDenyRepeatQuizRequest = new bootstrap.Modal(document.getElementById('modalConfirmDenyRepeatQuizRequest'), {})
            modalConfirmDenyRepeatQuizRequest.show();

        }

        document.querySelectorAll(".respondConfirmRepeatFormBtn").forEach((element) => {
            element.addEventListener('click', (e) => {
                e.preventDefault();
                const repeat_request_id = e.currentTarget.dataset.repeat_request_id;
                const enableRepeatForm = document.querySelector('#respondConfirmRepeatForm');
                enableRepeatForm.action = route('lms.hr.repeat_quiz_requests.respond', repeat_request_id);
                enableRepeatForm.submit();
            });
        });

    </script>
@endsection