Anons79 Mini Shell

@push('styles')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/public/assets/styles/choices.min.css">
@endpush
@push('scripts')
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/public/assets/scripts/choices.min.js"></script>
    <script>
        const lokasi = document.getElementById('lokasi_absen_id');
        const lokasiChoices = new Choices(lokasi);

        const lokasi2 = document.getElementById('lokasi_kerja_id');
        const lokasi2Choices = new Choices(lokasi2);

        const perusahaan = document.getElementById('perusahaan_id');
        const perusahaanChoices = new Choices(perusahaan);

        const jadwal = document.getElementById('jadwal_kerja_id');
        const jadwalChoices = new Choices(jadwal);

        const fotoUser = document.getElementById('foto');
        fotoUser.onchange = evt => {
            const [file] = fotoUser.files
            if (file) {
                document.getElementById("uploadedAvatar").src = URL.createObjectURL(file)
            }
        }

        const pilihDepartemen = document.getElementById("departemen_id");
        const pilihJabatan = document.getElementById("jabatan_id");
        let jabatan_id = {{ @$data->jabatan_id ?? 0 }}

        function getJabatan(){
            pilihJabatan.innerHTML = "";
            const departemen = pilihDepartemen.value;
            const url = "{{ route('karyawan.pilih-jabatan', ':departemen') }}".replace(":departemen", departemen);
            fetch(url)
                .then(response => response.json())
                .then(data => {
                    data.forEach(jabatan => {
                        const option = document.createElement("option");
                        if(jabatan_id != 0){
                            option.setAttribute('selected', 'selected');
                        }
                        option.dataset.operator = jabatan.operator;
                        option.value = jabatan.id;
                        option.innerHTML = jabatan.nama_jabatan;
                        pilihJabatan.appendChild(option);
                    });
                    checkOperator();
                });
        }
        // getJabatan();
        // pilihDepartemen.addEventListener("change", function() {
        //     getJabatan();
        // });
    
        var unit = document.getElementById("unit_id");
        var pilihUnit = document.getElementById("pilih-unit");

        function checkOperator() {
            if (pilihDepartemen.querySelector("option:checked").dataset.operator == "1") {
                pilihUnit.style.display = "block";
                unit.setAttribute("enabled", "false");
            } else {
                pilihUnit.style.display = "none";
                unit.setAttribute("enabled", "true");
            }
        }

        checkOperator();
        
        pilihDepartemen.addEventListener("change", function() {
            checkOperator();
        });

        
    </script>
@endpush

