@extends('layouts.app')

@section('content')
<div class="container-fluid py-4">
    <!-- Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-0">Edit Employee</h1>
                    <p class="text-muted">{{ $company->name }} - {{ $employee->full_name ?? $employee->first_name . ' ' . $employee->last_name }}</p>
                </div>
                <div>
                    <a href="{{ route('companies.hr.employees.index', $company) }}" class="btn btn-outline-secondary">
                        <i class="bi bi-arrow-left"></i> Back to Employees
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Employee Form -->
    <div class="row">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Employee Information</h5>
                </div>
                <div class="card-body">
                    @if(session('error'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ session('error') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                    @endif

                    @if($errors->has('error'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ $errors->first('error') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                    @endif

                    <form method="POST" action="{{ route('companies.hr.employees.update', [$company, $employee]) }}" id="employeeEditForm">
                        @csrf
                        @method('PUT')

                        <!-- Personal Details Section -->
                        <div class="mb-4">
                            <h6 class="text-primary mb-3">
                                <i class="bi bi-person-fill me-2"></i>Personal Details
                            </h6>
                            
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Official Full Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('full_name') is-invalid @enderror" 
                                           name="full_name" value="{{ old('full_name', $employee->full_name ?? $employee->first_name . ' ' . $employee->last_name) }}" required>
                                    @error('full_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Preferred Name</label>
                                    <input type="text" class="form-control @error('preferred_name') is-invalid @enderror" 
                                           name="preferred_name" value="{{ old('preferred_name', $employee->preferred_name) }}" 
                                           placeholder="Nick name or preferred name">
                                    @error('preferred_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Gender <span class="text-danger">*</span></label>
                                    <select class="form-select @error('gender') is-invalid @enderror" name="gender" required>
                                        <option value="">Select Gender</option>
                                        <option value="male" {{ old('gender', $employee->gender) == 'male' ? 'selected' : '' }}>Male</option>
                                        <option value="female" {{ old('gender', $employee->gender) == 'female' ? 'selected' : '' }}>Female</option>
                                    </select>
                                    @error('gender')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Email Address</label>
                                    <div class="input-group">
                                        <input type="email" class="form-control @error('email') is-invalid @enderror" 
                                               name="email" value="{{ old('email', $employee->email) }}"
                                               id="employee-email" {{ old('no_email', $employee->no_email) ? 'disabled' : '' }}>
                                        <div class="input-group-text">
                                            <input class="form-check-input mt-0" type="checkbox" name="no_email" 
                                                   id="no-email-checkbox" value="1" 
                                                   {{ old('no_email', $employee->no_email) ? 'checked' : '' }}>
                                            <label class="form-check-label ms-1" for="no-email-checkbox">No Email</label>
                                        </div>
                                    </div>
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Employment Details Section -->
                        <div class="mb-4">
                            <h6 class="text-primary mb-3">
                                <i class="bi bi-briefcase-fill me-2"></i>Employment Details
                            </h6>
                            
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Employee Number</label>
                                    <input type="text" class="form-control" name="employee_id" 
                                           value="{{ old('employee_id', $employee->employee_id) }}" readonly>
                                    <small class="text-muted">Employee ID cannot be changed</small>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Start Date <span class="text-danger">*</span></label>
                                    <input type="date" class="form-control @error('hire_date') is-invalid @enderror" 
                                           name="hire_date" value="{{ old('hire_date', $employee->hire_date->format('Y-m-d')) }}" required>
                                    @error('hire_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Reports To</label>
                                    <select class="form-select @error('reports_to') is-invalid @enderror" name="reports_to">
                                        <option value="">Select Manager</option>
                                        @foreach($existingEmployees as $emp)
                                            <option value="{{ $emp->id }}" {{ old('reports_to', $employee->reports_to) == $emp->id ? 'selected' : '' }}>
                                                {{ $emp->first_name }} {{ $emp->last_name }} - {{ $emp->position }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('reports_to')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Position <span class="text-danger">*</span></label>
                                    <div class="d-flex">
                                        <select class="form-select me-2" name="position" id="position-select">
                                            <option value="">Select Position</option>
                                            @foreach($positions as $pos)
                                                <option value="{{ $pos->title }}" {{ old('position', $employee->position) == $pos->title ? 'selected' : '' }}>
                                                    {{ $pos->title }}
                                                </option>
                                            @endforeach
                                        </select>
                                        <input type="text" class="form-control" name="position_manual" 
                                               placeholder="Or type new position" id="position-manual"
                                               value="{{ old('position') && !in_array(old('position'), $positions->pluck('title')->toArray()) ? old('position') : ($employee->position && !in_array($employee->position, $positions->pluck('title')->toArray()) ? $employee->position : '') }}">
                                    </div>
                                    @error('position')
                                        <div class="text-danger small">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Department <span class="text-danger">*</span></label>
                                    <div class="d-flex">
                                        <select class="form-select me-2" name="department" id="department-select">
                                            <option value="">Select Department</option>
                                            @foreach($departments as $dept)
                                                <option value="{{ $dept->name }}" {{ old('department', $employee->department) == $dept->name ? 'selected' : '' }}>
                                                    {{ $dept->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        <input type="text" class="form-control" name="department_manual" 
                                               placeholder="Or type new department" id="department-manual"
                                               value="{{ old('department') && !in_array(old('department'), $departments->pluck('name')->toArray()) ? old('department') : ($employee->department && !in_array($employee->department, $departments->pluck('name')->toArray()) ? $employee->department : '') }}">
                                    </div>
                                    @error('department')
                                        <div class="text-danger small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Subsidiary</label>
                                    <select class="form-select @error('subsidiary') is-invalid @enderror" name="subsidiary">
                                        <option value="">Select Subsidiary</option>
                                        @foreach($subsidiaries as $key => $subsidiary)
                                            <option value="{{ $key }}" {{ old('subsidiary', $employee->subsidiary) == $key ? 'selected' : '' }}>
                                                {{ $subsidiary }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('subsidiary')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Location</label>
                                    <select class="form-select @error('location') is-invalid @enderror" name="location">
                                        <option value="">Select Location</option>
                                        @foreach($locations as $key => $location)
                                            <option value="{{ $key }}" {{ old('location', $employee->location) == $key ? 'selected' : '' }}>
                                                {{ $location }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('location')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Employment Type <span class="text-danger">*</span></label>
                                    <select class="form-select @error('employment_type') is-invalid @enderror" name="employment_type" required>
                                        <option value="">Select Type</option>
                                        <option value="full_time" {{ old('employment_type', $employee->employment_type) == 'full_time' ? 'selected' : '' }}>Full Time</option>
                                        <option value="part_time" {{ old('employment_type', $employee->employment_type) == 'part_time' ? 'selected' : '' }}>Part Time</option>
                                        <option value="contract" {{ old('employment_type', $employee->employment_type) == 'contract' ? 'selected' : '' }}>Contract</option>
                                        <option value="intern" {{ old('employment_type', $employee->employment_type) == 'intern' ? 'selected' : '' }}>Intern</option>
                                    </select>
                                    @error('employment_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Status <span class="text-danger">*</span></label>
                                    <select class="form-select @error('status') is-invalid @enderror" name="status" required>
                                        <option value="active" {{ old('status', $employee->status) == 'active' ? 'selected' : '' }}>Active</option>
                                        <option value="inactive" {{ old('status', $employee->status) == 'inactive' ? 'selected' : '' }}>Inactive</option>
                                        <option value="terminated" {{ old('status', $employee->status) == 'terminated' ? 'selected' : '' }}>Terminated</option>
                                    </select>
                                    @error('status')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-3 d-flex align-items-end">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="not_entitled_to_ot" name="not_entitled_to_ot"
                                               {{ old('not_entitled_to_ot', $employee->not_entitled_to_ot) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="not_entitled_to_ot">
                                            Not Entitled to Overtime (OT)
                                        </label>
                                        <div class="text-muted small">
                                            Check this for executive/management positions
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Leave Taken Information Section -->
                        <div class="mb-4">
                            <h6 class="text-primary mb-3">
                                <i class="bi bi-calendar-check-fill me-2"></i>Leave Taken Information
                            </h6>
                            
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Annual Leave Taken</label>
                                    <div class="input-group">
                                        <input type="number" class="form-control @error('annual_leave_taken') is-invalid @enderror" 
                                               name="annual_leave_taken" min="0" 
                                               value="{{ old('annual_leave_taken', $employee->annual_leave_taken ?? 0) }}">
                                        <span class="input-group-text">days</span>
                                    </div>
                                    @error('annual_leave_taken')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Sick Leave Taken</label>
                                    <div class="input-group">
                                        <input type="number" class="form-control @error('sick_leave_taken') is-invalid @enderror" 
                                               name="sick_leave_taken" min="0" 
                                               value="{{ old('sick_leave_taken', $employee->sick_leave_taken ?? 0) }}">
                                        <span class="input-group-text">days</span>
                                    </div>
                                    @error('sick_leave_taken')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Maternity Leave Taken</label>
                                    <div class="input-group">
                                        <input type="number" class="form-control @error('maternity_leave_taken') is-invalid @enderror" 
                                               name="maternity_leave_taken" min="0" 
                                               value="{{ old('maternity_leave_taken', $employee->maternity_leave_taken ?? 0) }}">
                                        <span class="input-group-text">days</span>
                                    </div>
                                    @error('maternity_leave_taken')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Paternity Leave Taken</label>
                                    <div class="input-group">
                                        <input type="number" class="form-control @error('paternity_leave_taken') is-invalid @enderror" 
                                               name="paternity_leave_taken" min="0" 
                                               value="{{ old('paternity_leave_taken', $employee->paternity_leave_taken ?? 0) }}">
                                        <span class="input-group-text">days</span>
                                    </div>
                                    @error('paternity_leave_taken')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Carry-Forward Leave Balance Information Section -->
                        <div class="mb-4">
                            <h6 class="text-primary mb-3">
                                <i class="bi bi-calendar-plus-fill me-2"></i>Carry-Forward Leave Balance Information
                            </h6>
                            
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Annual Leave Balance</label>
                                    <div class="input-group">
                                        <input type="number" class="form-control @error('annual_leave_balance') is-invalid @enderror" 
                                               name="annual_leave_balance" min="0" 
                                               value="{{ old('annual_leave_balance', $employee->annual_leave_balance ?? (int)($attendanceLeaveSettings->annual_leave_entitlement ?? 14)) }}">
                                        <span class="input-group-text">days</span>
                                    </div>
                                    <small class="text-muted">Default: {{ (int)($attendanceLeaveSettings->annual_leave_entitlement ?? 14) }} days</small>
                                    @error('annual_leave_balance')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Sick Leave Balance</label>
                                    <div class="input-group">
                                        <input type="number" class="form-control @error('sick_leave_balance') is-invalid @enderror" 
                                               name="sick_leave_balance" min="0" 
                                               value="{{ old('sick_leave_balance', $employee->sick_leave_balance ?? (int)($attendanceLeaveSettings->sick_leave_entitlement ?? 14)) }}">
                                        <span class="input-group-text">days</span>
                                    </div>
                                    <small class="text-muted">Default: {{ (int)($attendanceLeaveSettings->sick_leave_entitlement ?? 14) }} days</small>
                                    @error('sick_leave_balance')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Maternity Leave Balance</label>
                                    <div class="input-group">
                                        <input type="number" class="form-control @error('maternity_leave_balance') is-invalid @enderror" 
                                               name="maternity_leave_balance" min="0" 
                                               value="{{ old('maternity_leave_balance', $employee->maternity_leave_balance ?? (int)($attendanceLeaveSettings->maternity_leave_entitlement ?? 60)) }}">
                                        <span class="input-group-text">days</span>
                                    </div>
                                    <small class="text-muted">Default: {{ (int)($attendanceLeaveSettings->maternity_leave_entitlement ?? 60) }} days</small>
                                    @error('maternity_leave_balance')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Paternity Leave Balance</label>
                                    <div class="input-group">
                                        <input type="number" class="form-control @error('paternity_leave_balance') is-invalid @enderror" 
                                               name="paternity_leave_balance" min="0" 
                                               value="{{ old('paternity_leave_balance', $employee->paternity_leave_balance ?? (int)($attendanceLeaveSettings->paternity_leave_entitlement ?? 7)) }}">
                                        <span class="input-group-text">days</span>
                                    </div>
                                    <small class="text-muted">Default: {{ (int)($attendanceLeaveSettings->paternity_leave_entitlement ?? 7) }} days</small>
                                    @error('paternity_leave_balance')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="d-flex justify-content-end">
                            <a href="{{ route('companies.hr.employees.index', $company) }}" 
                               class="btn btn-secondary me-2">Cancel</a>
                            <button type="submit" class="btn btn-primary" id="updateBtn">
                                <span class="btn-text">
                                    <i class="bi bi-check-circle"></i> Update Employee
                                </span>
                                <span class="btn-loading d-none">
                                    <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
                                    Updating Employee...
                                </span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card">
                <div class="card-header">
                    <h6 class="card-title mb-0">Employee Summary</h6>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <strong>Employee ID:</strong><br>
                        <span class="text-muted">{{ $employee->employee_id }}</span>
                    </div>
                    <div class="mb-3">
                        <strong>Current Status:</strong><br>
                        @if($employee->status === 'active')
                            <span class="badge bg-success">Active</span>
                        @elseif($employee->status === 'inactive')
                            <span class="badge bg-warning">Inactive</span>
                        @else
                            <span class="badge bg-danger">Terminated</span>
                        @endif
                    </div>
                    <div class="mb-3">
                        <strong>Tenure:</strong><br>
                        <span class="text-muted">{{ $employee->hire_date->diffForHumans() }}</span>
                    </div>
                    <div class="mb-3">
                        <strong>Department:</strong><br>
                        <span class="text-muted">{{ $employee->department }}</span>
                    </div>
                    <div class="mb-3">
                        <strong>Position:</strong><br>
                        <span class="text-muted">{{ $employee->position }}</span>
                    </div>
                </div>
            </div>

            <div class="card mt-3">
                <div class="card-header">
                    <h6 class="card-title mb-0">Quick Actions</h6>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ route('companies.hr.employees.show', [$company, $employee]) }}" class="btn btn-outline-primary btn-sm">
                            <i class="bi bi-eye"></i> View Full Profile
                        </a>
                        <a href="#" class="btn btn-outline-secondary btn-sm">
                            <i class="bi bi-file-earmark-text"></i> Generate Report
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Handle No Email checkbox
    const noEmailCheckbox = document.getElementById('no-email-checkbox');
    const emailInput = document.getElementById('employee-email');

    noEmailCheckbox.addEventListener('change', function() {
        if (this.checked) {
            emailInput.disabled = true;
            emailInput.value = '';
        } else {
            emailInput.disabled = false;
        }
    });

    // Handle Position Selection
    const positionSelect = document.getElementById('position-select');
    const positionManual = document.getElementById('position-manual');
    
    positionSelect.addEventListener('change', function() {
        if (this.value) {
            positionManual.value = '';
        }
    });
    
    positionManual.addEventListener('input', function() {
        if (this.value) {
            positionSelect.value = '';
        }
    });

    // Handle Department Selection
    const departmentSelect = document.getElementById('department-select');
    const departmentManual = document.getElementById('department-manual');
    
    departmentSelect.addEventListener('change', function() {
        if (this.value) {
            departmentManual.value = '';
        }
    });
    
    departmentManual.addEventListener('input', function() {
        if (this.value) {
            departmentSelect.value = '';
        }
    });
});
</script>
@endsection