@extends('layouts.app', ['title' => 'Mitarbeiter bearbeiten'])
@section('content')

<div class="container-fluid py-4" style="max-width:1400px;">

    {{-- Header --}}
    <div class="d-flex align-items-center justify-content-between mb-3 flex-wrap gap-3">
        <div class="d-flex align-items-center gap-3">
            {{-- Foto / Placeholder --}}
            <div class="position-relative" style="width:72px;height:72px;">
                @if($employee->photo)
                    <img src="{{ asset('storage/employee_photos/' . $employee->photo) }}"
                        class="rounded-circle border shadow-sm object-fit-cover"
                        style="width:72px;height:72px;" alt="Foto">
                @else
                    <div class="rounded-circle bg-light border d-flex align-items-center justify-content-center shadow-sm"
                        style="width:72px;height:72px;">
                        <i class="bi bi-person-circle text-secondary" style="font-size:2.4rem;"></i>
                    </div>
                @endif
                {{-- Upload-Button --}}
                <form action="{{ route('hrm.employee.photo.upload') }}" method="POST" enctype="multipart/form-data" id="photoForm">
                    @csrf
                    <input type="hidden" name="employee_id" value="{{ $employee->employee_id }}">
                    <input type="file" name="photo" id="photoInput" accept="image/*" class="d-none"
                        onchange="document.getElementById('photoForm').submit()">
                    <button type="button" onclick="document.getElementById('photoInput').click()"
                        class="btn btn-light rounded-circle p-0 border shadow-sm position-absolute"
                        style="width:22px;height:22px;bottom:0;right:0;" title="Foto ändern">
                        <i class="bi bi-camera" style="font-size:.65rem;"></i>
                    </button>
                </form>
            </div>
            <div>
                <h4 class="fw-bold mb-1">{{ $employee->first_name }} {{ $employee->last_name }}</h4>
                <div class="d-flex align-items-center gap-2 flex-wrap">
                    <span class="badge bg-secondary rounded-pill">{{ $employee->get_department->name }}</span>
                    <span class="badge bg-warning text-dark rounded-pill"><i class="bi bi-pencil me-1"></i>Bearbeiten</span>
                </div>
            </div>
        </div>
        <a href="{{ route('hrm.employee.show', ['id' => $employee->employee_id]) }}"
            class="btn btn-outline-secondary rounded-pill px-3">
            <i class="bi bi-arrow-left me-1"></i>Zurück zur Ansicht
        </a>
    </div>

    @if(session('msg'))
        <div class="alert alert-success alert-dismissible fade show mb-3">
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            {{ session('msg') }}
        </div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger alert-dismissible fade show mb-3">
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            <ul class="mb-0">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    {{-- Tab Card --}}
    <div class="card border-0 shadow-sm">
        <div class="card-header bg-white border-bottom">
            <style>#employeeTabs .nav-link { padding: .35rem .65rem; font-size: .78rem; }</style>
            <ul class="nav nav-tabs card-header-tabs" id="employeeTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-benutzer" type="button" role="tab">
                        <i class="bi bi-person me-1"></i>Benutzer
                    </button>
                </li>
                @if($employee->contract)
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-arbeitszeiten" type="button" role="tab">
                            <i class="bi bi-clock me-1"></i>Arbeitszeiten / Urlaub
                        </button>
                    </li>
                @endif
                <li class="nav-item" role="presentation">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-persoenlich" type="button" role="tab">Pers. Angaben</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-beschaeftigung" type="button" role="tab">Beschäftigung</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-org" type="button" role="tab">Organisation</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-taetigkeitsschluessel" type="button" role="tab">Tätigkeitsschlüssel</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-steuer" type="button" role="tab">Steuer</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-sv" type="button" role="tab">Sozialversicherung</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-entlohnung" type="button" role="tab">Entlohnung</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-vwl" type="button" role="tab">VWL</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-vorarbeitgeber" type="button" role="tab">Vorarbeitgeber</button>
                </li>
            </ul>
        </div>

        <div class="tab-content p-3" id="employeeTabsContent">

            {{-- ===== TAB 1: Benutzer ===== --}}
            <div class="tab-pane fade show active" id="tab-benutzer" role="tabpanel">
                <form action="{{ route('hrm.employee.update_info') }}" method="POST" novalidate>
                    @csrf
                    <input type="hidden" name="id" value="{{ $employee->employee_id }}">
                    <div class="row g-3">

                        {{-- System --}}
                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">System</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Benutzer</label>
                                            <select class="form-select form-select-sm" name="user">
                                                <option value="">— noch keine —</option>
                                                @foreach($user as $u)
                                                    <option value="{{ $u->user_id }}"
                                                        {{ $employee->fk_user_id == $u->user_id ? 'selected' : '' }}>
                                                        {{ $u->username }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Abteilung <span class="text-danger">*</span></label>
                                            <select class="form-select form-select-sm" name="department" required>
                                                @foreach($department as $dep)
                                                    <option value="{{ $dep->department_id }}"
                                                        {{ $employee->fk_department_id == $dep->department_id ? 'selected' : '' }}>
                                                        {{ $dep->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Position / Stelle</label>
                                            <input type="text" name="position" class="form-control form-control-sm"
                                                value="{{ $employee->position }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Name & Anrede --}}
                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Name</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Geschlecht</label>
                                            <select class="form-select form-select-sm" name="gender">
                                                <option value="0" {{ $employee->gender == '0' ? 'selected' : '' }}>Unbekannt</option>
                                                <option value="1" {{ $employee->gender == '1' ? 'selected' : '' }}>Herr</option>
                                                <option value="2" {{ $employee->gender == '2' ? 'selected' : '' }}>Frau</option>
                                                <option value="3" {{ $employee->gender == '3' ? 'selected' : '' }}>Divers</option>
                                            </select>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Vorname <span class="text-danger">*</span></label>
                                            <input type="text" name="first_name" class="form-control form-control-sm"
                                                value="{{ $employee->first_name }}" required>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Familienname <span class="text-danger">*</span></label>
                                            <input type="text" name="last_name" class="form-control form-control-sm"
                                                value="{{ $employee->last_name }}" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Berechtigungen --}}
                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Berechtigungen</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="d-flex flex-wrap gap-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" id="ist_mgt" name="ist_mgt"
                                                {{ $employee->is_mgt == '1' ? 'checked' : '' }}>
                                            <label class="form-check-label small" for="ist_mgt">Verwaltung</label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" id="ist_mgr" name="ist_mgr"
                                                {{ $employee->is_mgr == '1' ? 'checked' : '' }}>
                                            <label class="form-check-label small" for="ist_mgr">Abteilungsleiter</label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" id="access_budget" name="access_budget"
                                                {{ $employee->access_budget == '1' ? 'checked' : '' }}>
                                            <label class="form-check-label small" for="access_budget">Budget-Zugriff</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Arbeitskontakt --}}
                        <div class="col-md-6">
                            <div class="d-flex align-items-center gap-2 mb-2">
                                <p class="text-muted small fw-semibold text-uppercase mb-0">Arbeitskontakt</p>
                                <span class="badge bg-warning text-dark" style="font-size:.68rem;">
                                    <i class="bi bi-info-circle me-1"></i>Nur firmenbezogene Kontaktdaten
                                </span>
                            </div>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1"><i class="bi bi-envelope me-1"></i>E-Mail</label>
                                            <input type="email" name="work_email" class="form-control form-control-sm"
                                                value="{{ $employee->work_email }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1"><i class="bi bi-telephone me-1"></i>Telefon</label>
                                            <input type="text" name="work_tel" class="form-control form-control-sm"
                                                value="{{ $employee->work_tel }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1"><i class="bi bi-phone me-1"></i>Mobil</label>
                                            <input type="text" name="work_mobile" class="form-control form-control-sm"
                                                value="{{ $employee->work_mobile }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="d-flex justify-content-end mt-3">
                        <button type="submit" class="btn btn-primary rounded-pill px-4">
                            <i class="bi bi-check-lg me-1"></i>Speichern
                        </button>
                    </div>
                </form>
            </div>{{-- /tab-benutzer --}}

            {{-- ===== TAB 2: Arbeitszeiten / Urlaub ===== --}}
            @if($employee->contract)
            <div class="tab-pane fade" id="tab-arbeitszeiten" role="tabpanel">
                @if($employee->contract && $employee->contract->get_days)
                    <form action="{{ route('hrm.contract.days.update') }}" method="POST">
                        @csrf
                        <input type="hidden" name="id" value="{{ $employee->contract->get_days->id }}">
                        <div class="row g-3">
                            <div class="col-12">
                                <p class="text-muted small fw-semibold text-uppercase mb-2">Wöchentliche Arbeitszeit</p>
                                <div class="card border-0 bg-light">
                                    <div class="card-body p-3">
                                        <table class="table table-sm align-middle mb-2" style="font-size:0.82rem;">
                                            <thead class="table-light">
                                                <tr>
                                                    <th style="width:180px;">Individuelle Arbeitszeit</th>
                                                    <th class="text-center">Mo</th>
                                                    <th class="text-center">Di</th>
                                                    <th class="text-center">Mi</th>
                                                    <th class="text-center">Do</th>
                                                    <th class="text-center">Fr</th>
                                                    <th class="text-center">Sa</th>
                                                    <th class="text-center">So</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <div class="input-group input-group-sm" style="max-width:140px;">
                                                            <input type="number" name="weekly" class="form-control"
                                                                value="{{ $employee->contract->get_days->weekly }}">
                                                            <span class="input-group-text">Std./Wo</span>
                                                        </div>
                                                    </td>
                                                    @foreach(['monday','tuesday','wednesday','thursday','friday','saturday','sunday'] as $day)
                                                        <td class="text-center">
                                                            <input type="text" name="{{ $day }}" class="form-control form-control-sm text-center"
                                                                style="width:60px;" value="{{ $employee->contract->get_days->$day }}">
                                                        </td>
                                                    @endforeach
                                                </tr>
                                            </tbody>
                                        </table>
                                        <div class="d-flex align-items-center gap-2 mt-1">
                                            <small class="text-muted fw-semibold">Arbeitszeitkonto:</small>
                                            <div class="input-group input-group-sm" style="max-width:140px;">
                                                <input type="number" name="work_accont" step="0.01" class="form-control"
                                                    value="{{ $employee->contract->get_days->old_work_time_account }}">
                                                <span class="input-group-text">Std.</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 mt-2">
                                <p class="text-muted small fw-semibold text-uppercase mb-2">Jahresurlaubsanspruch</p>
                                <div class="card border-0 bg-light">
                                    <div class="card-body p-0">
                                        <table class="table table-sm align-middle mb-0" style="font-size:0.82rem;">
                                            <thead class="table-light">
                                                <tr>
                                                    <th class="ps-3" style="width:220px;"></th>
                                                    <th class="text-center">Vorjahr</th>
                                                    <th class="text-center">Aktuelles Jahr</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="ps-3 fw-semibold">Urlaubsanspruch</td>
                                                    <td class="text-center">
                                                        <div class="input-group input-group-sm justify-content-center" style="max-width:120px;margin:auto;">
                                                            <input type="text" name="last_year_vacation_entitlement" class="form-control text-center"
                                                                value="{{ $employee->contract->get_days->last_year_vacation_entitlement }}">
                                                            <span class="input-group-text">T</span>
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <div class="input-group input-group-sm justify-content-center" style="max-width:120px;margin:auto;">
                                                            <input type="text" name="vacation_entitlement" class="form-control text-center"
                                                                value="{{ $employee->contract->get_days->vacation_entitlement }}">
                                                            <span class="input-group-text">T</span>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="ps-3 fw-semibold">Genommen</td>
                                                    <td class="text-center">
                                                        <div class="input-group input-group-sm justify-content-center" style="max-width:120px;margin:auto;">
                                                            <input type="text" name="last_year_vacation_taken" class="form-control text-center"
                                                                value="{{ $employee->contract->get_days->last_year_vacation_taken }}">
                                                            <span class="input-group-text">T</span>
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <div class="input-group input-group-sm justify-content-center" style="max-width:120px;margin:auto;">
                                                            <input type="text" name="vacation_taken" class="form-control text-center"
                                                                value="{{ $employee->contract->get_days->vacation_taken }}">
                                                            <span class="input-group-text">T</span>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr class="table-light">
                                                    <td class="ps-3 fw-semibold">Resturlaub</td>
                                                    <td class="text-center">
                                                        <span class="badge bg-secondary rounded-pill px-3">
                                                            {{ $employee->contract->get_days->last_year_vacation_rest }} T
                                                        </span>
                                                        <input type="hidden" name="last_year_vacation_rest"
                                                            value="{{ $employee->contract->get_days->last_year_vacation_rest }}">
                                                    </td>
                                                    <td class="text-center">
                                                        @php $rest = $employee->contract->get_days->vacation_rest; @endphp
                                                        @if($rest > 5)
                                                            <span class="badge bg-success rounded-pill px-3">{{ $rest }} T</span>
                                                        @elseif($rest > 0)
                                                            <span class="badge bg-warning text-dark rounded-pill px-3">{{ $rest }} T</span>
                                                        @else
                                                            <span class="badge bg-danger rounded-pill px-3">{{ $rest }} T</span>
                                                        @endif
                                                        <input type="hidden" name="vacation_rest" value="{{ $rest }}">
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-end mt-3">
                            <button type="submit" class="btn btn-primary rounded-pill px-4">
                                <i class="bi bi-check-lg me-1"></i>Speichern
                            </button>
                        </div>
                    </form>
                @else
                    <div class="text-center py-5 text-muted">
                        <i class="bi bi-file-earmark-x d-block fs-2 opacity-25 mb-2"></i>
                        Kein Arbeitsvertrag angelegt
                    </div>
                @endif
            </div>{{-- /tab-arbeitszeiten --}}
            @endif

            {{-- ===== TAB 3: Persönliche Angaben ===== --}}
            <div class="tab-pane fade" id="tab-persoenlich" role="tabpanel">
                <form action="{{ route('hrm.employee.personal.update') }}" method="POST" novalidate>
                    @csrf
                    <input type="hidden" name="employee_id" value="{{ $employee->employee_id }}">
                    <div class="row g-3">

                        {{-- Person --}}
                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Person</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Mitarbeiternummer</label>
                                            <input type="text" name="employee_number" class="form-control form-control-sm"
                                                value="{{ $personal?->employee_number }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Geschlecht</label>
                                            <select class="form-select form-select-sm" name="fk_gender_id">
                                                <option value="">— auswählen —</option>
                                                @foreach($hr_gender as $g)
                                                    <option value="{{ $g->id }}"
                                                        {{ $personal?->fk_gender_id == $g->id ? 'selected' : '' }}>
                                                        {{ $g->title }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Vorname</label>
                                            <input type="text" name="first_name" class="form-control form-control-sm"
                                                value="{{ $personal?->first_name ?? $employee->first_name }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Familienname</label>
                                            <input type="text" name="last_name" class="form-control form-control-sm"
                                                value="{{ $personal?->last_name ?? $employee->last_name }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Geburt & Herkunft --}}
                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Geburt &amp; Herkunft</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Geburtsdatum</label>
                                            <input type="date" name="birth_date" class="form-control form-control-sm"
                                                value="{{ $personal?->birth_date ? \Carbon\Carbon::parse($personal->birth_date)->format('Y-m-d') : '' }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Geburtsort</label>
                                            <input type="text" name="place_of_birth" class="form-control form-control-sm"
                                                value="{{ $personal?->place_of_birth }}">
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Staatsangehörigkeit</label>
                                            <input type="text" name="nationality" class="form-control form-control-sm"
                                                value="{{ $personal?->nationality }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Privatadresse --}}
                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Privatadresse</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-md-8">
                                            <label class="form-label small fw-semibold mb-1">Straße</label>
                                            <input type="text" name="adress_street" class="form-control form-control-sm"
                                                value="{{ $personal?->adress_street }}">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small fw-semibold mb-1">Hausnummer</label>
                                            <input type="text" name="house_number" class="form-control form-control-sm"
                                                value="{{ $personal?->house_number }}">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small fw-semibold mb-1">PLZ</label>
                                            <input type="text" name="plz" class="form-control form-control-sm"
                                                value="{{ $personal?->plz }}">
                                        </div>
                                        <div class="col-md-8">
                                            <label class="form-label small fw-semibold mb-1">Ort</label>
                                            <input type="text" name="city" class="form-control form-control-sm"
                                                value="{{ $personal?->city }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Privater Kontakt --}}
                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Privater Kontakt</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1"><i class="bi bi-envelope me-1"></i>E-Mail</label>
                                            <input type="email" name="private_email" class="form-control form-control-sm"
                                                value="{{ $personal?->private_email }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1"><i class="bi bi-telephone me-1"></i>Telefon</label>
                                            <input type="text" name="private_tel" class="form-control form-control-sm"
                                                value="{{ $personal?->private_tel }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1"><i class="bi bi-phone me-1"></i>Mobil</label>
                                            <input type="text" name="private_mobil" class="form-control form-control-sm"
                                                value="{{ $personal?->private_mobil }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="d-flex justify-content-end mt-3">
                        <button type="submit" class="btn btn-primary rounded-pill px-4">
                            <i class="bi bi-check-lg me-1"></i>Speichern
                        </button>
                    </div>
                </form>
            </div>{{-- /tab-persoenlich --}}

            {{-- ===== TAB 4: Beschäftigung ===== --}}
            <div class="tab-pane fade" id="tab-beschaeftigung" role="tabpanel">
                <form action="{{ route('hrm.employee.employment.update') }}" method="POST" novalidate>
                    @csrf
                    <input type="hidden" name="employee_id" value="{{ $employee->employee_id }}">
                    <div class="row g-3">

                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Angaben zur Beschäftigung</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Berufsbezeichnung</label>
                                            <input type="text" name="berufsbezeichnung" class="form-control form-control-sm"
                                                value="{{ $employment?->berufsbezeichnung }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Arbeitnehmertyp</label>
                                            <input type="text" name="arbeitnehmertyp" class="form-control form-control-sm"
                                                value="{{ $employment?->arbeitnehmertyp }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Personengruppe</label>
                                            <input type="text" name="personengruppe" class="form-control form-control-sm"
                                                value="{{ $employment?->personengruppe }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Abrechnungsgruppe</label>
                                            <input type="text" name="abrechnungsgruppe" class="form-control form-control-sm"
                                                value="{{ $employment?->abrechnungsgruppe }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Entlohnungsform</label>
                                            <input type="text" name="entlohnungsform" class="form-control form-control-sm"
                                                value="{{ $employment?->entlohnungsform }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Beschäftigungszeitraum</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Eintrittsdatum</label>
                                            <input type="date" name="eintrittsdatum" class="form-control form-control-sm"
                                                value="{{ $employment?->eintrittsdatum ? \Carbon\Carbon::parse($employment->eintrittsdatum)->format('Y-m-d') : '' }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Austrittsdatum</label>
                                            <input type="date" name="austrittsdatum" class="form-control form-control-sm"
                                                value="{{ $employment?->austrittsdatum ? \Carbon\Carbon::parse($employment->austrittsdatum)->format('Y-m-d') : '' }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Arbeitsverhältnis</label>
                                            <input type="text" name="arbeitsverhaeltnis" class="form-control form-control-sm"
                                                value="{{ $employment?->arbeitsverhaeltnis }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Befristung bis</label>
                                            <input type="date" name="befristung_bis" class="form-control form-control-sm"
                                                value="{{ $employment?->befristung_bis ? \Carbon\Carbon::parse($employment->befristung_bis)->format('Y-m-d') : '' }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="d-flex justify-content-end mt-3">
                        <button type="submit" class="btn btn-primary rounded-pill px-4">
                            <i class="bi bi-check-lg me-1"></i>Speichern
                        </button>
                    </div>
                </form>
            </div>{{-- /tab-beschaeftigung --}}

            {{-- ===== TAB 5: Organisation ===== --}}
            <div class="tab-pane fade" id="tab-org" role="tabpanel">
                <form action="{{ route('hrm.employee.org.update') }}" method="POST" novalidate>
                    @csrf
                    <input type="hidden" name="employee_id" value="{{ $employee->employee_id }}">
                    <div class="row g-3">

                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Abteilung &amp; Gruppe</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Abteilung (FiBu)</label>
                                            <select class="form-select form-select-sm" name="fk_department_id">
                                                <option value="">— keine Angabe —</option>
                                                @foreach($department as $dep)
                                                    <option value="{{ $dep->department_id }}"
                                                        {{ $org_unit?->fk_department_id == $dep->department_id ? 'selected' : '' }}>
                                                        {{ $dep->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Mitarbeitergruppe FiBu</label>
                                            <input type="text" name="mitarbeitergruppe_fibu" class="form-control form-control-sm"
                                                value="{{ $org_unit?->mitarbeitergruppe_fibu }}">
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Stammkostenstelle</label>
                                            <input type="text" name="stammkostenstelle" class="form-control form-control-sm"
                                                value="{{ $org_unit?->stammkostenstelle }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        @if($org_unit && $org_unit->costcenters->count())
                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Kostenstellen</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <table class="table table-sm mb-0" style="font-size:0.82rem;">
                                        <thead class="table-light">
                                            <tr>
                                                <th>Kostenstelle</th>
                                                <th>Bezeichnung</th>
                                                <th class="text-end">%</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($org_unit->costcenters as $cc)
                                                <tr>
                                                    <td>{{ $cc->kostenstelle }}</td>
                                                    <td>{{ $cc->bezeichnung }}</td>
                                                    <td class="text-end">{{ $cc->prozentsatz }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        @endif

                    </div>
                    <div class="d-flex justify-content-end mt-3">
                        <button type="submit" class="btn btn-primary rounded-pill px-4">
                            <i class="bi bi-check-lg me-1"></i>Speichern
                        </button>
                    </div>
                </form>
            </div>{{-- /tab-org --}}

            {{-- ===== TAB 6: Tätigkeitsschlüssel ===== --}}
            <div class="tab-pane fade" id="tab-taetigkeitsschluessel" role="tabpanel">
                <form action="{{ route('hrm.employee.actkey.update') }}" method="POST" novalidate>
                    @csrf
                    <input type="hidden" name="employee_id" value="{{ $employee->employee_id }}">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Tätigkeitsschlüssel 2010</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Ausgeübte Tätigkeit</label>
                                            <input type="text" name="taetigkeitsschluessel" class="form-control form-control-sm"
                                                value="{{ $act_key?->taetigkeitsschluessel }}">
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Höchster Schulabschluss</label>
                                            <input type="text" name="schulabschluss" class="form-control form-control-sm"
                                                value="{{ $act_key?->schulabschluss }}">
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Höchster beruflicher Ausbildungsabschluss</label>
                                            <input type="text" name="berufsabschluss" class="form-control form-control-sm"
                                                value="{{ $act_key?->berufsabschluss }}">
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Gewerbsmäßige Arbeitnehmerüberlassung</label>
                                            <input type="text" name="arbeitnehmerueberlassung" class="form-control form-control-sm"
                                                value="{{ $act_key?->arbeitnehmerueberlassung }}">
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Vertragsform</label>
                                            <input type="text" name="vertragsform" class="form-control form-control-sm"
                                                value="{{ $act_key?->vertragsform }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex justify-content-end mt-3">
                        <button type="submit" class="btn btn-primary rounded-pill px-4">
                            <i class="bi bi-check-lg me-1"></i>Speichern
                        </button>
                    </div>
                </form>
            </div>{{-- /tab-taetigkeitsschluessel --}}

            {{-- ===== TAB 7: Steuer ===== --}}
            <div class="tab-pane fade" id="tab-steuer" role="tabpanel">
                <form action="{{ route('hrm.employee.tax.update') }}" method="POST" novalidate>
                    @csrf
                    <input type="hidden" name="employee_id" value="{{ $employee->employee_id }}">
                    <div class="row g-3">

                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Steuerklasse / Kinderfreibeträge</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-md-4">
                                            <label class="form-label small fw-semibold mb-1">Steuerklasse</label>
                                            <input type="text" name="steuerklasse" class="form-control form-control-sm"
                                                value="{{ $tax?->steuerklasse }}">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small fw-semibold mb-1">Faktor</label>
                                            <input type="text" name="faktor" class="form-control form-control-sm"
                                                value="{{ $tax?->faktor }}">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small fw-semibold mb-1">Kinderfreibeträge</label>
                                            <input type="text" name="kinderfreibetraege" class="form-control form-control-sm"
                                                value="{{ $tax?->kinderfreibetraege }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Konfession Steuerpflichtiger</label>
                                            <input type="text" name="konfession_steuerpflichtiger" class="form-control form-control-sm"
                                                value="{{ $tax?->konfession_steuerpflichtiger }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Konfession Ehegatte</label>
                                            <input type="text" name="konfession_ehegatte" class="form-control form-control-sm"
                                                value="{{ $tax?->konfession_ehegatte }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Lohnsteuerkarte &amp; Freibeträge</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-md-7">
                                            <label class="form-label small fw-semibold mb-1">Identifikationsnummer</label>
                                            <input type="text" name="identifikationsnummer" class="form-control form-control-sm"
                                                value="{{ $tax?->identifikationsnummer }}">
                                        </div>
                                        <div class="col-md-5">
                                            <label class="form-label small fw-semibold mb-1">Kennzeichnung Arbeitgeber</label>
                                            <input type="text" name="kennzeichnung_arbeitgeber" class="form-control form-control-sm"
                                                value="{{ $tax?->kennzeichnung_arbeitgeber }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Freibetrag Jahresbetrag</label>
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" name="freibetrag_jahresbetrag" class="form-control"
                                                    value="{{ $tax?->freibetrag_jahresbetrag }}">
                                                <span class="input-group-text">EUR</span>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Freibetrag Monatsbetrag</label>
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" name="freibetrag_monatsbetrag" class="form-control"
                                                    value="{{ $tax?->freibetrag_monatsbetrag }}">
                                                <span class="input-group-text">EUR</span>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Hinzurechnung Jahresbetrag</label>
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" name="hinzurechnung_jahresbetrag" class="form-control"
                                                    value="{{ $tax?->hinzurechnung_jahresbetrag }}">
                                                <span class="input-group-text">EUR</span>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Hinzurechnung Monatsbetrag</label>
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" name="hinzurechnung_monatsbetrag" class="form-control"
                                                    value="{{ $tax?->hinzurechnung_monatsbetrag }}">
                                                <span class="input-group-text">EUR</span>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Pauschalsteuer</label>
                                            <input type="text" name="pauschalsteuer" class="form-control form-control-sm"
                                                value="{{ $tax?->pauschalsteuer }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Übernahme Pauschalsteuer</label>
                                            <input type="text" name="pauschalsteuer_uebernahme" class="form-control form-control-sm"
                                                value="{{ $tax?->pauschalsteuer_uebernahme }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="d-flex justify-content-end mt-3">
                        <button type="submit" class="btn btn-primary rounded-pill px-4">
                            <i class="bi bi-check-lg me-1"></i>Speichern
                        </button>
                    </div>
                </form>
            </div>{{-- /tab-steuer --}}

            {{-- ===== TAB 8: Sozialversicherung ===== --}}
            <div class="tab-pane fade" id="tab-sv" role="tabpanel">
                <form action="{{ route('hrm.employee.sv.update') }}" method="POST" novalidate>
                    @csrf
                    <input type="hidden" name="employee_id" value="{{ $employee->employee_id }}">
                    <div class="row g-3">

                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Beitragsgruppenschlüssel</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        @foreach([['bg_kv','KV – Krankenversicherung'],['bg_rv','RV – Rentenversicherung'],['bg_av','AV – Arbeitslosenversicherung'],['bg_pv','PV – Pflegeversicherung']] as [$field,$label])
                                            <div class="col-md-6">
                                                <label class="form-label small fw-semibold mb-1">{{ $label }}</label>
                                                <input type="text" name="{{ $field }}" class="form-control form-control-sm"
                                                    value="{{ $sv?->$field }}">
                                            </div>
                                        @endforeach
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Umlageart</label>
                                            <input type="text" name="umlageart" class="form-control form-control-sm"
                                                value="{{ $sv?->umlageart }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Pflegezuschlag</label>
                                            <input type="text" name="pflegezuschlag" class="form-control form-control-sm"
                                                value="{{ $sv?->pflegezuschlag }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Geringverdiener</label>
                                            <input type="text" name="geringverdiener" class="form-control form-control-sm"
                                                value="{{ $sv?->geringverdiener }}">
                                        </div>
                                        <div class="col-12 pt-1">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="midijob" name="midijob"
                                                    {{ $sv?->midijob ? 'checked' : '' }}>
                                                <label class="form-check-label small" for="midijob">Midijobregelung anwenden</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Krankenversicherung</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">KV Kasse (gesetzlich)</label>
                                            <input type="text" name="kv_kasse_gesetzlich" class="form-control form-control-sm"
                                                value="{{ $sv?->kv_kasse_gesetzlich }}">
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">KV Kasse (freiwillig)</label>
                                            <input type="text" name="kv_kasse_freiwillig" class="form-control form-control-sm"
                                                value="{{ $sv?->kv_kasse_freiwillig }}">
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Betriebsnr. Krankenkasse</label>
                                            <input type="text" name="betriebsnr_kk" class="form-control form-control-sm"
                                                value="{{ $sv?->betriebsnr_kk }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="d-flex justify-content-end mt-3">
                        <button type="submit" class="btn btn-primary rounded-pill px-4">
                            <i class="bi bi-check-lg me-1"></i>Speichern
                        </button>
                    </div>
                </form>
            </div>{{-- /tab-sv --}}

            {{-- ===== TAB 9: Entlohnung ===== --}}
            <div class="tab-pane fade" id="tab-entlohnung" role="tabpanel">
                <form action="{{ route('hrm.employee.salary.update') }}" method="POST" novalidate>
                    @csrf
                    <input type="hidden" name="employee_id" value="{{ $employee->employee_id }}">
                    <div class="row g-3">

                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Stundenlohn / Brutto</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        @foreach(['stundenlohn_1' => 'Stundenlohn 1', 'stundenlohn_2' => 'Stundenlohn 2', 'stundenlohn_3' => 'Stundenlohn 3', 'laufendes_brutto' => 'Laufendes Brutto'] as $field => $label)
                                            <div class="col-md-6">
                                                <label class="form-label small fw-semibold mb-1">{{ $label }}</label>
                                                <div class="input-group input-group-sm">
                                                    <input type="number" step="0.01" name="{{ $field }}" class="form-control"
                                                        value="{{ $salary?->$field }}">
                                                    <span class="input-group-text">EUR</span>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>

                        @if($salary && $salary->festbezuege->count())
                        <div class="col-12">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Festbezüge</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <table class="table table-sm mb-0" style="font-size:0.82rem;">
                                        <thead class="table-light">
                                            <tr>
                                                <th>Lohnart</th>
                                                <th>Bezeichnung</th>
                                                <th class="text-end">Betrag</th>
                                                <th>Intervall</th>
                                                <th>Gültig Monate</th>
                                                <th>Kürzung</th>
                                                <th>Monatslohn</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($salary->festbezuege as $fb)
                                                <tr>
                                                    <td>{{ $fb->lohnart }}</td>
                                                    <td>{{ $fb->bezeichnung }}</td>
                                                    <td class="text-end">{{ $fb->betrag ? number_format($fb->betrag, 2, ',', '.') . ' EUR' : '' }}</td>
                                                    <td>{{ $fb->intervall }}</td>
                                                    <td>{{ $fb->gueltig_monate }}</td>
                                                    <td>{{ $fb->kuerzung }}</td>
                                                    <td>{{ $fb->monatslohn }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        @endif

                    </div>
                    <div class="d-flex justify-content-end mt-3">
                        <button type="submit" class="btn btn-primary rounded-pill px-4">
                            <i class="bi bi-check-lg me-1"></i>Speichern
                        </button>
                    </div>
                </form>
            </div>{{-- /tab-entlohnung --}}

            {{-- ===== TAB 10: VWL ===== --}}
            <div class="tab-pane fade" id="tab-vwl" role="tabpanel">
                <form action="{{ route('hrm.employee.vwl.update') }}" method="POST" novalidate>
                    @csrf
                    <input type="hidden" name="employee_id" value="{{ $employee->employee_id }}">
                    <div class="row g-3">

                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Vermögensbildung</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Vermögensbildung</label>
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" name="vermoegensbildung" class="form-control"
                                                    value="{{ $vwl?->vermoegensbildung }}">
                                                <span class="input-group-text">EUR</span>
                                            </div>
                                        </div>
                                        <div class="col-md-5">
                                            <label class="form-label small fw-semibold mb-1">AG-Lohnart</label>
                                            <input type="text" name="ag_lohnart" class="form-control form-control-sm"
                                                value="{{ $vwl?->ag_lohnart }}">
                                        </div>
                                        <div class="col-md-7">
                                            <label class="form-label small fw-semibold mb-1">AG-Betrag</label>
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" name="ag_betrag" class="form-control"
                                                    value="{{ $vwl?->ag_betrag }}">
                                                <span class="input-group-text">EUR</span>
                                            </div>
                                        </div>
                                        <div class="col-12 pt-1">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="lastschrifteinzug" name="lastschrifteinzug"
                                                    {{ $vwl?->lastschrifteinzug ? 'checked' : '' }}>
                                                <label class="form-check-label small" for="lastschrifteinzug">Lastschrifteinzug</label>
                                            </div>
                                            <div class="form-check mt-1">
                                                <input class="form-check-input" type="checkbox" id="avwl" name="avwl"
                                                    {{ $vwl?->avwl ? 'checked' : '' }}>
                                                <label class="form-check-label small" for="avwl">AVWL – Altersvermögenswirksame Leistung</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Bankverbindung &amp; Vertrag</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">IBAN</label>
                                            <input type="text" name="iban" class="form-control form-control-sm"
                                                value="{{ $vwl?->iban }}">
                                        </div>
                                        <div class="col-md-5">
                                            <label class="form-label small fw-semibold mb-1">BIC</label>
                                            <input type="text" name="bic" class="form-control form-control-sm"
                                                value="{{ $vwl?->bic }}">
                                        </div>
                                        <div class="col-md-7">
                                            <label class="form-label small fw-semibold mb-1">Institut</label>
                                            <input type="text" name="institut" class="form-control form-control-sm"
                                                value="{{ $vwl?->institut }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Vertragsnummer</label>
                                            <input type="text" name="vertragsnummer" class="form-control form-control-sm"
                                                value="{{ $vwl?->vertragsnummer }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Vertragsart</label>
                                            <input type="text" name="vertragsart" class="form-control form-control-sm"
                                                value="{{ $vwl?->vertragsart }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Vertrag von</label>
                                            <input type="date" name="vertrag_von" class="form-control form-control-sm"
                                                value="{{ $vwl?->vertrag_von ? \Carbon\Carbon::parse($vwl->vertrag_von)->format('Y-m-d') : '' }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Vertrag bis</label>
                                            <input type="date" name="vertrag_bis" class="form-control form-control-sm"
                                                value="{{ $vwl?->vertrag_bis ? \Carbon\Carbon::parse($vwl->vertrag_bis)->format('Y-m-d') : '' }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="d-flex justify-content-end mt-3">
                        <button type="submit" class="btn btn-primary rounded-pill px-4">
                            <i class="bi bi-check-lg me-1"></i>Speichern
                        </button>
                    </div>
                </form>
            </div>{{-- /tab-vwl --}}

            {{-- ===== TAB 11: Vorarbeitgeber ===== --}}
            <div class="tab-pane fade" id="tab-vorarbeitgeber" role="tabpanel">
                <form action="{{ route('hrm.employee.prevemployer.update') }}" method="POST" novalidate>
                    @csrf
                    <input type="hidden" name="employee_id" value="{{ $employee->employee_id }}">
                    <div class="row g-3">

                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Allgemeine Angaben</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-md-4">
                                            <label class="form-label small fw-semibold mb-1">Gültigkeitsjahr</label>
                                            <input type="number" name="gueltigkeitsjahr" class="form-control form-control-sm"
                                                value="{{ $prev_emp?->gueltigkeitsjahr }}">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small fw-semibold mb-1">Steuerklasse</label>
                                            <input type="text" name="steuerklasse" class="form-control form-control-sm"
                                                value="{{ $prev_emp?->steuerklasse }}">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small fw-semibold mb-1">Faktor</label>
                                            <input type="text" name="faktor" class="form-control form-control-sm"
                                                value="{{ $prev_emp?->faktor }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Kinderfreibeträge</label>
                                            <input type="text" name="kinderfreibetraege" class="form-control form-control-sm"
                                                value="{{ $prev_emp?->kinderfreibetraege }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label small fw-semibold mb-1">Beschäftigungstage</label>
                                            <input type="number" name="beschaeftigungstage" class="form-control form-control-sm"
                                                value="{{ $prev_emp?->beschaeftigungstage }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <p class="text-muted small fw-semibold text-uppercase mb-2">Lohnsteuerbescheinigung</p>
                            <div class="card border-0 bg-light">
                                <div class="card-body p-3">
                                    <div class="row g-3">
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Brutto-Arbeitslohn einschl. Sachbezüge (3.)</label>
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" name="brutto_arbeitslohn" class="form-control"
                                                    value="{{ $prev_emp?->brutto_arbeitslohn }}">
                                                <span class="input-group-text">EUR</span>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Einbehaltene Lohnsteuer (4.)</label>
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" name="lohnsteuer" class="form-control"
                                                    value="{{ $prev_emp?->lohnsteuer }}">
                                                <span class="input-group-text">EUR</span>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Einbehaltener Solidaritätszuschlag (5.)</label>
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" name="solidaritaetszuschlag" class="form-control"
                                                    value="{{ $prev_emp?->solidaritaetszuschlag }}">
                                                <span class="input-group-text">EUR</span>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label small fw-semibold mb-1">Kirchensteuer des Arbeitnehmers (6.)</label>
                                            <div class="input-group input-group-sm">
                                                <input type="number" step="0.01" name="kirchensteuer" class="form-control"
                                                    value="{{ $prev_emp?->kirchensteuer }}">
                                                <span class="input-group-text">EUR</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="d-flex justify-content-end mt-3">
                        <button type="submit" class="btn btn-primary rounded-pill px-4">
                            <i class="bi bi-check-lg me-1"></i>Speichern
                        </button>
                    </div>
                </form>
            </div>{{-- /tab-vorarbeitgeber --}}

        </div>{{-- /tab-content --}}
    </div>{{-- /card --}}

</div>

@endsection