<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <div class="d-flex align-items-start align-items-sm-center gap-4">
                <img src="{{ @$data->foto ? route('karyawan.foto', $data->id) : '' }}" alt="user-avatar"
                    class="d-block rounded" height="100" width="100" id="uploadedAvatar" />
                <div class="button-wrapper">
                    <label for="foto" class="btn btn-primary me-2 mb-4" tabindex="0">
                        <span class="d-none d-sm-block">Upload new photo</span>
                        <i class="bx bx-upload d-block d-sm-none"></i>
                        <input type="file" id="foto" name="foto" class="account-file-input" hidden
                            accept="image/png, image/jpeg, image/jpg" />
                    </label>


                    <p class="text-muted mb-0">Allowed JPG, JPEG or PNG. Max size of 1 MB</p>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label for="id_karyawan">ID <span class="text-danger">*</span></label>
            <input type="text" name="id_karyawan" placeholder="ID Karyawan" class="form-control" id="id_karyawan"
                value="{{ old('id_karyawan', @$data->id_karyawan) }}" required>

            @error('id_karyawan')
                <span class="invalid-feedback show" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="form-group">
            <label for="nik">NIK</label>
            <input type="text" name="nik" placeholder="NIK" class="form-control" id="nik"
                value="{{ old('nik', @$data->nik) }}">

            @error('nik')
                <span class="invalid-feedback show" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="form-group">
            <label for="nama">Nama <span class="text-danger">*</span></label>
            <input type="text" name="nama" placeholder="Nama Karyawan" class="form-control" id="nama"
                value="{{ old('nama', @$data->nama) }}" required>

            @error('nama')
                <span class="invalid-feedback show" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="form-group">
            <label for="jenis_kelamin">Jenis Kelamin</label>

            <div class="form-check mt-3">
                <input name="jenis_kelamin" class="form-check-input" type="radio" value="L" id="laki-laki"
                    checked="">
                <label class="form-check-label" for="laki-laki"> Laki-Laki </label>
            </div>
            <div class="form-check">
                <input name="jenis_kelamin" class="form-check-input" type="radio" value="P" id="perempuan">
                <label class="form-check-label" for="perempuan"> Perempuan </label>
            </div>
            @error('jenis_kelamin')
                <span class="invalid-feedback show" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="form-group">
            <label for="tanggal_mulai_kerja">Tanggal Mulai Kerja</label>
            <input type="date" name="tanggal_mulai_kerja" placeholder="Tanggal Mulai Kerja" class="form-control" id="tanggal_mulai_kerja"
                value="{{ old('tanggal_mulai_kerja', @$data->tanggal_mulai_kerja) }}" required>

            @error('tanggal_mulai_kerja')
                <span class="invalid-feedback show" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        

        <div class="form-group" id="pilih-unit" style="display: none;">
            <label for="unit_id">Unit <span class="text-danger">*</span></label>
            <select name="unit_id[]" multiple class="form-control" id="unit_id">
                @foreach ($units as $unit)
                    <option value="{{ $unit->id }}"
                        {{ in_array($unit->id, old('unit_id', isset($data) ? $data->unit->pluck('id')->toArray() : [])) ? 'selected' : '' }}>
                        {{ $unit->kode_unit }} - {{ $unit->nama_unit }}</option>
                @endforeach
            </select>
        </div>

        {{-- <div class="form-group">
            <label for="gaji_id">Gaji <span class="text-danger">*</span></label>
            <select name="gaji_id" class="form-control" id="gaji_id">
                @foreach ($gajis as $gaji)
                    <option value="{{ $gaji->id }}" {{ old('gaji_id',@$data->gaji_id) == $gaji->id ? 'selected' : '' }}>{{ $gaji->nama_gaji }}</option>
                @endforeach
            </select>
        </div> --}}

        







    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="departemen_id">Departemen <span class="text-danger">*</span></label>
            <select class="form-control" id="departemen_id" name="departemen_id">
                @foreach ($departemens as $departemen)
                    <option data-operator="{{ $departemen->operator }}"  {{ old('jabatan_id', @$data->departemen_id) == $departemen->id ? 'selected' : '' }} value="{{ $departemen->id }}" >{{ $departemen->nama_departemen }}</option>
                @endforeach
            </select>
        </div>

        <div class="form-group">
            <label for="jabatan">Jabatan <span class="text-danger">*</span></label>
            <input type="text" name="jabatan" placeholder="Jabatan" class="form-control" id="jabatan"
                value="{{ old('jabatan', @$data->jabatan) }}" required>

            @error('jabatan')
                <span class="invalid-feedback show" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        {{-- <div class="form-group">
            <label for="jabatan_id">Jabatan <span class="text-danger">*</span></label>
            <select name="jabatan_id" class="form-control" id="jabatan_id">
                @foreach ($jabatans as $jabatan)
                    <option data-operator="{{ $jabatan->operator }}" value="{{ $jabatan->id }}"
                        {{ old('jabatan_id', @$data->jabatan_id) == $jabatan->id ? 'selected' : '' }}>
                        {{ $jabatan->nama_jabatan }}</option>
                @endforeach
            </select>
        </div> --}}
        

        <div class="form-group">
            <label for="email">Email <span class="text-danger">*</span></label>
            <input type="text" name="email" placeholder="Email Karyawan" class="form-control" id="email"
                value="{{ old('email', @$data->email) }}" required>

            @error('email')
                <span class="invalid-feedback show" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        <div class="form-group">
            <label for="no_hp">No HP <span class="text-danger">*</span></label>
            <input type="number" name="no_hp" placeholder="No HP" class="form-control" id="no_hp"
                value="{{ old('no_hp', @$data->no_hp) }}" required>

            @error('no_hp')
                <span class="invalid-feedback show" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        <div class="form-group">
            <label for="perusahaan_id">Perusahaan <span class="text-danger">*</span></label>
            <select name="perusahaan_id[]" class="form-control" id="perusahaan_id" multiple>
                @foreach ($perusahaans as $perusahaan)
                    <option value="{{ $perusahaan->id }}"  {{ (isset($data) && in_array($perusahaan->id, @$data->perusahaans->pluck('id')->toArray())) ? 'selected' : '' }}>
                        {{ $perusahaan->nama_perusahaan }}</option>
                @endforeach
            </select>
        </div>

        <div class="form-group">
            <label for="jadwal_kerja_id">Jadwal Kerja <span class="text-danger">*</span></label>
            <select name="jadwal_kerja_id[]" multiple class="form-control" id="jadwal_kerja_id">
                @foreach ($jadwals as $jadwal)
                    <option value="{{ $jadwal->id }}"
                        {{ in_array($jadwal->id, old('jadwal_kerja_id', isset($data) ? $data->jadwal_kerja->pluck('id')->toArray() : [])) ? 'selected' : '' }}>
                        {{ $jadwal->nama_jadwal }}</option>
                @endforeach
            </select>
        </div>

        @if (isset($data))
            <div class="form-group">
                <label for="password_baru">Password Baru</label>
                <input type="password" name="password_baru" placeholder="Password Baru" class="form-control"
                    id="password_baru" value="{{ old('password_baru', @$data->password_baru) }}">

                @error('password_baru')
                    <span class="invalid-feedback show" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        @else
            <div class="form-group">
                <label for="password">Password <span class="text-danger">*</span></label>
                <input type="password" name="password" placeholder="Password" class="form-control" id="password"
                    value="{{ old('password', @$data->password) }}" required>

                @error('password')
                    <span class="invalid-feedback show" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        @endif

        <div class="form-group">
            <label for="lokasi_absen_id">Lokasi Absen <span class="text-danger">*</span></label>
            <select name="lokasi_absen_id[]" class="form-control" id="lokasi_absen_id" multiple>
                @foreach ($lokasiAbsens as $lokasi)
                    <option value="{{ $lokasi->id }}"
                        {{ in_array($lokasi->id, old('lokasi_absen_id', isset($data) ? $data->lokasi_absen->pluck('id')->toArray() : [])) ? 'selected' : '' }}>
                        {{ $lokasi->nama_lokasi }} - {{ $lokasi->alamat_lokasi }}</option>
                @endforeach
            </select>
        </div>

        <div class="form-group">
            <label for="lokasi_kerja_id">Lokasi Kerja <span class="text-danger">*</span></label>
            <select name="lokasi_kerja_id[]" class="form-control" id="lokasi_kerja_id" multiple>
                @foreach ($lokasiKerjas as $lokasi)
                    <option value="{{ $lokasi->id }}"
                        {{ in_array($lokasi->id, old('lokasi_kerja_id', isset($data) ? $data->lokasi_kerja->pluck('id')->toArray() : [])) ? 'selected' : '' }}>
                        {{ $lokasi->nama_lokasi }} - {{ $lokasi->keterangan_lokasi }}</option>
                @endforeach
            </select>
        </div>
    </div>
</div>