@extends('layout.front')
@section('title', 'Krojač Biznis | Korisnici')
@section('styles')
    @parent
    <link href="{{ asset('front/plugins/choices/choices.css') }}" rel="stylesheet">
@endsection
@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="fas fa-spinner fa-spin text-purple-m1 fa-2x mb-3"></div>
            <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"><a href="{{ route('lms.profile') }}">Moj Nalog</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Moj tim</li>
                        </ol>
                    </nav>
                    <!-- breadcrumb end -->

                    <div class="main-title-hr-holder">
                        <div class="main-title-hr">
                            <h1>Korisnici ({{ $employees->total() }})</h1>
                            <div class="button-holder">
                                <button
                                    type="button"
                                    data-href="{{ route('lms.obavezni_kursevi.index') }}"
                                    class="btn btn-square-blue-text-30"
                                    id="btn-add-mandatory-courses"
                                    >
                                    <span>+</span>dodaj obavezne kurseve
                                </button>
                                @if (!in_array(config('app.url'), [config('app.wurth_url'), config('app.wurth_url_2')]))
                                    <button class="btn btn-square-blue-text-30" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasKorisniciDodajKorisnika" aria-controls="offcanvasKorisniciDodajKorisnika"><span>+</span>dodajte korisnika</button>
                                    
                                    <button class="btn btn-square-red-text-30" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasKorisniciDodajViseKorisnika" aria-controls="offcanvasKorisniciDodajViseKorisnika"><span>+</span>dodajte više korisnika</button>
                                    <button class="btn btn-square-red-text-30" type="button" id="btnAddLicencesToSectorUsers"><span>+</span>dodajte licence korisnicima sektora</button>
                                @endif
                            </div>
                        </div>
                        <!-- main-title-hr end -->
                        <p class="text-light">Pratite aktivnosti korisnika, progres, broj licenci, uspeh i status</p>
                    </div>
                    <!-- main-title-hr-holder end -->

                    @include('front.hr.partials._desktop-filters')

                    <!-- row table desktop only -->
                    @php
                        $prevRoute = route(Route::currentRouteName(), [
                            'page' => ($employees->currentPage() == 1) ? 1 : ($employees->currentPage() -1),
                            'perPage' => request()->get('perPage', 25),
                        ] + request()->route()->parameters()  + request()->query());
                        $nextRoute = route(Route::currentRouteName(), [
                            'page' => ($employees->currentPage() == $employees->lastPage()) ? $employees->lastPage() : ($employees->currentPage() + 1),
                            'perPage' => request()->get('perPage', 25),
                        ]  + request()->route()->parameters()  + request()->query());
                    @endphp

                    @include('front.hr.partials.company_users._desktop-table')
                    <!-- row table desktop only end -->

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

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

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

    </section>
    @include('front.hr.partials.company_users._delete-user-modal')
    <!-- Modal Brisanje korisnika -->
    @include('front.hr.partials.company_users._delete-users-modal')
    <!-- modal end -->

    @include('front.hr.partials.company_users._offcanvas-korisnici-pregled-korisnika')

    @include('front.hr.partials.company_users._offcanvas-korisnici-dodaj-licencu')

    @include('front.hr.partials._offcanvas-napredna-pretraga')

    

    @include('front.hr.partials.company_users._offcanvas-korisnici-dodaj-licence')
    @if (!in_array(config('app.url'), [config('app.wurth_url'), config('app.wurth_url_2')]))
        @include('front.hr.partials.company_users._offcanvas-dodaj-licence-korisnicima-sektora')
        @include('front.hr.partials.company_users._offcanvas-korisnici-dodaj-vise-korisnika')
        @include('front.hr.partials.company_users._offcanvas-korisnici-dodaj-korisnika')
    @endif



    @include('front.hr.partials.company_users._offcanvas-sector-users')
    <div id="add-mandatory-courses"></div>
    <div
        id="add-licences"
        data-company="{{ $company }}"
        data-subscribe_packages="{{ $subscribePackages }}"
        data-available_groups="{{ $company->companySectors }}"
        ></div>

    @include('front-inc._footer')
</div>
@endsection

@section('add-scripts')
    @parent
    <script src="{{ mix('js/hrUsers.js') }}"></script>
    <script src="{{ mix('js/components/AddUserLicenses.js') }}"></script>
    <script src="{{ mix('js/components/AddUserLicencesBulk.js') }}"></script>
    @if (!in_array(config('app.url'), [config('app.wurth_url'), config('app.wurth_url_2')]))
        <script src="{{ mix('js/components/AddLicencesToSectorUsers.js') }}"></script>
    @endif
    <script src="{{ mix('js/components/AddUserAddUserLicences.js') }}"></script>
    <script src="{{ mix('js/components/SectorUsers.js') }}"></script>
    <script src="{{ mix('js/components/UserDetails.js') }}"></script>
    <script src="{{ mix('js/components/AddLicences.js') }}"></script>
    <script src="{{ mix('js/components/AdvancedSearch.js') }}"></script>
    {{-- <script src="{{ mix('js/components/AddMandatoryCourses.js') }}"></script> --}}
    <script src="{{ asset('front/plugins/choices/choices.js') }}"></script>
    <script>
        if(document.getElementById('btn-add-mandatory-courses')) {
            document.getElementById('btn-add-mandatory-courses').addEventListener('click', (e) => {
                e.preventDefault();
                window.location.href = e.target.dataset.href;
            });
        }

        @foreach ($company->tagFilters as $tagFilterItem)
            initChoices("choices-tags-filter-{{ $tagFilterItem->slug }}")
        @endforeach
    </script>
@endsection