@extends('layouts.app')

@section('title', 'Edit ' . $employee->full_name)

@section('content')
<div class="mb-4">
    <a href="{{ route('employees.show', $employee->id) }}" class="text-secondary text-decoration-none small">
        &larr; Back to Employee Profile
    </a>
    <h4 class="fw-bold mt-1">Edit Employee: {{ $employee->full_name }}</h4>
    <p class="text-secondary small">Update personal details, compensation, and organizational assignment</p>
</div>

<form action="{{ route('employees.update', $employee->id) }}" method="POST">
    @csrf
    @method('PUT')

    <div class="row g-4">
        <div class="col-12 col-lg-8">
            <div class="card mb-4 shadow-sm">
                <div class="card-header bg-white">
                    <h6 class="mb-0 fw-bold"><i class="bi bi-person me-2 text-primary"></i> Personal Information</h6>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">First Name *</label>
                            <input type="text" name="first_name" class="form-control form-control-sm" value="{{ old('first_name', $employee->first_name) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Last Name *</label>
                            <input type="text" name="last_name" class="form-control form-control-sm" value="{{ old('last_name', $employee->last_name) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Phone Number *</label>
                            <input type="text" name="phone" class="form-control form-control-sm" value="{{ old('phone', $employee->phone) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Gender *</label>
                            <select name="gender" class="form-select form-select-sm" required>
                                <option value="male" {{ old('gender', $employee->gender) === 'male' ? 'selected' : '' }}>Male</option>
                                <option value="female" {{ old('gender', $employee->gender) === 'female' ? 'selected' : '' }}>Female</option>
                                <option value="other" {{ old('gender', $employee->gender) === 'other' ? 'selected' : '' }}>Other</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Date of Birth *</label>
                            <input type="date" name="date_of_birth" class="form-control form-control-sm" value="{{ old('date_of_birth', $employee->date_of_birth ? $employee->date_of_birth->toDateString() : '') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">City</label>
                            <input type="text" name="city" class="form-control form-control-sm" value="{{ old('city', $employee->city) }}">
                        </div>
                        <div class="col-12">
                            <label class="form-label small fw-semibold">Address</label>
                            <input type="text" name="address" class="form-control form-control-sm" value="{{ old('address', $employee->address) }}">
                        </div>
                    </div>
                </div>
            </div>

            <!-- Salary -->
            <div class="card mb-4 shadow-sm">
                <div class="card-header bg-white">
                    <h6 class="mb-0 fw-bold"><i class="bi bi-cash-stack me-2 text-success"></i> Compensation Breakdown (BDT ৳)</h6>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Basic Salary *</label>
                            <div class="input-group input-group-sm">
                                <span class="input-group-text">৳</span>
                                <input type="number" step="0.01" name="basic_salary" class="form-control" value="{{ old('basic_salary', $employee->basic_salary) }}" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">House Rent Allowance</label>
                            <div class="input-group input-group-sm">
                                <span class="input-group-text">৳</span>
                                <input type="number" step="0.01" name="house_rent_allowance" class="form-control" value="{{ old('house_rent_allowance', $employee->house_rent_allowance) }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Medical Allowance</label>
                            <div class="input-group input-group-sm">
                                <span class="input-group-text">৳</span>
                                <input type="number" step="0.01" name="medical_allowance" class="form-control" value="{{ old('medical_allowance', $employee->medical_allowance) }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Conveyance Allowance</label>
                            <div class="input-group input-group-sm">
                                <span class="input-group-text">৳</span>
                                <input type="number" step="0.01" name="conveyance_allowance" class="form-control" value="{{ old('conveyance_allowance', $employee->conveyance_allowance) }}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Emergency -->
            <div class="card shadow-sm">
                <div class="card-header bg-white">
                    <h6 class="mb-0 fw-bold"><i class="bi bi-shield-plus me-2 text-danger"></i> Emergency Contact</h6>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Emergency Contact Person</label>
                            <input type="text" name="emergency_contact_name" class="form-control form-control-sm" value="{{ old('emergency_contact_name', $employee->emergency_contact_name) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Contact Phone Number</label>
                            <input type="text" name="emergency_contact_phone" class="form-control form-control-sm" value="{{ old('emergency_contact_phone', $employee->emergency_contact_phone) }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-4">
            <div class="card shadow-sm mb-4">
                <div class="card-header bg-white">
                    <h6 class="mb-0 fw-bold"><i class="bi bi-diagram-3 me-2 text-primary"></i> Job Role & Hierarchy</h6>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label small fw-semibold">Department *</label>
                        <select name="department_id" class="form-select form-select-sm" required>
                            @foreach($departments as $dept)
                                <option value="{{ $dept->id }}" {{ old('department_id', $employee->department_id) == $dept->id ? 'selected' : '' }}>
                                    {{ $dept->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label small fw-semibold">Designation *</label>
                        <select name="designation_id" class="form-select form-select-sm" required>
                            @foreach($designations as $desig)
                                <option value="{{ $desig->id }}" {{ old('designation_id', $employee->designation_id) == $desig->id ? 'selected' : '' }}>
                                    {{ $desig->title }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label small fw-semibold">Reporting Manager</label>
                        <select name="reporting_manager_id" class="form-select form-select-sm">
                            <option value="">No Direct Manager (Top Level)</option>
                            @foreach($managers as $m)
                                <option value="{{ $m->id }}" {{ old('reporting_manager_id', $employee->reporting_manager_id) == $m->id ? 'selected' : '' }}>
                                    {{ $m->full_name }} ({{ $m->employee_code }})
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label small fw-semibold">Work Schedule / Shift</label>
                        <select name="work_schedule_id" class="form-select form-select-sm">
                            @foreach($schedules as $sched)
                                <option value="{{ $sched->id }}" {{ old('work_schedule_id', $employee->work_schedule_id) == $sched->id ? 'selected' : '' }}>
                                    {{ $sched->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label small fw-semibold">Employment Status *</label>
                        <select name="employment_status" class="form-select form-select-sm" required>
                            <option value="active" {{ old('employment_status', $employee->employment_status) === 'active' ? 'selected' : '' }}>Active</option>
                            <option value="probation" {{ old('employment_status', $employee->employment_status) === 'probation' ? 'selected' : '' }}>Probationary</option>
                            <option value="contract" {{ old('employment_status', $employee->employment_status) === 'contract' ? 'selected' : '' }}>Contractual</option>
                            <option value="resigned" {{ old('employment_status', $employee->employment_status) === 'resigned' ? 'selected' : '' }}>Resigned</option>
                            <option value="terminated" {{ old('employment_status', $employee->employment_status) === 'terminated' ? 'selected' : '' }}>Terminated</option>
                        </select>
                    </div>

                    <div class="d-grid mt-4">
                        <button type="submit" class="btn btn-primary py-2 fw-semibold">
                            <i class="bi bi-check2 me-1"></i> Save Changes
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection