@php
    use App\Models\Attendance;
    use App\Models\Leave;
    use App\Models\LeaveType;
    use App\Models\SalarySetup;

    $isStaffViewer = auth()->user()->user_type === 'staff';
    $defaultAvatar = asset('storage/uploads/user-icon.png');
    $avatarUrl = $staff->user?->image ? asset('storage/'.$staff->user->image) : $defaultAvatar;
    $signin = Attendance::where('staff_id', $staff->id)->where('date', date('Y-m-d'))->first();
    $salary = SalarySetup::where('staff_id', $staff->id)->value('gross_salary');
    $weekendDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
@endphp
@extends($isStaffViewer ? 'employee.layouts.app' : 'admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Employee Profile'))
@section('content')
    @include('admin.staff.partials.profile_styles')
    <div class="container-fluid staff-profile-wrap">
        <div class="row mt-3">
            <div class="col-12">
                @if(!$isStaffViewer)
                    <div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
                        <div>
                            <h4 class="page-title mb-0">{{ __('Employee Profile') }}</h4>
                            <p class="text-muted mb-0 small">{{ __('Overview of employment, attendance, and leave.') }}</p>
                        </div>
                        <div class="d-flex flex-wrap" style="gap: 6px;">
                            <a href="{{ route('staffs.index') }}" class="btn btn-sm btn-outline-secondary">
                                <i class="fas fa-arrow-left mr-1"></i> {{ __('Back to list') }}
                            </a>
                            @can('User-list')
                                <a href="{{ route('admin.staffs.history', $staff->id) }}" class="btn btn-sm btn-outline-secondary">
                                    <i class="fas fa-history mr-1"></i> {{ __('History') }}
                                </a>
                            @endcan
                        </div>
                    </div>
                @endif

                <div class="card staff-profile-hero mb-3">
                    <div class="card-body">
                        <div class="d-flex flex-wrap align-items-center justify-content-between">
                            <div class="d-flex align-items-center mb-2 mb-md-0">
                                <img class="staff-profile-avatar mr-3"
                                     src="{{ $avatarUrl }}"
                                     alt="{{ $staff->user?->name ?? __('Employee') }}"
                                     onerror="this.onerror=null;this.src='{{ $defaultAvatar }}';">
                                <div>
                                    <div class="staff-profile-name">{{ $staff->user?->name ?? __('Unknown') }}</div>
                                    <div class="staff-profile-meta">
                                        {{ $staff->displaySid() }}
                                        @if($staff->designation || $staff->department)
                                            <span class="text-muted">·</span>
                                            {{ $staff->designation?->name ?? '—' }}
                                            @if($staff->department)
                                                ({{ $staff->department->name }})
                                            @endif
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="staff-profile-actions">
                                @if(!$isStaffViewer)
                                    @can('User-edit')
                                        <a class="btn btn-sm btn-primary" href="{{ route('staffs.edit', encrypt($staff->id)) }}">
                                            <i class="fas fa-edit mr-1"></i> {{ __('Edit') }}
                                        </a>
                                    @endcan
                                @endif
                                <a class="btn btn-sm btn-outline-dark" target="_blank" href="{{ route('ID.Card.view', $staff->id) }}">
                                    <i class="fas fa-id-card mr-1"></i> {{ __('ID card') }}
                                </a>
                                <a class="btn btn-sm btn-outline-secondary" target="_blank" href="{{ route('visiting.Card.view', $staff->id) }}">
                                    <i class="fas fa-address-card mr-1"></i> {{ __('Visiting card') }}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-6 col-md-3 mb-2 mb-md-0">
                        <div class="staff-profile-stat">
                            <div class="num">{{ services_length($staff->joing_date) }}</div>
                            <div class="lbl">{{ __('Service length') }}</div>
                        </div>
                    </div>
                    <div class="col-6 col-md-3 mb-2 mb-md-0">
                        <div class="staff-profile-stat">
                            <div class="num text-success">
                                @if($signin?->signIn)
                                    {{ date('h:i A', strtotime($signin->signIn)) }}
                                @else
                                    —
                                @endif
                            </div>
                            <div class="lbl">{{ __('In time today') }}</div>
                        </div>
                    </div>
                    <div class="col-6 col-md-3">
                        <div class="staff-profile-stat">
                            <div class="num text-primary">
                                @if($signin?->signOut)
                                    {{ date('h:i A', strtotime($signin->signOut)) }}
                                @else
                                    —
                                @endif
                            </div>
                            <div class="lbl">{{ __('Out time today') }}</div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12 mb-3">
                        @include('admin.staff.partials.employment_lifecycle', ['staff' => $staff])
                    </div>
                    <div class="col-lg-4">
                        <div class="card">
                            <div class="card-header">
                                <i class="fas fa-user mr-1 text-muted"></i> {{ __('Profile details') }}
                            </div>
                            <div class="card-body">
                                <div class="staff-profile-details">
                                    <div class="staff-profile-detail">
                                        <span class="lbl">{{ __('Joining date') }}</span>
                                        <span class="val">
                                            @if($staff->joing_date)
                                                <i class="fas fa-calendar-alt text-muted mr-1"></i>{{ $staff->joing_date->format('d M Y') }}
                                            @else
                                                —
                                            @endif
                                        </span>
                                    </div>
                                    <div class="staff-profile-detail">
                                        <span class="lbl">{{ __('Date of birth') }}</span>
                                        <span class="val">
                                            @if($staff->dob)
                                                {{ date('d F, Y', strtotime($staff->dob)) }}
                                            @else
                                                —
                                            @endif
                                        </span>
                                    </div>
                                    <div class="staff-profile-detail">
                                        <span class="lbl">{{ __('Branch') }}</span>
                                        <span class="val">{{ $staff->warehouse?->name ?? '—' }}</span>
                                    </div>
                                    <div class="staff-profile-detail">
                                        <span class="lbl">{{ __('Phone') }}</span>
                                        <span class="val">{{ $staff->user?->phone ?? ($staff->mobile_no ?: '—') }}</span>
                                    </div>
                                    <div class="staff-profile-detail">
                                        <span class="lbl">{{ __('Email') }}</span>
                                        <span class="val">{{ $staff->user?->email ?? '—' }}</span>
                                    </div>
                                    <div class="staff-profile-detail">
                                        <span class="lbl">{{ __('Salary') }}</span>
                                        <span class="val">
                                            @if($salary !== null)
                                                {{ $salary }}
                                            @elseif(!$isStaffViewer)
                                                @can('Salary-setup')
                                                    {{ __('Not setup yet') }}
                                                    <a class="btn btn-sm btn-outline-primary ml-1" href="{{ route('salary.setup') }}">{{ __('Setup') }}</a>
                                                @else
                                                    {{ __('Not setup') }}
                                                @endcan
                                            @else
                                                {{ __('Not setup') }}
                                            @endif
                                        </span>
                                    </div>
                                </div>

                                @if($isStaffViewer)
                                    <form action="{{ route('profile.picture.upoload') }}" method="POST" enctype="multipart/form-data" class="staff-photo-upload">
                                        @csrf
                                        <input type="hidden" name="user_id" value="{{ auth()->user()->id }}">
                                        <span class="staff-photo-upload__label">{{ __('Update photo') }}</span>
                                        <div class="staff-photo-upload__row">
                                            <div class="staff-photo-upload__picker">
                                                <label class="staff-photo-upload__btn mb-0">
                                                    <i class="fas fa-folder-open"></i> {{ __('Browse') }}
                                                    <input type="file" name="image" id="profilePhotoInput" accept="image/*">
                                                </label>
                                                <span class="staff-photo-upload__filename" id="profilePhotoName">{{ __('No file chosen') }}</span>
                                            </div>
                                            <button class="btn btn-primary btn-sm staff-photo-upload__submit" type="submit">
                                                <i class="fas fa-upload mr-1"></i> {{ __('Upload') }}
                                            </button>
                                        </div>
                                    </form>
                                @endif

                                @include('admin.staff.partials.signature_seal_upload', ['isStaffViewer' => $isStaffViewer])
                            </div>
                        </div>

                        @include('admin.staff.partials.salary_growth_timeline')
                    </div>

                    <div class="col-lg-8">
                        <div class="card">
                            <div class="card-header">
                                <i class="fas fa-umbrella-beach mr-1 text-muted"></i> {{ __('Leave summary') }}
                                <small class="d-block text-muted font-weight-normal mt-1">{{ date('Y') }}</small>
                            </div>
                            <div class="card-body p-2">
                                <div class="table-responsive">
                                    <table class="table table-hover staff-profile-table mb-0">
                                        <thead class="thead-light">
                                        <tr>
                                            <th>{{ __('Type') }}</th>
                                            <th>{{ __('Allowed') }}</th>
                                            <th>{{ __('Adjustment') }}</th>
                                            <th>{{ __('Taken') }}</th>
                                            <th>{{ __('Remaining') }}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach(LeaveType::where('group_id', $staff->leave_group_id)->get() as $leave_type)
                                            @php
                                                $adjustment = \App\Models\LeaveAdjustment::where('staff_id', $staff->id)
                                                    ->where('year', date('Y'))
                                                    ->where('leave_type_id', $leave_type->id)
                                                    ->sum('balance');
                                                if (date('Y', strtotime($staff->joing_date)) == date('Y')) {
                                                    $leave_have = app_round(($leave_type->day / 12) * (12 - date('m', strtotime($staff->joing_date)) + 1), 0);
                                                } else {
                                                    $leave_have = $leave_type->day;
                                                }
                                                $taken = Leave::where('staff_id', $staff->id)
                                                    ->where('leave_type_id', $leave_type->id)
                                                    ->whereYear('apply_date', \Illuminate\Support\Carbon::now()->year)
                                                    ->where('status', 1)
                                                    ->sum('number_of_days');
                                                $remaining = ($leave_have + $adjustment) - $taken;
                                            @endphp
                                            <tr>
                                                <td class="font-weight-semibold">{{ $leave_type->name }}</td>
                                                <td>{{ $leave_have }}</td>
                                                <td>{{ $adjustment }}</td>
                                                <td>{{ $taken }}</td>
                                                <td><span class="staff-leave-remaining">{{ $remaining }}</span></td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header">
                                <i class="fas fa-clock mr-1 text-muted"></i> {{ __('Attendance schedule') }}
                            </div>
                            <div class="card-body">
                                <div class="staff-attendance-grid">
                                    <div class="staff-attendance-item">
                                        <div class="lbl">{{ __('Shift name') }}</div>
                                        <div class="val">{{ $attendance_setup->shift_name }}</div>
                                    </div>
                                    <div class="staff-attendance-item">
                                        <div class="lbl">{{ __('Sign in') }}</div>
                                        <div class="val">{{ $attendance_setup->signIn }}</div>
                                    </div>
                                    <div class="staff-attendance-item">
                                        <div class="lbl">{{ __('Sign out') }}</div>
                                        <div class="val">{{ $attendance_setup->signOut }}</div>
                                    </div>
                                    <div class="staff-attendance-item">
                                        <div class="lbl">{{ __('Delay time') }}</div>
                                        <div class="val">{{ $attendance_setup->lateTime }}</div>
                                    </div>
                                    <div class="staff-attendance-item">
                                        <div class="lbl">{{ __('Extra delay') }}</div>
                                        <div class="val">{{ $attendance_setup->absentTime }}</div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card mb-0">
                            <div class="card-header">
                                <i class="fas fa-calendar-week mr-1 text-muted"></i> {{ __('Weekend schedule') }}
                                <span class="text-muted font-weight-normal ml-1">— {{ $weekend->name }}</span>
                            </div>
                            <div class="card-body">
                                <div class="d-flex flex-wrap" style="gap: 8px;">
                                    @foreach($weekendDays as $day)
                                        @php $isWeekend = (int) $weekend->{$day} === 1; @endphp
                                        <div class="text-center">
                                            <div class="small text-muted font-weight-bold mb-1">{{ __(substr($day, 0, 3)) }}</div>
                                            <span class="staff-weekend-pill {{ $isWeekend ? 'staff-weekend-pill--on' : 'staff-weekend-pill--off' }}">
                                                {{ $isWeekend ? __('Off') : __('Work') }}
                                            </span>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    @if($isStaffViewer)
        <script>
            document.getElementById('profilePhotoInput')?.addEventListener('change', function () {
                var nameEl = document.getElementById('profilePhotoName');
                if (nameEl) {
                    nameEl.textContent = this.files[0]?.name || {{ json_encode(__('No file chosen')) }};
                }
            });
        </script>
    @endif
@endsection