@extends('layouts.app')

@section('stitle', __('messages.Users'))
@section('title', __('messages.Users'))

@section('content')
<div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">


        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">@yield('title')</h2>
                    </div>
                </div>
            </div>

            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <button class="btn btn-primary waves-effect waves-float waves-light " type="button" onclick="location.href='{{ route('user.manage',$users->id) }}'">Manage User</button>

                <button class="btn btn-secondary waves-effect waves-float waves-light " type="button" onclick="location.href='{{ route('user.list') }}'"><i data-feather='chevron-left' class="mr-1"></i>Back</button>
            </div>
        </div>

        <div class="content-body">

            <section id="page-account-settings">
                <div class="row">
                    <!-- menu section -->
                    <div class="col-12">
                        @include('user.manu_view_section')
                    </div>
                    <!--/  menu section -->

                    <!-- right content section -->
                    <div class="col-md-12">
                        <div class="card">
                            <div class="border-bottom card-header"><h4 class="card-title">{{__('messages.profileDetails')}}</h4></div>
                            <div class="py-2 my-25 card-body">
                                <div class="tab-content">
                                    <!-- general tab -->
                                    <div role="tabpanel" class="tab-pane active" id="profile" aria-labelledby="account-pill-general" aria-expanded="true">
                                        <!-- form -->
                                        <div class="col-xl-12 col-lg-12 col-md-12">
                                            <div class="card user-card mt-2 mb-0">
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="col-xl-6 col-lg-12 d-flex flex-column justify-content-between border-container-lg">
                                                            <div class="user-avatar-section">
                                                                <div class="d-flex justify-content-start">
                                                                    <img class="img-fluid rounded" src="{{ asset('app-assets/images/portrait/small/acc_image.png') }}" height="104" width="104" alt="User avatar" />
{{--                                                                    <div class="d-flex flex-column ml-1">--}}
{{--                                                                        <div class="user-info mb-1">--}}
{{--                                                                            <h4 class="mb-0">{{$users->name}}</h4>--}}
{{--                                                                            <span class="card-text">{{$users->email}}</span>--}}
{{--                                                                        </div>--}}
{{--                                                                        <div class="d-flex flex-wrap">--}}
{{--                                                                            <a href="{{route('user.edit',$users->id)}}" class="btn btn-primary">Edit</a>--}}
{{--                                                                            <button class="btn btn-outline-danger ml-1">Delete</button>--}}
{{--                                                                        </div>--}}
{{--                                                                    </div>--}}
                                                                </div>
                                                            </div>
                                                            {{--                                    <div class="d-flex align-items-center user-total-numbers">--}}
                                                            {{--                                        <div class="d-flex align-items-center mr-2">--}}
                                                            {{--                                            <div class="color-box bg-light-primary">--}}
                                                            {{--                                                <i data-feather="dollar-sign" class="text-primary"></i>--}}
                                                            {{--                                            </div>--}}
                                                            {{--                                            <div class="ml-1">--}}
                                                            {{--                                                <h5 class="mb-0">-</h5>--}}
                                                            {{--                                                <small>-</small>--}}
                                                            {{--                                            </div>--}}
                                                            {{--                                        </div>--}}
                                                            {{--                                        <div class="d-flex align-items-center">--}}
                                                            {{--                                            <div class="color-box bg-light-success">--}}
                                                            {{--                                                <i data-feather="trending-up" class="text-success"></i>--}}
                                                            {{--                                            </div>--}}
                                                            {{--                                            <div class="ml-1">--}}
                                                            {{--                                                <h5 class="mb-0">-</h5>--}}
                                                            {{--                                                <small>-</small>--}}
                                                            {{--                                            </div>--}}
                                                            {{--                                        </div>--}}
                                                            {{--                                    </div>--}}
                                                        </div>
                                                        <div class="col-xl-6 col-lg-12 mt-2 mt-xl-0">
                                                            <div class="user-info-wrapper">
                                                                <div class="d-flex flex-wrap">
                                                                    <div class="user-info-title">
                                                                        <i data-feather="user" class="mr-1"></i>
                                                                        <span class="card-text user-info-title font-weight-bold mb-0">Username</span>
                                                                    </div>
                                                                    <p class="card-text mb-0 ml-5">{{$users->name}}</p>
                                                                </div>
                                                                <div class="d-flex flex-wrap my-50">
                                                                    <div class="user-info-title">
                                                                        <i data-feather="check" class="mr-1"></i>
                                                                        <span class="card-text user-info-title font-weight-bold mb-0">Status</span>
                                                                    </div>
                                                                    @if ($users->active =='1')
                                                                        <p class="card-text mb-0 ml-5"> Active</p>
                                                                    @else
                                                                        <p class="card-text mb-0 ml-5"> Inactive</p>
                                                                    @endif
                                                                </div>
                                                                <div class="d-flex flex-wrap my-50">
                                                                    <div class="user-info-title">
                                                                        <i data-feather="star" class="mr-1"></i>
                                                                        <span class="card-text user-info-title font-weight-bold mb-0">Role</span>
                                                                    </div>
                                                                    <p class="card-text mb-0 ml-5">{{$users->role->name}}</p>
                                                                </div>
                                                                <div class="d-flex flex-wrap my-50">
                                                                    <div class="user-info-title">
                                                                        <i data-feather="flag" class="mr-1"></i>
                                                                        <span class="card-text user-info-title font-weight-bold mb-0">Country</span>
                                                                    </div>
                                                                    <p class="card-text mb-0 ml-5">{{ $users->country }}</p>
                                                                </div>
                                                                <div class="d-flex flex-wrap">
                                                                    <div class="user-info-title">
                                                                        <i data-feather="phone" class="mr-1"></i>
                                                                        <span class="card-text user-info-title font-weight-bold mb-0">Contact</span>
                                                                    </div>
                                                                    <p class="card-text mb-0 ml-5">{{ $users->phone }}</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--/ form -->
                                    </div>
                                    <!--/ general tab -->

                                    <!-- change password -->
                                    <div class="tab-pane fade" id="change-password" role="tabpanel" aria-labelledby="account-pill-password" aria-expanded="true">


                                    </div>
                                    <!--/ change password -->

                                    <!-- information -->
                                    <div class="tab-pane fade" id="account-vertical-info" role="tabpanel" aria-labelledby="account-pill-info" aria-expanded="false">
                                        <div class="row" id="table-hover-animation">
                                            <div class="col-12">
                                                <div class="card " >
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Employment Number</label>
                                                                <h4 class="mt-1">{{ isset( $users->userPersonalInfo->employment_number) &&  $users->userPersonalInfo->employment_number ?  $users->userPersonalInfo->employment_number:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Nationality</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->nationality) && $users->userPersonalInfo->nationality ? $users->userPersonalInfo->nationality:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Religion</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->religion) && $users->userPersonalInfo->religion ? $users->userPersonalInfo->religion:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>National ID</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->national_id)  && $users->userPersonalInfo->national_id ? $users->userPersonalInfo->national_id:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Passport Number</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->passport_number)  && $users->userPersonalInfo->passport_number ? $users->userPersonalInfo->passport_number:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Hiring Date</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->hiring_date) && $users->userPersonalInfo->hiring_date ? $users->userPersonalInfo->hiring_date:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>End of Probation</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->end_probation) && $users->userPersonalInfo->end_probation ? $users->userPersonalInfo->end_probation:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Personal Email</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->personal_email) && $users->userPersonalInfo->personal_email  ? $users->userPersonalInfo->personal_email:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Birth Date</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->birth_date) && $users->userPersonalInfo->birth_date ? $users->userPersonalInfo->birth_date:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Phone Number</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->phone_number) && $users->userPersonalInfo->phone_number  ? $users->userPersonalInfo->phone_number : '-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Extension Number</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->extension_number) && $users->userPersonalInfo->extension_number ? $users->userPersonalInfo->extension_number:'-'  }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Mobile Number</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->mobile_number) && $users->userPersonalInfo->mobile_number ? $users->userPersonalInfo->mobile_number: '-'  }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Address</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->address) && $users->userPersonalInfo->address ? $users->userPersonalInfo->address:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Gender</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->gender) && $users->userPersonalInfo->gender ? $users->userPersonalInfo->gender:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Marital Status</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->marital_status) && $users->userPersonalInfo->marital_status ? $users->userPersonalInfo->marital_status:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Labor Card</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->labor_card) && $users->userPersonalInfo->labor_card ? $users->userPersonalInfo->labor_card:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Labor Card Expiry</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->labor_card_expiry) && $users->userPersonalInfo->labor_card_expiry ? $users->userPersonalInfo->labor_card_expiry:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Mol Number</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->mol_number) && $users->userPersonalInfo->mol_number ? $users->userPersonalInfo->mol_number:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Resident ID</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->resident_id) && $users->userPersonalInfo->resident_id  ? $users->userPersonalInfo->resident_id:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Contract Type</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->contract_type) && $users->userPersonalInfo->contract_type ? $users->userPersonalInfo->contract_type:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>End of Contract</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->end_of_contract) && $users->userPersonalInfo->end_of_contract ? $users->userPersonalInfo->end_of_contract:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Citizen</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->citizen) && $users->userPersonalInfo->citizen ? 'Yes':'No' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Roster Shifts</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->roster_shifts) && $users->userPersonalInfo->roster_shifts ? 'Yes':'No' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Name</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->emergency_name) && $users->userPersonalInfo->emergency_name ? $users->userPersonalInfo->emergency_name:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Relation</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->emergency_relation) && $users->userPersonalInfo->emergency_relation ? $users->userPersonalInfo->emergency_relation:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Phone Number</label>
                                                                <h4 class="mt-1">{{ isset($users->userPersonalInfo->emergency_phone) && $users->userPersonalInfo->emergency_phone ? $users->userPersonalInfo->emergency_phone:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/ information -->

                                    <!-- social -->
                                    <div class="tab-pane fade" id="account-vertical-social" role="tabpanel" aria-labelledby="account-pill-social" aria-expanded="false">
                                        <div class="row" id="table-hover-animation">
                                            <div class="col-12">
                                                <div class="card " >
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Position</label>
                                                                <h4 class="mt-1">{{ isset($users->userProInfo->position) && $users->userProInfo->position  ? $users->userProInfo->position :'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Work Location</label>
                                                                <h4 class="mt-1">{{ isset($users->userProInfo->work_location) && $users->userProInfo->work_location   ? $users->userProInfo->work_location :'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Department</label>
                                                                <h4 class="mt-1">{{ isset($users->userProInfo->department) && $users->userProInfo->department ? $users->userProInfo->department :'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Section</label>
                                                                <h4 class="mt-1">{{ isset($users->userProInfo->section) && $users->userProInfo->section ? $users->userProInfo->section:'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Main Project</label>
                                                                <h4 class="mt-1">{{ isset($users->userProInfo->main_project) && $users->userProInfo->main_project ? $users->userProInfo->main_project:'-'  }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Hierarchy Group</label>
                                                                <h4 class="mt-1">{{ isset($users->userProInfo->hierarchy_group) && $users->userProInfo->hierarchy_group ? $users->userProInfo->hierarchy_group :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Work Type</label>
                                                                <h4 class="mt-1">{{ isset($users->userProInfo->work_type) && $users->userProInfo->work_type ? $users->userProInfo->work_type :'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Direct Manager</label>
                                                                <h4 class="mt-1">{{ isset($users->userProInfo->direct_manager) && $users->userProInfo->direct_manager ? $users->userProInfo->direct_manager :'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Supervisor</label>
                                                                <h4 class="mt-1">{{ isset($users->userProInfo->supervisor) && $users->userProInfo->supervisor ? $users->userProInfo->supervisor :'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Effective On</label>
                                                                <h4 class="mt-1">{{ isset($users->userProInfo->effective_on) && $users->userProInfo->effective_on ? $users->userProInfo->effective_on :'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Expires On</label>
                                                                <h4 class="mt-1">{{ isset($users->userProInfo->expires_on) && $users->userProInfo->expires_on ? $users->userProInfo->expires_on :'-' }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/ social -->

                                    <!-- notifications -->
                                    <div class="tab-pane fade" id="account-vertical-notifications" role="tabpanel" aria-labelledby="account-pill-notifications" aria-expanded="false">
                                        <div class="row" id="table-hover-animation">
                                            <div class="col-12">
                                                <div class="card " >
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Basic Salary </label>
                                                                <h4 class="mt-1">{{ isset($users->salaryPackage->basic_salary) && $users->salaryPackage->basic_salary ? $users->salaryPackage->basic_salary :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Basic Salary Currency </label>
                                                                <h4 class="mt-1">{{ isset($users->salaryPackage->Basic_salary_currency) && $users->salaryPackage->Basic_salary_currency ? $users->salaryPackage->Basic_salary_currency :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Salary Count </label>
                                                                <h4 class="mt-1">{{ isset($users->salaryPackage->salary_count) && $users->salaryPackage->salary_count ? $users->salaryPackage->salary_count :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>GL Account Number</label>
                                                                <h4 class="mt-1">{{ isset($users->salaryPackage->gl_account_number) && $users->salaryPackage->gl_account_number ? $users->salaryPackage->gl_account_number :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Salary Transferred Form</label>
                                                                <h4 class="mt-1">{{ isset($users->salaryPackage->salary_transferred_form) && $users->salaryPackage->salary_transferred_form ? $users->salaryPackage->salary_transferred_form :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Payment Method</label>
                                                                <h4 class="mt-1">{{ isset($users->salaryPackage->payment_method) && $users->salaryPackage->payment_method ? $users->salaryPackage->payment_method :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>Resident</label>
                                                                <h4 class="mt-1"> {{ isset($users->salaryPackage->resident) && $users->salaryPackage->resident == 1 ? 'Yes':'No' }}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <h2>GOSI Salary</h2>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>GOSI Salary</label>
                                                                <h4 class="mt-1">{{ isset($users->salaryPackage->gosi_salary) && $users->salaryPackage->gosi_salary ? $users->salaryPackage->gosi_salary :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>GOSI Currency</label>
                                                                <h4 class="mt-1">{{ isset($users->salaryPackage->gosi_currency) && $users->salaryPackage->gosi_currency ? $users->salaryPackage->gosi_currency :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>GOSI Number</label>
                                                                <h4 class="mt-1">{{ isset($users->salaryPackage->gosi_number) && $users->salaryPackage->gosi_number ? $users->salaryPackage->gosi_number :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <label>GOSI Rule</label>
                                                                <h4 class="mt-1">{{ isset($users->salaryPackage->gosi_rule) && $users->salaryPackage->gosi_rule ? $users->salaryPackage->gosi_rule :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>GOSI ParticipationDate</label>
                                                                <h4 class="mt-1">{{ isset($users->salaryPackage->gosi_participation_date) && $users->salaryPackage->gosi_participation_date ? $users->salaryPackage->gosi_participation_date :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                            <div class="col-4">
                                                                <label>Effective On </label>
                                                                <h4 class="mt-1">{{ isset($users->salaryPackage->effective_on_date) && $users->salaryPackage->effective_on_date ? $users->salaryPackage->effective_on_date :'-'}}</h4>
                                                                <hr>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/ notifications -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/ right content section -->
                </div>
            </section>
            <!-- Table Hover Animation start -->
{{--            <div class="row" id="table-hover-animation">--}}
{{--                <div class="col-12">--}}
{{--                    <div class="card" >--}}
{{--                        <div class="card-body">--}}
{{--                            <div class="row">--}}
{{--                                <div class="col-6">--}}
{{--                                    <label>{{__('messages.name')}}</label>--}}
{{--                                    <h5 class="mt-1">{{$users->name}}</h5>--}}
{{--                                <hr>--}}
{{--                                </div>--}}
{{--                                <div class="col-6">--}}
{{--                                <label>{{__('messages.EMAIL')}}</label>--}}
{{--                                    <h5 class="mt-1">{{$users->email}}</h5>--}}
{{--                                <hr>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="row">--}}
{{--                                <div class="col-6">--}}
{{--                                    <label>{{__('messages.Role')}}</label>--}}
{{--                                    <h5 class="mt-1">{{$users->role->name}}</h5>--}}
{{--                                <hr>--}}
{{--                                </div>--}}
{{--                                <div class="col-6">--}}
{{--                                    <label>{{__('messages.LoginPin')}}</label>--}}
{{--                                    <h5 class="mt-1">{{$users->login_pin}}</h5>--}}
{{--                                <hr>--}}
{{--                                </div>--}}
{{--                                <div class="col-6">--}}
{{--                                <label>{{__('messages.PHONE')}}</label>--}}
{{--                                    <h5 class="mt-1">--</h5>--}}
{{--                                <hr>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="row">--}}
{{--                                <div class="col-6">--}}
{{--                                    <label>{{__('messages.EmailVerified')}}</label>--}}
{{--                                    <h5 class="mt-1">{{$users->email_verified_at}}</h5>--}}
{{--                                <hr>--}}
{{--                                </div>--}}
{{--                                <div class="col-6">--}}
{{--                                <label>{{__('messages.EmailVerified')}}</label>--}}
{{--                                    <h5 class="mt-1">{{$users->account_number}}</h5>--}}
{{--                                <hr>--}}
{{--                                </div>--}}
{{--                            </div>--}}

{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
                        <!-- Roles section -->
{{--           <div class="content-header row mt-2">--}}
{{--            <div class="content-header-left col-md-6 col-12 mb-2">--}}
{{--                <div class="row breadcrumbs-top">--}}
{{--                    <div class="col-12">--}}
{{--                        <h5 class=" float-left mb-0 pt-1">{{__('messages.Roles')}}</h5>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">--}}
{{--                <div class="form-group breadcrumb-right mb-1">--}}
{{--                <button class="btn btn-primary waves-effect waves-float waves-light" type="button" data-toggle="modal" data-target="#role">Edit Roles</button>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            </div>--}}
{{--            <div class="card">--}}
{{--                <div class="card-body">--}}
{{--                <span class="badge bg-secondary">{{$users->role->name}}</span>--}}
{{--                </div>--}}
{{--            </div>--}}

{{--            <div class="modal-size-md d-inline-block">--}}
{{--                <!--Role Modal -->--}}
{{--                <div class="modal fade text-left" id="role" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">--}}
{{--                    <div class="modal-dialog modal-dialog-centered modal-md" role="document">--}}
{{--                        <div class="modal-content">--}}
{{--                            <form class="dt_adv_search" method="POST">--}}
{{--                                <div class="modal-header">--}}
{{--                                    <h4 class="modal-title" id="myModalLabel17">Assign Roles</h4>--}}
{{--                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">--}}
{{--                                        <span aria-hidden="true">&times;</span>--}}
{{--                                    </button>--}}
{{--                                </div>--}}
{{--                                <div class="modal-body">--}}

{{--                                    <div class="row">--}}
{{--                                        <div class="col-12">--}}
{{--                                            <div class="form-row mb-1">--}}
{{--                                                <div class="col-md-12 mb-1">--}}
{{--                                                    <label>Role</label>--}}
{{--                                                    <select class="select2 form-control form-control-lg" id="user_role_select" name="user_roles[]" multiple >--}}
{{--                                                        @foreach($roles as $userRole)--}}
{{--                                                            <option value="{{$userRole->id}}">{{$userRole->name}}</option>--}}
{{--                                                        @endforeach--}}
{{--                                                        <option value="">test</option>--}}
{{--                                                    </select>--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                                <div class="modal-footer">--}}
{{--                                    <button type="submit" onclick="addRole({{$users->id}})" class="btn btn-primary" data-dismiss="modal">Apply</button>--}}
{{--                                </div>--}}
{{--                            </form>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
                        <!-- Users -->
                        <div class="content-header row mt-3">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h5 class=" float-left mb-0 pt-1">{{__('messages.Branches')}}</h5>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <div class="form-group breadcrumb-right mb-1">
{{--                <button class="btn btn-primary waves-effect waves-float waves-light" type="button" data-toggle="modal" data-target="#tag">Edit Branches</button>--}}
                </div>
            </div>
            </div>
            <div class="card">
                <div class=" text-center">
                <table class="invoice-list-table table">
                                <thead>
                                    <tr>
                                        <th>{{__('messages.name')}}</th>
                                        <th>{{__('messages.REFERENCE')}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                @foreach($users->branches as $branches)
                                    <tr>
                                        <td>{{ $branches->name }}</td>
                                        <td>{{$branches->reference}}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                </div>
            </div>
            <!-- tag section -->
            <div class="content-header row mt-2">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h5 class=" float-left mb-0 pt-1">{{__('messages.Tags')}}</h5>
                    </div>
                </div>
            </div>
            <div id="button" class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <div class="form-group breadcrumb-right mb-1">
                    <button class="btn btn-primary waves-effect waves-float waves-light" type="button" data-toggle="modal" data-target="#tag" onclick="getTag({{$users->id}})">{{__('messages.EditTags')}}</button>
                </div>
            </div>
            </div>
            <div class="card">
                <div class="card-body" id="tag-list-card-body">
                    @foreach($users->tag as $userTag)
                    <span class="badge bg-secondary">{{$userTag->name}}</span>
                    @endforeach
                </div>
            </div>
            <div class="modal-size-md d-inline-block">
                <!--User Modal -->
                <div class="modal fade text-left" id="tag" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                        <div class="modal-content">
                            <form class="dt_adv_search" method="POST">
                                <div class="modal-header">
                                    <h4 class="modal-title" id="myModalLabel17">{{__('messages.EditTags')}}</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">

                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-row mb-1">
                                                <div class="col-md-12 mb-1">
                                                    <label>{{__('messages.Tags')}}</label>
                                                    <select class="select2 form-control form-control-lg" id="user_tags_select" name="user_tags[]" multiple >
                                                        @foreach($userTags as $userTag)
                                                            <option value="{{$userTag->id}}">{{$userTag->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="submit" onclick="addTag({{$users->id}})" class="btn btn-primary" data-dismiss="modal">
                                        {{__('messages.Apply')}}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('my_scripts')
            <script>
                function getTag(user_id){
                    let tag_select = $("#user_tags_select");
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('input[name="_token"]').val()
                        }
                    });
                    $.ajax({
                        method:'POST',
                        url:"{{route('user.get_tags')}}",
                        data:{user_id:user_id}, //data to be sent on server
                        dataType:'json',
                        success:function (data){
                            const { user_tags } = data;
                            tag_select.val(user_tags); // Select the option with a values in array
                            tag_select.trigger('change');
                        }
                    });
                }
                function addTag(user_id){
                    let tagIds=$("#user_tags_select").val(); //values from option
                    console.log(tagIds);
                    if(tagIds.length > 0){
                    $.ajaxSetup({
                        headers:{
                            'X-CSRF-TOKEN': $('input[name="_token"]').val()
                        }
                    });
                    $.ajax({
                       method:'POST',
                       url: "{{route('user.add_tags')}}",
                       dataType:'json',
                       data:{tagIds:tagIds , user_id:user_id},
                        success:function (data){
                           // console.log(data);
                            const { status, message, user_tags } = data;
                            const card_body = $('#tag-list-card-body');
                            const button = $('#button');
                            card_body.empty();
                            $.each(user_tags,function (i, user_tag){
                                card_body.append(` <span class="badge bg-secondary">${user_tag.name}</span>`);
                            });
                            Swal.fire({
                                icon: 'success',
                                title: `${status}`,
                                text: `${message}`,
                            })
                        },
                        error:function (data){
                           console.log(data);
                        }
                    });
                    }else {
                        Swal.fire({
                            title: 'Error!',
                            text: 'Select Tag',
                            icon: 'error',
                            customClass: {
                                confirmButton: 'btn btn-primary'
                            },
                            showClass: {
                                popup: 'animate__animated animate__shakeX'
                            },
                            buttonsStyling: false
                        });
                    }
                }
            </script>
@endpush