{{--section right --}}
@php
    $userDetails = ($data['userDetails']!=null)?$data['userDetails']:getUserDetails();
    $addUserStatus = (maxAddUser() <= 0) ? false : true;
    $auth = Auth::user();
    if($users == null && $auth->user_type == 1) $users = getSubUser();
    $data['filterid'] = ($data['filterid'] == null) ? $userDetails->userfilter()->first(['filter_type'])->filter_type : $data['filterid'];
@endphp
<div class="col-lg-4 col-sm-12">
    <div class="tab-container">
        <div class="tab-navigation font-awesome">
            <button type="button" class="tabs-itemBox-Style dashActive_btn" id="topic_button"><i class="fas fa-comments">&nbsp;</i>{{__('action.topic_name')}}</button>
            @if($farbklang && $auth->user_type == 1)
                <button type="button" class="tabs-itemBox-Style" id="users_button"><i class="fas fa-users">&nbsp;</i>{{__('action.user')}}</button>
            @endif
            @if(($farbklang && $auth->user_type == 2) || !$farbklang)
                <button class="tabs-itemBox-Style custom-select custom-select-box" type="button" id="select-box_change_view" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <i class="ion ion-ios-list">&nbsp;</i>{{__('action.chose_menu')}}
                </button>
                <div class="dropdown-menu" aria-labelledby="select-box">
                    <a class="dropdown-item btn-dash @if($farbklang) dashActive_btn @endif" data-url='{{ URL::to('/') }}'  href="javascript:void(0)" data-name="{{__('action.system_setting')}}" id="1">
                        <i class="ion ion-md-settings ">&nbsp;</i>{{__('action.system_setting')}}
                    </a>
                    <a class="dropdown-item btn-dash" href="javascript:void(0)" data-url='{{ URL::to('/') }}'  data-name="{{__('action.last_treatment')}}" id="3">
                        <i class="ion ion-md-cart">&nbsp;</i>{{__('action.last_treatment')}}
                    </a>

                    @if($auth->user_type == 2 || $auth->user_type == 4)
                        <a class="dropdown-item btn-dash" href="javascript:void(0)" data-url='{{ URL::to('/') }}'  data-name="{{__('action.pdf_heading')}}" id="2"><i class="fas fa-file-pdf">&nbsp;</i>{{__('action.pdf_heading')}}</a>
                        <a class="dropdown-item btn-dash" href="javascript:void(0)" data-url='{{ URL::to('/') }}'  data-name="{{__('action.digitalcon&focusPDF')}}" id="5"><i class="fas fa-file-pdf">&nbsp;</i>{{__('action.digitalcon&focusPDF')}}</a>
                    @endif
                    @if ($auth->user_type == 1)
                        <a id="4" class="dropdown-item btn-dash" href="javascript:void(0)" data-url='{{ URL::to('/') }}'  data-name="{{__('action.user')}}"><i class="ion ion-ios-contacts">&nbsp;</i>{{__('action.user')}}</a>
                    @endif
                </div>
            @endif
            <div class="tab-contents">

                <div class="card topicTab fade show own-topic-text-div" id="topicTab" style="background: #fff;background-clip: padding-box;border-color:#02a065 !important">
                    <div class="arrow"></div>
                    <div class="card-body">
                        <form action="">
                            <div class="form-group topic">
                                <textarea name="" id="own_topic" rows="5" class="form-control" placeholder="{{__('action.topic_name_placeholder')}}">{{ $userDetails->thema_speichern }}</textarea>
                            </div>
                        </form>
                    </div>
                    <div class="card-footer text-center">
                        @if(!$farbklang)
                            <button type="button" class="btn btn-primary icon" onclick="btnAddCart(this)">{{__('action.cart')}}</button>
                        @endif
                        <button type="button" class="btn btn-success icon" onclick="topicSave(this,'Save')">{{__('action.save')}}</button>
                        <button type="button" class="btn btn-danger icon" onclick="topicSave(this,'Delete')">{{__('action.delete')}}</button>
                    </div>
                </div>

                <div id="tab-1" class="tab-content hide">
                    <div class="card">
                    <div class="arrow"></div>
                        <div class="card-body web-kit-scroll">
                            <ul class="sys-setting">
                                <li>
                                    <p>
                                        {{__('action.calculation_system_dashboard')}}
                                    </p>
                                    <div class="right-side">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-shrink-1 mr-2">{{__('action.year')}}</div>
                                            <label class="switcher switcher-lg switcher-success m-0">
                                                <input type="checkbox" onclick="changeYearMonth()" id="changeYearMonth" @if ($userDetails->calculation_with == 1) {{'checked'}} @endif class="switcher-input">
                                                <span class="switcher-indicator">
                                                    <span class="switcher-yes"></span>
                                                    <span class="switcher-no"></span>
                                                </span>
                                            </label>
                                            <div class="flex-shrink-1 text-success ml-2">{{__('action.month')}}</div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <p>
                                        {{__('action.date_system_dashboard')}}
                                    </p>

                                    <div class="right-side">
                                        <div class="right-side ml-3 ml-sm-0">
                                            <input type="text" class="form-control datef" id="datePicker" onchange="dateChange()" placeholder="mm/dd/yyyy" value="{{ \Carbon\Carbon::parse($userDetails->datumcore)->toDateString() }}">
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <p>
                                        {{__('action.sorting_system_dashboard')}}
                                    </p>
                                    <div class="right-side">
                                        <select class="custom-select" id="changeShowFilter" onchange="changeShowFilter()">
                                            <option @if ($data['filterid']==1) {{ 'selected' }} @endif value="1">A-Z</option>
                                            <option @if ($data['filterid']==2) {{ 'selected' }} @endif value="2">Z-A</option>
                                            <option @if ($data['filterid']==3) {{ 'selected' }} @endif value="3">1-100</option>
                                            <option @if ($data['filterid']==4) {{ 'selected' }} @endif value="4">100-1</option>
                                        </select>
                                    </div>
                                </li>
                            </ul>

                        </div>
                    </div>
                </div>

                <div id="tab-2" class="tab-content hide">
                    <div class="card">
                    <div class="arrow"></div>
                        <div class="card-body web-kit-scroll" id="show_normal_pdfs">

                        </div>
                    </div>
                </div>

                <div id="tab-3" class="tab-content hide">
                    <div class="card">
                        <div class="arrow"></div>
                        <div class="card-body web-kit-scroll" id="save_treatment_cart_list" style="padding: 15px 10px 15px 15px;">
                        </div>
                    </div>
                </div>

                <div id="tab-4" class="tab-content hide">
                    @if ($auth->user_type == 1)
                        <div class="card">
                            <div class="@if($farbklang) arrow arrow3 @else arrow @endif"></div>
                            <div class="card-body">
                                <div class="row">
                                        {{-- user --}}
                                    <div class="col-md-4 col-6 col-sm-6">
                                        <div class="user-single-box text-center">
                                            
                                                <div class="usb-photo">
                                                    @if($userDetails->id !== $auth->id)
                                                        <img data-name="{{$auth->fullName}}" data-email="{{$auth->email}}" data-view="true" src="{{ getProfileImage($auth) }}" id="upimg">
                                                    @else
                                                        <img data-name="{{$userDetails->fullName}}" data-email="{{$userDetails->email}}" data-view="true" data-profileimage="true" id="upimg">
                                                    @endif
                                                    {{-- @if($admin->photo == "")
                                                        <img data-src="{{ ($admin->gender == 2)?asset('/images/female.jpg'):asset('/images/avatar.png') }}" id="upimg" alt="{{ucfirst(substr($admin->first_name,0,1)).' '.ucfirst(substr($admin->last_name,0,1)) }}" class="d-block ui-w-80">
                                                    @else
                                                        <img data-src="{{ asset('/profile/admin')}}/{{ $admin->photo}}" alt="{{ucfirst(substr($admin->first_name,0,1)).' '.ucfirst(substr($admin->last_name,0,1)) }}" />
                                                    @endif --}}
                                                </div>
                                                <div class="usb-content">
                                                    <p>{{ $admin->fullName}}</p>
                                                    <span class="text-primary">{{__('action.no_access2')}}</span>
                                                </div>
                                            </div>
                                        </div>

                                        @if($users != null)
                                        @foreach  ($users as $user)
                                            <div class="col-md-4 col-6 col-sm-6">
                                                <div class="user-single-box text-center">
                                                    <div class="usb-photo" onclick="switch_user({{$user->id}})">
                                                        {{-- @if($user->photo == "")
                                                            <img class="rounded-circle m-1 p-1" data-src="{!! ($user->gender == 2)? asset('/images/female.jpg') : asset('/images/avatar.png') !!}" alt="{{ucfirst(substr($user->first_name,0,1)).' '.ucfirst(substr($user->last_name,0,1)) }}" />
                                                        @else
                                                            <img class="rounded-circle m-1 p-1" data-src="{{getEmbededImage('/profile/users/'.$user->photo)}}" alt="{{ucfirst(substr($user->first_name,0,1)).' '.ucfirst(substr($user->last_name,0,1)) }}" />
                                                        @endif --}}
                                                         <img class="rounded-circle m-1 p-1" data-src="{{getProfileImage($user)}}" alt="{{ucfirst(substr($user->first_name,0,1)).' '.ucfirst(substr($user->last_name,0,1)) }}" />
                                                    </div>
                                                    <button type="button" class="minus-btn"  onclick="deleteSubUser({{$user->id}})" data-toggle="tooltip" data-placement="bottom" data-state="secondary" title="{{ trans('action.delete')}} {{$user->first_name}}&nbsp;{{ $user->last_name }}"><i class="fa text-danger fa-minus-circle"></i></button>

                                                    <div class="usb-content">
                                                        <p>{{$user->fullName }}</p>
                                                    </div>
                                                </div>
                                            </div>

                                        @endforeach
                                        @endif
                                        {{-- creat user --}}
                                        @if($addUserStatus)
                                            <div class="col-md-4 col-12 col-sm-6">
                                                <div class="user-single-box text-center">
                                                    <a href="{{ route('users.show') }}" >
                                                        <div class="usb-icon">
                                                            <i class="fa fa-plus" aria-hidden="true"></i>
                                                        </div>
                                                    </a>
                                                    <div class="usb-content">
                                                        <p>{{__('action.create_new_user')}}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>

                <div id="tab-5" class="tab-content hide">
                    @if ($auth->user_type == 2 || $auth->user_type == 4)
                        <div class="card ">
                        <div class="arrow"></div>
                            <div class="card-body" id="dc_pdf_view_show">

                            </div>
                        </div>
                    @endif
                </div>

            </div>
        </div>
    </div>
</div>
<script>
    function display (seconds) {
        const format = val => `0${Math.floor(val)}`.slice(-2)
        const hours = seconds / 3600
        const minutes = (seconds % 3600) / 60

        return [minutes, seconds % 60].map(format).join(':')
    }
    $("#select-box_change_view").click(function() {
        $("#topic_button").removeClass("dashActive_btn");
        $("#select-box_change_view").addClass("dashSelectActive_btn");
    });

    $('#select-box_change_view').change(function () {
        $("#topic_button").removeClass("dashActive_btn");
        dropdown = $('#select-box_change_view').val();
        $('#topicTab').hide();
        $('.tab-content').hide();
        $('#' + "tab-" + dropdown).show();
        $( "#select-box_change_view option[value='0']" ).hide();
    });

    $('#topic_button').click(function () {
        $("#select-box_change_view").removeClass("dashSelectActive_btn");
        $( "#select-box_change_view option[value='0']" ).show();
        $('.tab-content').hide();
        $("#select-box_change_view").find('option:selected').prop("selected", false);
        $("#topic_button").addClass("dashActive_btn");
        $('#topicTab').show();
    });


</script>