@extends('layout/ace')

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

@section('title')
    Korisnici | {{ $user->first_name . ' ' . $user->last_name }}
@endsection

@section('content')
<div class="row">

    @include('cms.cms_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.cms-user.edit', $user) }}" class="btn btn-sm btn-success"><i class="fa fa-edit"></i> Izmeni</a>
                @if ($user->lmsUser && in_array(App\Services\LMSUserRolesService::getFrontAdminRoleId(), $user->lmsUser->roles()->pluck('lms_user_role.id')->toArray()))
                    <a href="{{ route('cms.act-like-user', $user->lmsUser->id) }}" target="_blank" class="btn btn-sm btn-success"><i class="fa fa-sign-in-alt"></i> Uloguj se na front admin</a>
                @endif
                <a class="btn btn-sm btn-magenta"><i class="fa fa-envelope"></i> Pošalji poruku</a>
                {{-- <a class="btn btn-sm btn-primary"><i class="fa fa-plus"></i> Upiši korisniku kurs</a> --}}
            </div>
        </div>
    </div>
    <!-- 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="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="profile-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="placanja" aria-selected="false">
                                    Plaćanja
                                </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.cms_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 -->
@endsection

@section('scripts')
    @parent
@endsection