@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('KorisniciShow', $user) }}
@endsection

@section('title', 'Pregled korisnika')

@section('content')
<div class="row">
    @include('cms.lms_user.partials.show._user_header')
    <!-- user-header end -->

    <div class="col-12 user-options">
        <div class="button-slider-container">
            <div class="button-slider">
                <a href="{{ route('cms.lms-user.edit', $user->id) }}" class="btn btn-sm btn-success"><i class="fa fa-edit"></i> Izmeni</a>
                @if (($user->status == 1) && ($user->suspend == 0))
                    @if($isFrontAdminUser)
                        <a href="{{ route('cms.act_like_front_admin_user', $user->id) }}" target="_blank" class="btn btn-sm btn-success"><i class="fa fa-sign-in-alt"></i> Uloguj se kao front admin</a>
                    @else
                        <a href="{{ route('cms.act-like-user', $user->id) }}" target="_blank" class="btn btn-sm btn-success"><i class="fa fa-sign-in-alt"></i> Uloguj se kao {{ $user->first_name }}</a>
                    @endif
                @endif
                @if (($user->suspend == 1) && ($user->status == 0))
                    <form action="{{ route('cms.lms_user.remove_suspension', $user->id) }}" method="POST">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-warning mr-2">
                            <i class="fa fa-unlock"></i> Vrati pristup nalogu
                        </button>
                    </form>
                @endif
                <a class="btn btn-sm btn-magenta"><i class="fa fa-envelope"></i> Pošalji poruku</a>
                @if (isset($user->company))
                    {{-- <button class="btn btn-sm btn-primary" id="showAddUserPackage"><i class="fa fa-plus"></i> Upiši korisniku paket</button> --}}
                @endif
                @if (isset($user->company))
                    {{-- <button class="btn btn-sm btn-primary" name="show_course"><i class="fa fa-plus"></i> Upiši korisniku kurs</button> --}}
                @endif
                @if ($user->is_b2c)
                    @if ((new App\Services\LMSUserService())->showAdmonB2CAssignRenewButtons($user))
                        <button
                            type="button"
                            class="btn btn-sm btn-primary"
                            onclick="window.livewire.emit('openB2CUserSubscriptionModal', {{ $user->id }})"
                            ><i class="fa fa-plus"></i> @if ((new App\Services\LMSUserService())->isUserSubscribeExpired($user)) Produzi pretplatu @else Upiši pretplatu @endif</button>    
                    @endif

                    <button
                        type="button"
                        class="btn btn-sm btn-primary"
                        data-toggle="modal"
                        data-target="#manualCourseModal"
                        ><i class="fa fa-plus"></i> Upiši kurs</button>
                @else
                    @if ($user->enrolledSubscribes->count() == 0)
                        <button class="btn btn-sm btn-primary btn-add-user-licence"><i class="fa fa-plus"></i> Upiši licencu korisniku</button>
                    @else
                        <button class="btn btn-sm btn-primary btn-edit-user-licence"><i class="fa fa-plus"></i> Izmeni upisanu licencu</button>
                        <form action="{{ route('cms.lms_user.enroll_all_subscribe_courses', $user) }}" method="POST">
                            @csrf
                            <button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-plus"></i> Upiši sve kurseve korisniku</button>
                        </form>
                    @endif
                @endif
                
            </div>
        </div>
    </div>

    @if (isset($user->company))
        <x-add-user-package :user="$user" :packages="$companyPackages"></x-add-user-package>
    @endif
    @if (isset($user->company))
        <x-add-user-course :user="$user"></x-add-user-course>
    @endif
    <!-- user-options end -->

    <x-show-user-details :user="$user"></x-show-user-details>
    

    <div class="col-12 col-lg-9">
        <div class="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">
                    <!-- tabs -->
                    <div class="tabs-above">
                        <!-- nav-tabs -->
                        <ul class="nav nav-tabs nav-justified" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active radius-0" id="licence-link" data-toggle="tab" href="#licence-tab" role="tab" aria-controls="placanja" aria-selected="false">
                                    Licnence
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="home-tab" data-toggle="tab" href="#tab1" role="tab" aria-controls="kursevi" aria-selected="true">
                                    Kursevi
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab3" role="tab" aria-controls="konsultacije" aria-selected="false">
                                    Konsultacije
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab4" role="tab" aria-controls="IP adrese logovanja" aria-selected="false">
                                    IP adrese
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab5" role="tab" aria-controls="aktivnosti" aria-selected="false">
                                    Aktivnosti
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab6" role="tab" aria-controls="izostanci" aria-selected="false">
                                    Izostanci
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab7" role="tab" aria-controls="sertifikati" aria-selected="false">
                                    Sertifikati
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab8" role="tab" aria-controls="bedzevi" aria-selected="false">
                                    Bedževi
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab9" role="tab" aria-controls="napomena" aria-selected="false">
                                    Napomena
                                </a>
                            </li>
                        </ul>
                        <!-- nav-tabs end -->

                        <!-- tab-content -->
                        @include('cms.lms_user.partials.show._tables')
                        <!-- tab-content end -->
                    </div>
                    <!-- tabs-above end -->

                </div><!-- card-body end -->
            </div><!-- .card -->
        </div><!-- h-100 end -->
    </div><!-- /.col -->

</div><!-- .row -->
@include('cms.company_bought_package.partials.show_bought_package_users._modal-change-status-to-enabled')
@include('cms.company_bought_package.partials.show_bought_package_users._modal-change-status-to-disabled')
@if ($user->enrolledSubscribes->count() == 0)
    @include('cms.lms_user.partials._modal-add-user-licence')
@else
    @include('cms.lms_user.partials.show._edit-user-licence-modal')
@endif
@endsection
@section('modals')
    
    @if ($user->is_b2c)
        <div class="modal fade" id="manualCourseModal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-md" role="document">
                <div class="modal-content">
                    @livewire('manual-course-enrollment', ['userId' => $user->id])
                </div>
            </div>
        </div>

        @livewire('c-m-s.b2-c-user-subscription', ['is_renew' => (new App\Services\LMSUserService())->isUserSubscribeExpired($user)])
    @endif
@endsection

@section('scripts')
    @parent
    @if ($user->enrolledSubscribes->count() == 0)
        <script>
            $(document).on('click', ".btn-add-user-licence", (e) => {
                e.preventDefault();
                $("#addUserLicenceModal").modal('show');
            });
        </script>
    @else
        <script>
            $(document).on('click', ".btn-edit-user-licence", (e) => {
                e.preventDefault();
                $("#editUserLicenceModal").modal('show');
            });
        </script>
    @endif
@endsection