@extends('layout.front')
@if ($lmsUser && strlen($lmsUser->getFullName()) > 0)
    @section('title', "Pregled korisnika | {$lmsUser->getFullName()}")
@elseif ($lmsUser && ($lmsUser->email != '') )
    @section('title', "Pregled korisnika | {$lmsUser->email}")
@else
    @section('title', "Pregled korisnika")
@endif

@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">

                <!-- main-content -->
                <div class="main-content col-12">

                    <div class="alert alert-light alert-dismissible fade show" role="alert">
                        <p>U toku je prelazak na novu platformu Krojačeve škole. Tokom ovog perioda moguće su sitne tehničke nepravilnosti. Ako ih primetite, molimo vas da nam javite.
                       Ukoliko u svom nalogu ne vidite ranije kupljene kurseve, ulogujte se <a target="_blank" href="https://stari.krojacevaskola.com/korisnik/prijava">OVDE</a></p>
                        <p>Vaša podrška nam pomaže da sve radi savršeno.</p>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                            <!-- close -->
                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 311.16 311.19">
                                <path d="M106.68,375.18a21.33,21.33,0,0,0,30.17,30.17L256,286.17,375.17,405.33a21.33,21.33,0,1,0,30.17-30.17L286.17,256,405.33,136.82a21.33,21.33,0,0,0-30.17-30.17L256,225.83,136.84,106.67a21.33,21.33,0,1,0-30.17,30.17L225.84,256Z" transform="translate(-100.42 -100.41)"></path>
                            </svg>
                        </button>
                    </div>
                    <!-- alert-notification end -->

                    <nav class="breadcrumb-holder" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('lms.show_users') }}">Korisnici</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{ (($lmsUser->first_name == '') && ($lmsUser->last_name == '')) ? $lmsUser->email : $lmsUser->first_name . ' ' . $lmsUser->last_name }}</li>
                        </ol>
                    </nav>
                    <!-- breadcrumb end -->
                    <div class="main-title-hr-holder">
                        <div class="main-title-hr">
                            <h1>Pregled korisnika</h1>
                            @if (App\Models\LMSUser::hasRole([(new App\Services\LMSUserRolesService)->getOwnerRole(), (new App\Services\LMSUserRolesService)->getHRRole()]))
                                <div class="button-holder">
                                    <button
                                        class="btn btn-square-blue-text-30 btn-add-licenses"
                                        type="button"
                                        data-user_id="{{ $lmsUser->id }}"
                                    >
                                        <span>+</span>
                                        dodaj kurseve korisniku
                                    </button>
                                </div>
                            @endif
                        </div>
                        <!-- main-title-hr end -->
                        <p class="text-light">Detaljan pregled aktivnosti korisnika, progres i ukupan rezultat</p>
                    </div>
                    <!-- main-title-hr-holder end -->

                    @include('front.user.partials.user_details._user-view')
                    <!-- hr-user-view end -->

                    <div class="hr-user-subtitle">
                        <h2>Kursevi ({{ $enrollmentsData->total() }})</h2>
                        <p>Ukoliko nemate neki od kurseva kontaktirajte svog menadžera sektora.</p>
                    </div>
                    <!-- hr-user-subtitle end -->
                    @php
                        $baseParameters = request()->route()->parameters;
                        $prevRouteBaseParameters = $baseParameters;
                        $prevRouteBaseParameters['sortColumn'] = request()->get('sortColumn', null);
                        $prevRouteBaseParameters['sortDirection'] = request()->get('sortDirection', null);
                        $prevRouteBaseParameters['filter_obavezni'] = request()->get('filter_obavezni', null);
                        $prevRouteBaseParameters['filter_type'] = request()->get('filter_type', null);
                        $prevRouteBaseParameters['watched'] = request()->get('watched', null);
                        $prevRouteBaseParameters['page'] = ($enrollmentsData->currentPage() == 1) ? 1 : ($enrollmentsData->currentPage() -1);
                        $prevRouteBaseParameters['perPage'] = request()->get('perPage', 10);

                        $nextRouteBaseParameters = $baseParameters;
                        $nextRouteBaseParameters['sortColumn'] = request()->get('sortColumn', null);
                        $nextRouteBaseParameters['sortDirection'] = request()->get('sortDirection', null);
                        $nextRouteBaseParameters['filter_obavezni'] = request()->get('filter_obavezni', null);
                        $nextRouteBaseParameters['filter_type'] = request()->get('filter_type', null);
                        $nextRouteBaseParameters['watched'] = request()->get('watched', null);
                        $nextRouteBaseParameters['page'] = ($enrollmentsData->currentPage() == $enrollmentsData->lastPage()) ? $enrollmentsData->lastPage() : ($enrollmentsData->currentPage() + 1);
                        $nextRouteBaseParameters['perPage'] = request()->get('perPage', 10);
                        $prevRoute = route(request()->route()->getName(), $prevRouteBaseParameters);
                        $nextRoute = route(request()->route()->getName(), $nextRouteBaseParameters);
                    @endphp
                    <!-- row table desktop only -->
                    @include('front.user.partials.user_details._desktop-table')
                    <!-- row table desktop only end -->

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

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

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

    </section>

    @include('front-inc._footer')
</div>
@if (!$lmsUser->is_b2c)
    <div
            id="add-licences"
            data-company="{{ $company }}"
            data-subscribe_packages="{{ $subscribePackages }}"
            data-available_groups="{{ $company->companySectors }}"
            ></div>
@endif
@endsection

@section('add-scripts')
    @parent
    <script src="{{ mix('js/userDetails.js') }}"></script>
    @if (!$lmsUser->is_b2c)
    <script src="{{ mix('js/components/AddLicences.js') }}"></script>
    @endif
@endsection