@extends('layouts.mainlayout')
@section('title', 'Users')
@section('main')
<div class="card">
    <!-- <div class="card-header header-elements-inline">
        <h6 class="card-title">Tabs with right icons</h6>
        <div class="header-elements">
            <div class="list-icons">
                <a class="list-icons-item" data-action="collapse"></a>
                <a class="list-icons-item" data-action="reload"></a>
                <a class="list-icons-item" data-action="remove"></a>
            </div>
        </div>
    </div> -->

    
    <div class="card-body">
        <div class="row"><br><label style="font-size: 15px;"><b>Name:&nbsp;&nbsp;</b>@if(!empty($user)){{$user->name}}&nbsp;{{$user->lastName}}<b>&nbsp;&nbsp;Team: &nbsp;&nbsp;</b>{{$employeeTeam}}</label> @endif</div>
        <ul class="nav nav-tabs nav-tabs-highlight">
            <li class="nav-item"><a href="#right-icon-tab1" class="nav-link @if(Session::get('tab') == '') active @elseif(Session::get('tab') == 'user')   active @endif" data-toggle="tab">User Detail <i class="icon-user ml-2"></i></a></li>
            <li class="nav-item"><a href="#right-icon-tab2" class="nav-link @if(empty($user)) disabled @else @if(Session::get('tab')== 'team') active show @endif @endif" data-toggle="tab">Team <i class="icon-user ml-2"></i></a></li>
            <li class="nav-item"><a href="#right-icon-tab3" class="nav-link @if(empty($user)) disabled @else @if(Session::get('tab')== 'address') active show @endif @endif" data-toggle="tab">Address Detail <i class="icon-address-book ml-2"></i></a></li>
            <li class="nav-item"><a href="#right-icon-tab4" class="nav-link @if(empty($user)) disabled @else @if(Session::get('tab') == 'bank') active show @endif @endif" data-toggle="tab">Bank Details <i class="icon-address-book ml-2"></i></a></li>
            <!-- <li class="nav-item"><a href="#right-icon-tab5" class="nav-link @if(empty($user)) disabled @else @if(Session::get('tab') == 'document') active show @endif  @endif" data-toggle="tab">Documents <i class="icon-file-text2 ml-2"></i> -->
            <li class="nav-item"><a href="#right-icon-tab6" class="nav-link @if(empty($user)) disabled @else @if(Session::get('tab') == 'user_setting') active show @endif  @endif" data-toggle="tab"> Settings <i class="icon-file-text2 ml-2"></i>
            </a></li>
        </ul>

        <div class="tab-content">
            <div class="tab-pane fade @if(Session::get('tab')== '') active show @elseif(Session::get('tab') == 'user')  active show @endif" id="right-icon-tab1">
            @include('administrationForms.UserDetail.User.UserDetailForm')    
            </div>

            <div class="tab-pane fade @if(Session::get('tab')== 'team') active show @endif " id="right-icon-tab2">
            @include('administrationForms.UserDetail.User.TeamForm')
            </div>

            <div class="tab-pane fade @if(Session::get('tab')== 'address') active show @endif" id="right-icon-tab3">
            @include('administrationForms.UserDetail.User.AddressDetailForm')
            </div>

            <div class="tab-pane fade @if(Session::get('tab')== 'bank') active show @endif" id="right-icon-tab4">
            @include('administrationForms.UserDetail.User.BankDetailForm')
            </div>
            <div class="tab-pane fade  @if(Session::get('tab')== 'document') active show @endif" id="right-icon-tab5">
            @include('administrationForms.UserDetail.User.DocumentForm')   
            </div>
            <div class="tab-pane fade  @if(Session::get('tab')== 'user_setting') active show @endif" id="right-icon-tab6">
            @include('administrationForms.UserDetail.User.UserSetting')
            </div>
            <!--  -->
        </div>
    </div>
</div>
  
<!-- /starting step -->
<script>
    // $(document).ready(function(){
    //    // Numeric date
    //    $('.content li.nav-item:last-of-type').click(function(){
    //     $('.savegeo').click(); 
    //    });
    
    // });
    function myFunction() {
    
    var new_password = document.getElementById("new_password");
    var confirm_password = document.getElementById("confirm_password");
    
    if (new_password.type === "password") {
        new_password.type = "text";
    } else {
        new_password.type = "password";
    }
    
    if (confirm_password.type === "password") {
        confirm_password.type = "text";
    } else {
        confirm_password.type = "password";
    }
    }

</script>
<script src="{{asset('global_assets/js/demo_pages/custom_ams/validation/user_form_validation.js')}}"></script>
<script src="{{asset('global_assets/js/demo_pages/custom_ams/validation/team_form_validation.js')}}"></script>
<script src="{{asset('global_assets/js/demo_pages/custom_ams/validation/address_form_validation.js')}}"></script>
<script src="{{asset('global_assets/js/demo_pages/custom_ams/validation/bank_form_validation.js')}}"></script>
<!-- <script src="{{asset('global_assets/js/demo_pages/custom_ams/validation/document_form_validation.js')}}"></script> -->
@endsection