@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card mx-4 shadow-lg">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- button back --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i class="fas fa-circle-left me-1">
                            </i><span class="font-weight-bold">Kembali</button>
                        {{-- check authorize edit --}}
                        @if ($authorize && $authorize->edit == '1')
                            {{-- button save --}}
                            <button class="btn btn-primary mb-0" id="empmaster-save"
                                onclick="event.preventDefault(); document.getElementById('empmaster-form').submit();"><i
                                    class="fas fa-floppy-disk me-1"> </i><span class="font-weight-bold">Simpan</button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <form role="form" method="POST" action="{{ URL::to($url_menu . '/' . encrypt($employee->nik)) }}"
                    enctype="multipart/form-data" id="empmaster-form">
                    @csrf
                    @method('PUT')

                    {{-- Employee Data Card --}}
                    <div class="card mb-4">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <p class="text-uppercase mb-0 text-sm">Data Karyawan</p>
                                </div>
                                <div class="col-auto">
                                    @if ($is_custom ?? false)
                                        <span class="badge badge-sm bg-gradient-success">Kustom</span>
                                    @else
                                        <span class="badge badge-sm bg-gradient-primary">HRIS</span>
                                    @endif
                                </div>
                            </div>
                            <hr class="horizontal dark mt-0">
                            {{-- alert --}}
                            @include('components.alert')

                            @if ($is_custom ?? false)
                                {{-- Custom Employee - Core Fields Editable --}}
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="nama" class="form-control-label">Nama Lengkap <span
                                                    class="text-danger">*</span></label>
                                            <input class="form-control" type="text" name="nama" id="nama"
                                                value="{{ old('nama', $employee->nama) }}" required>
                                            @error('nama')
                                                <p class='text-danger pt-1 text-xs'>{{ $message }}</p>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="nik" class="form-control-label">NIK</label>
                                            <input class="form-control" type="text" readonly disabled
                                                value="{{ $employee->nik }}">
                                            <p class='text-secondary px-1 pt-1 text-xs'>*) NIK tidak dapat diubah</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="id_departemen" class="form-control-label">Departemen</label>
                                            <select class="form-control" name="id_departemen" id="id_departemen">
                                                <option value="">Pilih Departemen</option>
                                                @foreach ($departments as $dept)
                                                    <option value="{{ $dept->id }}"
                                                        {{ old('id_departemen', $employee->id_departemen) == $dept->id ? 'selected' : '' }}>
                                                        {{ $dept->nama }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('id_departemen')
                                                <p class='text-danger pt-1 text-xs'>{{ $message }}</p>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="id_jabatan" class="form-control-label">Jabatan</label>
                                            <select class="form-control" name="id_jabatan" id="id_jabatan">
                                                <option value="">Pilih Jabatan</option>
                                                @foreach ($job_titles as $jt)
                                                    <option value="{{ $jt->id }}"
                                                        {{ old('id_jabatan', $employee->id_jabatan) == $jt->id ? 'selected' : '' }}>
                                                        {{ $jt->nama }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('id_jabatan')
                                                <p class='text-danger pt-1 text-xs'>{{ $message }}</p>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            @else
                                {{-- HRIS Employee - Read Only --}}
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="full_name" class="form-control-label">Nama Lengkap</label>
                                            <input class="form-control" type="text" name="full_name" id="full_name"
                                                value="{{ old('full_name', $employee->nama) }}" readonly disabled>
                                            <p class='text-secondary px-1 pt-1 text-xs'>*) Data dari HRIS, tidak dapat
                                                diubah
                                            </p>
                                            @error('full_name')
                                                <p class='text-danger pt-1 text-xs'>{{ $message }}</p>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="hris_nik" class="form-control-label">NIK</label>
                                            <input class="form-control" type="text" readonly disabled
                                                value="{{ $employee->nik }}">
                                            <p class='text-secondary px-1 pt-1 text-xs'>*) Data dari HRIS, tidak dapat
                                                diubah
                                            </p>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="department_name" class="form-control-label">Departemen</label>
                                            <input class="form-control" type="text" readonly disabled
                                                value="{{ $employee->department_name ?? '-' }}">
                                            <p class='text-secondary px-1 pt-1 text-xs'>*) Data dari HRIS, tidak dapat
                                                diubah
                                            </p>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="job_title_name" class="form-control-label">Jabatan</label>
                                            <input class="form-control" type="text" readonly disabled
                                                value="{{ $employee->job_title_name ?? '-' }}">
                                            <p class='text-secondary px-1 pt-1 text-xs'>*) Data dari HRIS, tidak dapat
                                                diubah
                                            </p>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="emp_active" class="form-control-label">Status Karyawan</label>
                                            <select class="form-control" name="emp_active" id="emp_active" disabled
                                                aria-readonly="true">
                                                <option value="1"
                                                    {{ old('emp_active', $employee->isactive) == '1' ? 'selected' : '' }}>
                                                    Aktif
                                                </option>
                                                <option value="0"
                                                    {{ old('emp_active', $employee->isactive) == '0' ? 'selected' : '' }}>
                                                    Tidak
                                                    Aktif</option>
                                            </select>
                                            <p class='text-secondary px-1 pt-1 text-xs'>*) Data dari HRIS, tidak dapat
                                                diubah
                                            </p>
                                            @error('emp_active')
                                                <p class='text-danger pt-1 text-xs'>{{ $message }}</p>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>

                    {{-- User Account Data Card --}}
                    <div class="card">
                        <div class="card-body">
                            <p class="text-uppercase text-sm">Data Akun User</p>
                            <hr class="horizontal dark mt-0">

                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="username" class="form-control-label">Username</label>
                                        <input class="form-control" type="text" name="username" id="username"
                                            value="{{ old('username', $employee->nik) }}" required readonly>
                                        @error('username')
                                            <p class='text-danger pt-1 text-xs'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="password" class="form-control-label">Password Baru</label>
                                        <div class="input-group pass mb-2 flex flex-col">
                                            <input class="form-control" type="password" name="password" id="password">
                                            <span class="input-group-text" id="button-addon" onclick="togglePassword()"
                                                style="border-color:#d2d6da;"><i class="fas fa-eye showpass"
                                                    style="cursor: pointer;"></i></span>
                                        </div>
                                        <p class='text-secondary px-1 pt-1 text-xs'>
                                            @if (is_null($employee->user_id))
                                                *) Kosongkan untuk menggunakan password default sistem
                                            @else
                                                *) Kosongkan jika tidak ingin mengubah password
                                            @endif
                                        </p>
                                        @error('password')
                                            <p class='text-danger pt-1 text-xs'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="user_active" class="form-control-label">Status Akun User</label>
                                        <select class="form-control" name="user_active" id="user_active"
                                            {{ $is_custom ?? false ? '' : 'required' }}>
                                            <option value="1"
                                                {{ old('user_active', $employee->user_id ? $employee->user_active ?? '1' : '0') == '1' ? 'selected' : '' }}>
                                                Aktif</option>
                                            <option value="0"
                                                {{ old('user_active', $employee->user_id ? $employee->user_active ?? '1' : '0') == '0' ? 'selected' : '' }}>
                                                Tidak Aktif</option>
                                        </select>
                                        @error('user_active')
                                            <p class='text-danger pt-1 text-xs'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <hr class="horizontal dark">
                            <div class="card-footer align-items-center pb-2 pt-0">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(document).ready(function() {
            @if (!($is_custom ?? false))
                $('#emp_active').change(function() {
                    if (this.value == '0') {
                        $('#user_active').val('0');
                    }
                });
            @endif
        });

        // Toggle password visibility
        function togglePassword() {
            const passwordField = document.getElementById('password');
            const toggleIcon = document.querySelector('.showpass');

            if (passwordField.type === 'password') {
                passwordField.type = 'text';
                toggleIcon.classList.remove('fa-eye');
                toggleIcon.classList.add('fa-eye-slash');
            } else {
                passwordField.type = 'password';
                toggleIcon.classList.remove('fa-eye-slash');
                toggleIcon.classList.add('fa-eye');
            }
        }
    </script>
@endpush