@extends('layouts.app_hr')
@section('title',__('hr.employee_show'))
@section("css")
    <link rel="stylesheet" href="{{asset('assets/vendor/pages/page-profile.css')}}" />
@stop

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb breadcrumb-style1">
                <li class="breadcrumb-item">
                    <a href="#">{{__('home.home')}}</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="#">{{__('hr.hr_management')}}</a>
                </li>
                <li class="breadcrumb-item active">{{__('hr.employee_show')}}</li>
            </ol>
        </nav>

    </section>
    </section>
         <!-- Header -->
        <div class="row w-transition-all tw-duration-200  tw-rounded-xl hover:tw-translate-y-0.5 ">
            <div class="col-12">
                <div class="card mb-6" >
                    <div class="user-profile-header-banner" >
                        <img src="{{asset('assets/img/pages/profile-banner.png')}}" alt="Banner image" class="rounded-top">
                    </div>
                    <div class="user-profile-header d-flex flex-column flex-sm-row text-sm-start text-center mb-5">
                        <div class="flex-shrink-0 mt-n2 mx-sm-0 mx-auto">

                            @if(!@empty($employee->emp_photo))
                                <img  src="{{ asset('assets/admin/uploads').'/'.$employee->emp_photo }}"  class="d-block h-auto ms-0 ms-sm-5 rounded-4 user-profile-img">
                            @else

                                @if($employee->gender ==1)
                                    <img  src="{{ asset('assets/admin/imgs/avatar-man.png') }}"    class="d-block h-auto ms-0 ms-sm-5 rounded-4 user-profile-img">
                                @elseif($employee->gender ==2 )
                                    <img  src="{{ asset('assets/admin/imgs/avatar-woman.png') }}"   class="d-block h-auto ms-0 ms-sm-5 rounded-4 user-profile-img">
                                @else

                                    <img  src="{{ asset('assets/admin/imgs/not-selected.jpg') }}" class="d-block h-auto ms-0 ms-sm-5 rounded-4 user-profile-img">

                                @endif

                            @endif
                        </div>
                        <div class="flex-grow-1 mt-4 mt-sm-12">
                            <div class="d-flex align-items-md-end align-items-sm-start align-items-center justify-content-md-between justify-content-start mx-5 flex-md-row flex-column gap-6">
                                <div class="user-profile-info">
                                    <h4 class="mb-4">{{$employee->first_name}}</h4>
                                    <ul class="list-inline mb-0 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center gap-4">
                                        <li class="list-inline-item">
                                            <i class="ri-palette-line me-2 ri-24px "  data-bs-toggle="tooltip" data-bs-placement="top" title="{{__('hr.job')}}"></i><span class="fw-medium">{{$employee->jobs->name  ?? __('hr.not_added')}}</span>
                                        </li>
                                        <li class="list-inline-item">
                                            <i class="ri-album-fill me-2 ri-24px "  data-bs-toggle="tooltip" data-bs-placement="top" title="{{__('hr.department')}}"></i><span class="fw-medium">{{$employee->departments->name ?? __('hr.not_added')}}</span>
                                        </li>
                                        <li class="list-inline-item">
                                            <i class="ri-map-pin-line me-2 ri-24px " data-bs-toggle="tooltip" data-bs-placement="top" title="{{__('business.business_location')}}"></i><span class="fw-medium"> {{ $employee->location->name ?? __('hr.not_added')}}</span>
                                        </li>
                                    </ul>
                                </div>
                                <a href="{{action('App\Http\Controllers\Hr\EmployeeController@edit', [$employee->id])}}" class="btn btn-primary waves-effect waves-light">
                                    <i class="ri-user-follow-line ri-16px me-2"></i>{{__('messages.edit')}}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/ Header -->



        <!-- User Profile Content -->
    <div class="nav-align-top">
        <ul class="nav nav-pills mb-4" role="tablist">
            <li class="nav-item">
                <button type="button" class="nav-link active" role="tab" data-bs-toggle="tab" data-bs-target="#navs-pills-top-home" aria-controls="navs-pills-top-home" aria-selected="true"><i class="ri-user-3-line me-2"></i>Profile</button>
            </li>
            <li class="nav-item">
                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#navs-pills-top-profile" aria-controls="navs-pills-top-profile" aria-selected="false">Profile</button>
            </li>
            <li class="nav-item">
                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#navs-pills-top-messages" aria-controls="navs-pills-top-messages" aria-selected="false">Messages</button>
            </li>
        </ul>
        <div class="tab-content" style="background-color: transparent !important; border-width: 0px !important;">
            <div class="tab-pane fade show active " id="navs-pills-top-home" role="tabpanel">
                <div class="col-xl-4 col-lg-5 col-md-5 w-transition-all tw-duration-200  tw-rounded-xl hover:tw-translate-y-0.5 ">
                    <!-- About User -->
                    <div class="card mb-6">
                        <div class="card-body">
                            <small class="card-text text-uppercase text-muted small">{{__('hr.info_data')}}</small>
                            <ul class="list-unstyled my-3 py-1">
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-user-3-line ri-24px "></i><span class="fw-medium mx-2">{{__('user.name')}}:</span>
                                    <span>{{$employee->first_name . ' ' . $employee->last_name}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-english-input ri-24px "></i><span class="fw-medium mx-2">{{__('hr.name_en')}}:</span>
                                    <span>{{$employee->name_en}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-check-line ri-24px "></i><span class="fw-medium mx-2">{{__('business.prefix')}}:</span>
                                    <span>{{$employee->prefix ?? __('hr.not_added')}}</span>
                                </li>
                                 <li class="d-flex align-items-center mb-4">
                                    <i class="ri-men-fill ri-24px "></i><span class="fw-medium mx-2">{{__('lang_v1.gender')}}:</span>
                                    <span>
                                        @if($employee->employment_status == 1)
                                            {{__('hr.male')}}
                                        @elseif($employee->employment_status == 2)
                                            {{__('hr.female')}}
                                        @else
                                            {{__('hr.not_added')}}
                                        @endif
                                    </span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-user-smile-fill ri-24px "></i><span class="fw-medium mx-2">{{__('lang_v1.marital_status')}}:</span>
                                    <span>{{$employee->marital_status ? __('hr.'.$employee->marital_status ):__('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-calendar-event-fill ri-24px "></i><span class="fw-medium mx-2">{{__('lang_v1.dob')}}:</span>
                                    <span>{{$employee->birth_date ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-id-card-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.national_id')}}:</span>
                                    <span>{{$employee->national_id ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-id-card-line ri-24px "></i><span class="fw-medium mx-2">{{__('hr.national_id_place')}}:</span>
                                    <span>{{$employee->national_id_place ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-pass-expired-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.national_id_expire')}}:</span>
                                    <span>{{$employee->national_id_expire ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-omega ri-24px "></i><span class="fw-medium mx-2">{{__('hr.blood_group')}}:</span>
                                    <span>{{$employee->blood_group->name ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-flag-2-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.nationality')}}:</span>
                                    <span>{{$employee->nationality->name ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-english-input ri-24px "></i><span class="fw-medium mx-2">{{__('business.language')}}:</span>
                                    <span>{{$employee->language->name ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-moon-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.religion')}}:</span>
                                    <span>{{$employee->religion->name ?? __('hr.not_added')}}</span>
                                </li>
                            </ul>
                            <small class="card-text text-uppercase text-muted small">{{__('hr.military_status')}}</small>
                            <li class="d-flex align-items-center mb-4 mt-4">
                                <i class="ri-police-badge-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.military_status')}}:</span>
                                <span>
                                    @if($employee->military_status != null)
                                    {{$employee->military_status->name ? __('hr.'.$employee->military_status->name) : __('hr.not_added')}}
                                   @endif
                                </span>
                            </li>
                            @if( $employee->military_status != null && $employee->military_status->name == 'completed')
                                <li class="d-flex align-items-center mb-4 mt-4">
                                    <i class="ri-calendar-check-line ri-24px "></i><span class="fw-medium mx-2">{{__('hr.emp_military_date_from')}}:</span>
                                    <span>{{$employee->emp_military_date_from ?? __('hr.not_added')}}</span><br>
                                </li>
                                <li class="d-flex align-items-center mb-4 mt-4">
                                    <i class="ri-calendar-close-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.emp_military_date_to')}}:</span>
                                    <span>{{$employee->emp_military_date_to ?? __('hr.not_added')}}</span><br>
                                </li>
                                <li class="d-flex align-items-center mb-4 mt-4">
                                    <i class="ri-ship-2-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.emp_military_weapon')}}:</span>
                                    <span>{{$employee->emp_military_weapon ?? __('hr.not_added')}}</span><br>
                                </li>

                            @elseif( $employee->military_status != null  && $employee->military_status->name == 'exemption' )
                                <li class="d-flex align-items-center mb-4 mt-4">
                                    <i class="ri-calendar-close-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.exemption_date')}}:</span>
                                    <span>{{$employee->exemption_date ?? __('hr.not_added')}}</span><br>
                                </li>
                                <li class="d-flex align-items-center mb-4 mt-4">
                                    <i class="ri-question-mark ri-24px "></i><span class="fw-medium mx-2">{{__('hr.exemption_reason')}}:</span>
                                    <span>{{$employee->exemption_reason ?? __('hr.not_added')}}</span><br>
                                </li>
                            @elseif( $employee->military_status != null  && $employee->military_status->name == 'delayed')
                                <li class="d-flex align-items-center mb-4 mt-4">
                                    <i class="ri-question-mark ri-24px "></i><span class="fw-medium mx-2">{{__('hr.postponement_reason')}}:</span>
                                    <span>{{$employee->postponement_reason ?? __('hr.not_added')}}</span><br>
                                </li>
                            @endif

                        </div>
                    </div>
                    <!--/ About User -->
                </div>
                <div class="col-xl-4 col-lg-5 col-md-5 w-transition-all tw-duration-200  tw-rounded-xl hover:tw-translate-y-0.5 ">
                    <!-- Profile Overview -->
                    <div class="card mb-6">
                        <div class="card-body">
                            <small class="card-text text-uppercase text-muted small">{{__('hr.contact_data')}}</small>
                            <ul class="list-unstyled my-3 py-1">
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-phone-line ri-24px "></i><span class="fw-medium mx-2">{{__('hr.phone')}}:</span>
                                    <span>{{$employee->contact_no ?? __('hr.not_added')}}</span>
                                </li><li class="d-flex align-items-center mb-4">
                                    <i class="ri-phone-line ri-24px "></i><span class="fw-medium mx-2">{{__('hr.home_phone')}}:</span>
                                    <span>{{$employee->home_phone ?? __('hr.not_added')}}</span>
                                </li><li class="d-flex align-items-center mb-4">
                                    <i class="ri-phone-line ri-24px "></i><span class="fw-medium mx-2">{{__('hr.work_phone')}}:</span>
                                    <span>{{$employee->work_phone ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-facebook-fill ri-24px "></i><span class="fw-medium mx-2">{{__('lang_v1.fb_link')}}:</span>
                                    <span>{{$employee->fb_link ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-mail-open-line ri-24px "></i><span class="fw-medium mx-2">{{__('hr.personal_email')}}:</span>
                                    <span>{{$employee->personal_email ?? __('hr.not_added')}}</span>
                                </li>
                            </ul>
                            <small class="card-text text-uppercase  text-muted small">{{__('hr.address_data')}}</small>
                            <ul class="list-unstyled mb-0 mt-3 pt-1">
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-home-2-line ri-24px  text-body me-2"></i>
                                    <div class="d-flex flex-wrap">
                                        <span class="fw-medium me-2">{{ $employee->country != null && $employee->country->name  ? $employee->country->name .' ('. $employee->state->name .')'.' '.$employee->city->name:  __('hr.not_added')}}</span><span></span>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-home-3-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.current_address')}}:</span>
                                    <span>{{$employee->current_address ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-home-3-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.permanent_address')}}:</span>
                                    <span>{{$employee->permanent_address ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-home-3-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.country_address')}}:</span>
                                    <span>{{$employee->country_address ?? __('hr.not_added')}}</span>
                                </li>
                            </ul>
                            <small class="card-text text-uppercase text-muted small">{{__('hr.qualification_data')}}</small>
                            <ul class="list-unstyled mb-0 mt-3 pt-1">
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-graduation-cap-fill ri-24px  text-body me-2"></i><span class="fw-medium mx-2">{{__('hr.qualification')}}:</span>
                                    <div class="d-flex flex-wrap">
                                        <span>{{$employee->qualification != null && $employee->qualification->name ?? __('hr.not_added')}}</span>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-calendar-event-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.qualifications_year')}}:</span>
                                    <span>{{$employee->qualifications_year ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-sort-alphabet-asc ri-24px "></i><span class="fw-medium mx-2">{{__('hr.graduation_estimate')}}:</span>
                                    <span>{{$employee->graduation_estimate ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-file-word-2-line ri-24px "></i><span class="fw-medium mx-2">{{__('hr.graduation_specialization')}}:</span>
                                    <span>{{$employee->graduation_specialization ?? __('hr.not_added')}}</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--/ Profile Overview -->
                </div>
                <div class="col-xl-4 col-lg-5 col-md-5 w-transition-all tw-duration-200   ">
                    <!-- Profile Overview -->
                    <div class="card mb-6 ">
                        <div class="card-body w-transition-all tw-duration-200  tw-rounded-xl hover:tw-translate-y-0.5 ">
                            <small class="card-text text-uppercase text-muted small">{{__('hr.work_info')}}</small>
                            <ul class="list-unstyled my-3 py-1">
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-contract-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.employment_type')}}:</span>
                                    <span>{{$employee->employment_type->name ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-user-2-line ri-24px "></i><span class="fw-medium mx-2">{{__('hr.supervisor')}}:</span>
                                    @if($employee->supervisor )
                                        @php
                                            $emp = \App\User::find($employee->supervisor)
                                        @endphp
                                        <span>{{ $emp->first_name  }}</span>
                                        <span>
                                    @if(!@empty($emp->emp_photo))
                                                <img  src="{{ asset('assets/admin/uploads').'/'.$emp->emp_photo }}"  style=" border-radius: 50%; width:30px; height:30px;" class="rounded-circle" >
                                            @else

                                                @if($emp->gender==1)
                                                    <img  src="{{ asset('assets/admin/imgs/avatar-man.png') }}" style=" border-radius: 50%; width:30px; height:30px;" class="rounded-circle"  >
                                                @elseif($emp->gender ==2 )
                                                    <img  src="{{ asset('assets/admin/imgs/avatar-woman.png') }}" style=" border-radius: 50%; width:30px; height:30px;" class="rounded-circle"  >
                                                @else

                                                    <img  src="{{ asset('assets/admin/imgs/not-selected.jpg') }}" style=" border-radius: 50%; width:30px; height:30px;" class="rounded-circle"   >

                                                @endif

                                            @endif
                                    </span>
                                    @else
                                        <span>{{ __('hr.not_added')}}</span>
                                    @endif

                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-calendar-event-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.emp_start_date')}}:</span>
                                    <span>{{$employee->emp_start_date ?? __('hr.not_added')}}</span>
                                </li>

                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-information-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.employment_status')}}:</span>
                                    <span>
                              @if($employee->employment_status == 1)
                                            {{__('hr.in_work')}}
                                        @elseif($employee->employment_status == 0)
                                            {{__('hr.pit_work')}}
                                        @else
                                            {{__('hr.not_added')}}
                                        @endif
                                </span>
                                </li>

                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-fingerprint-2-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.has_attendance')}}:</span>
                                    <span>
                              @if($employee->has_attendance == 1)
                                            {{__('messages.yes')}}
                                        @elseif($employee->has_attendance == 0)
                                            {{__('messages.no')}}
                                        @else
                                            {{__('hr.not_added')}}
                                        @endif
                                </span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-24-hours-line ri-24px "></i><span class="fw-medium mx-2">{{__('hr.has_fixed_shift')}}:</span>
                                    <span>
                              @if($employee->has_fixed_shift == 1)
                                            {{__('messages.yes')}}
                                        @elseif($employee->has_fixed_shift == 0)
                                            {{__('messages.no')}}
                                        @else
                                            {{__('hr.not_added')}}
                                        @endif
                                </span>
                                </li>
                                @if($employee->has_fixed_shift == 1)
                                    <li class="d-flex align-items-center mb-4">
                                        <i class="ri-24-hours-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.shift_type')}}:</span>
                                        <span>{{$employee->shift_type->name ?? __('hr.not_added')}}</span>
                                    </li>
                                @else
                                    <li class="d-flex align-items-center mb-4">
                                        <i class="ri-24-hours-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.daily_working_hours')}}:</span>
                                        <span>{{$employee->daily_work_hour ?? __('hr.not_added')}}</span>
                                    </li>
                                @endif
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-money-pound-box-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.salary')}}:</span>
                                    <span>{{$employee->salary ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-money-dollar-box-line ri-24px "></i><span class="fw-medium mx-2">{{__('hr.Motivation')}}:</span>
                                    <span>{{$employee->Motivation ?? __('hr.not_added')}}</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="card mb-6  ">
                        <div class="card-body w-transition-all tw-duration-200  tw-rounded-xl hover:tw-translate-y-0.5 ">
                            <small class="card-text text-uppercase text-muted small">{{__('hr.insurance_data')}}</small>
                            <ul class="list-unstyled my-3 py-1">
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-lifebuoy-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.social_insurance_number')}}:</span>
                                    <span>{{$employee->social_insurance_number ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-scissors-cut-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.monthly_deduct')}}:</span>
                                    <span>{{$employee->social_insurance_deduct_monthly ?? __('hr.not_added')}}</span>
                                </li>
                                <hr>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-medicine-bottle-line ri-24px "></i><span class="fw-medium mx-2">{{__('hr.medical_insurance_number')}}:</span>
                                    <span>{{$employee->medical_insurance_number ?? __('hr.not_added')}}</span>
                                </li>
                                <li class="d-flex align-items-center mb-4">
                                    <i class="ri-scissors-cut-fill ri-24px "></i><span class="fw-medium mx-2">{{__('hr.monthly_deduct')}}:</span>
                                    <span>{{$employee->medical_insurance_deduct_monthly ?? __('hr.not_added')}}</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--/ Profile Overview -->
                </div>

            </div>


            <div class="tab-pane fade" id="navs-pills-top-profile" role="tabpanel">

            </div>
            <div class="tab-pane fade" id="navs-pills-top-messages" role="tabpanel">

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


@stop