2026-02-26 16:43:52 +09:00
|
|
|
@extends('layouts.app')
|
|
|
|
|
|
|
|
|
|
@section('title', '사원 수정')
|
|
|
|
|
|
|
|
|
|
@section('content')
|
|
|
|
|
<div class="container mx-auto px-4 py-6 max-w-2xl">
|
|
|
|
|
{{-- 페이지 헤더 --}}
|
|
|
|
|
<div class="mb-6">
|
|
|
|
|
<a href="{{ route('hr.employees.index') }}" class="text-sm text-gray-500 hover:text-gray-700 inline-flex items-center gap-1 mb-2">
|
|
|
|
|
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
|
|
|
|
|
</svg>
|
|
|
|
|
사원 목록으로
|
|
|
|
|
</a>
|
|
|
|
|
<h1 class="text-2xl font-bold text-gray-800">사원 수정</h1>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{-- 수정 폼 --}}
|
|
|
|
|
<div class="bg-white rounded-lg shadow-sm p-6">
|
|
|
|
|
<form id="employeeForm"
|
|
|
|
|
hx-put="{{ route('api.admin.hr.employees.update', $employee->id) }}"
|
|
|
|
|
hx-headers='{"X-CSRF-TOKEN": "{{ csrf_token() }}", "Accept": "application/json"}'
|
|
|
|
|
hx-target="#form-message"
|
|
|
|
|
hx-swap="innerHTML"
|
|
|
|
|
class="space-y-6">
|
|
|
|
|
|
|
|
|
|
<div id="form-message"></div>
|
|
|
|
|
|
|
|
|
|
{{-- 기본 정보 --}}
|
|
|
|
|
<div class="border-b border-gray-200 pb-4 mb-4">
|
|
|
|
|
<h2 class="text-lg font-semibold text-gray-700">기본 정보</h2>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{-- 이름 --}}
|
|
|
|
|
<div>
|
|
|
|
|
<label for="name" class="block text-sm font-medium text-gray-700 mb-1">
|
|
|
|
|
이름 <span class="text-red-500">*</span>
|
|
|
|
|
</label>
|
|
|
|
|
<input type="text" name="name" id="name" required
|
|
|
|
|
value="{{ $employee->user?->name }}"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{-- 표시 이름 --}}
|
|
|
|
|
<div>
|
|
|
|
|
<label for="display_name" class="block text-sm font-medium text-gray-700 mb-1">표시 이름</label>
|
|
|
|
|
<input type="text" name="display_name" id="display_name"
|
|
|
|
|
value="{{ $employee->display_name }}"
|
|
|
|
|
placeholder="사이드바 등에 표시되는 이름"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{-- 이메일 / 연락처 --}}
|
|
|
|
|
<div class="flex gap-4" style="flex-wrap: wrap;">
|
|
|
|
|
<div style="flex: 1 1 200px;">
|
|
|
|
|
<label for="email" class="block text-sm font-medium text-gray-700 mb-1">이메일</label>
|
|
|
|
|
<input type="email" name="email" id="email"
|
|
|
|
|
value="{{ $employee->user?->email }}"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
</div>
|
|
|
|
|
<div style="flex: 1 1 200px;">
|
|
|
|
|
<label for="phone" class="block text-sm font-medium text-gray-700 mb-1">연락처</label>
|
|
|
|
|
<input type="text" name="phone" id="phone"
|
|
|
|
|
value="{{ $employee->user?->phone }}"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2026-02-26 19:59:15 +09:00
|
|
|
{{-- 주민등록번호 --}}
|
|
|
|
|
<div>
|
|
|
|
|
<label for="resident_number" class="block text-sm font-medium text-gray-700 mb-1">주민등록번호</label>
|
|
|
|
|
<input type="text" name="resident_number" id="resident_number"
|
|
|
|
|
value="{{ $employee->resident_number }}"
|
|
|
|
|
placeholder="000000-0000000"
|
|
|
|
|
maxlength="14"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
</div>
|
|
|
|
|
|
2026-02-26 16:43:52 +09:00
|
|
|
{{-- 근무 정보 --}}
|
|
|
|
|
<div class="border-b border-gray-200 pb-4 mb-4 mt-8">
|
|
|
|
|
<h2 class="text-lg font-semibold text-gray-700">근무 정보</h2>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{-- 부서 --}}
|
|
|
|
|
<div>
|
|
|
|
|
<label for="department_id" class="block text-sm font-medium text-gray-700 mb-1">부서</label>
|
|
|
|
|
<select name="department_id" id="department_id"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
|
@foreach($departments as $dept)
|
|
|
|
|
<option value="{{ $dept->id }}" {{ $employee->department_id == $dept->id ? 'selected' : '' }}>
|
|
|
|
|
{{ $dept->name }}
|
|
|
|
|
</option>
|
|
|
|
|
@endforeach
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{-- 직급 / 직책 --}}
|
|
|
|
|
<div class="flex gap-4" style="flex-wrap: wrap;">
|
|
|
|
|
<div style="flex: 1 1 200px;">
|
2026-02-26 17:07:12 +09:00
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">직급</label>
|
|
|
|
|
<div class="flex gap-2">
|
|
|
|
|
<select name="position_key" id="position_key"
|
|
|
|
|
class="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
|
@foreach($ranks as $rank)
|
|
|
|
|
<option value="{{ $rank->key }}" {{ $employee->position_key === $rank->key ? 'selected' : '' }}>
|
|
|
|
|
{{ $rank->name }}
|
|
|
|
|
</option>
|
|
|
|
|
@endforeach
|
|
|
|
|
</select>
|
|
|
|
|
<button type="button" onclick="openPositionModal('rank')"
|
|
|
|
|
class="shrink-0 w-9 h-9 flex items-center justify-center border border-gray-300 rounded-lg text-gray-500 hover:bg-blue-50 hover:text-blue-600 hover:border-blue-300 transition-colors"
|
|
|
|
|
title="직급 추가">
|
|
|
|
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
|
|
|
|
|
</svg>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
2026-02-26 16:43:52 +09:00
|
|
|
</div>
|
|
|
|
|
<div style="flex: 1 1 200px;">
|
2026-02-26 17:07:12 +09:00
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">직책</label>
|
|
|
|
|
<div class="flex gap-2">
|
|
|
|
|
<select name="job_title_key" id="job_title_key"
|
|
|
|
|
class="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
|
@foreach($titles as $title)
|
|
|
|
|
<option value="{{ $title->key }}" {{ $employee->job_title_key === $title->key ? 'selected' : '' }}>
|
|
|
|
|
{{ $title->name }}
|
|
|
|
|
</option>
|
|
|
|
|
@endforeach
|
|
|
|
|
</select>
|
|
|
|
|
<button type="button" onclick="openPositionModal('title')"
|
|
|
|
|
class="shrink-0 w-9 h-9 flex items-center justify-center border border-gray-300 rounded-lg text-gray-500 hover:bg-blue-50 hover:text-blue-600 hover:border-blue-300 transition-colors"
|
|
|
|
|
title="직책 추가">
|
|
|
|
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
|
|
|
|
|
</svg>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
2026-02-26 16:43:52 +09:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2026-02-26 19:27:15 +09:00
|
|
|
{{-- 입사일 / 퇴직일 / 상태 --}}
|
2026-02-26 16:43:52 +09:00
|
|
|
<div class="flex gap-4" style="flex-wrap: wrap;">
|
2026-02-26 19:27:15 +09:00
|
|
|
<div style="flex: 1 1 150px;">
|
2026-02-26 16:43:52 +09:00
|
|
|
<label for="hire_date" class="block text-sm font-medium text-gray-700 mb-1">입사일</label>
|
|
|
|
|
<input type="date" name="hire_date" id="hire_date"
|
|
|
|
|
value="{{ $employee->hire_date }}"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
</div>
|
2026-02-26 19:27:15 +09:00
|
|
|
<div style="flex: 1 1 150px;">
|
|
|
|
|
<label for="resign_date" class="block text-sm font-medium text-gray-700 mb-1">퇴직일</label>
|
|
|
|
|
<input type="date" name="resign_date" id="resign_date"
|
|
|
|
|
value="{{ $employee->resign_date }}"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
</div>
|
|
|
|
|
<div style="flex: 1 1 150px;">
|
2026-02-26 16:43:52 +09:00
|
|
|
<label for="employee_status" class="block text-sm font-medium text-gray-700 mb-1">재직상태</label>
|
|
|
|
|
<select name="employee_status" id="employee_status"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
<option value="active" {{ $employee->employee_status === 'active' ? 'selected' : '' }}>재직</option>
|
|
|
|
|
<option value="leave" {{ $employee->employee_status === 'leave' ? 'selected' : '' }}>휴직</option>
|
|
|
|
|
<option value="resigned" {{ $employee->employee_status === 'resigned' ? 'selected' : '' }}>퇴직</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{-- 주소 --}}
|
|
|
|
|
<div>
|
|
|
|
|
<label for="address" class="block text-sm font-medium text-gray-700 mb-1">주소</label>
|
|
|
|
|
<input type="text" name="address" id="address"
|
|
|
|
|
value="{{ $employee->address }}"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{-- 비상연락처 --}}
|
|
|
|
|
<div>
|
|
|
|
|
<label for="emergency_contact" class="block text-sm font-medium text-gray-700 mb-1">비상연락처</label>
|
|
|
|
|
<input type="text" name="emergency_contact" id="emergency_contact"
|
|
|
|
|
value="{{ $employee->emergency_contact }}"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
</div>
|
|
|
|
|
|
2026-02-26 19:59:15 +09:00
|
|
|
{{-- 급여이체정보 --}}
|
|
|
|
|
<div class="border-b border-gray-200 pb-4 mb-4 mt-8">
|
|
|
|
|
<h2 class="text-lg font-semibold text-gray-700">급여이체정보</h2>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@php $bankAccount = $employee->bank_account ?? []; @endphp
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<label for="bank_account_bank_code" class="block text-sm font-medium text-gray-700 mb-1">이체은행</label>
|
|
|
|
|
<select name="bank_account[bank_code]" id="bank_account_bank_code"
|
|
|
|
|
onchange="this.form['bank_account[bank_name]'].value = this.options[this.selectedIndex].text !== '선택하세요' ? this.options[this.selectedIndex].text : ''"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
|
@foreach(config('banks', []) as $code => $name)
|
|
|
|
|
<option value="{{ $code }}" {{ ($bankAccount['bank_code'] ?? '') === $code ? 'selected' : '' }}>{{ $name }}</option>
|
|
|
|
|
@endforeach
|
|
|
|
|
</select>
|
|
|
|
|
<input type="hidden" name="bank_account[bank_name]" value="{{ $bankAccount['bank_name'] ?? '' }}">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="flex gap-4" style="flex-wrap: wrap;">
|
|
|
|
|
<div style="flex: 1 1 200px;">
|
|
|
|
|
<label for="bank_account_account_holder" class="block text-sm font-medium text-gray-700 mb-1">예금주</label>
|
|
|
|
|
<input type="text" name="bank_account[account_holder]" id="bank_account_account_holder"
|
|
|
|
|
value="{{ $bankAccount['account_holder'] ?? '' }}"
|
|
|
|
|
placeholder="예금주명"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
</div>
|
|
|
|
|
<div style="flex: 1 1 200px;">
|
|
|
|
|
<label for="bank_account_account_number" class="block text-sm font-medium text-gray-700 mb-1">계좌번호</label>
|
|
|
|
|
<input type="text" name="bank_account[account_number]" id="bank_account_account_number"
|
|
|
|
|
value="{{ $bankAccount['account_number'] ?? '' }}"
|
|
|
|
|
placeholder="숫자만 입력"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{-- 부양가족 정보 --}}
|
|
|
|
|
<div class="border-b border-gray-200 pb-4 mb-4 mt-8">
|
|
|
|
|
<h2 class="text-lg font-semibold text-gray-700">부양가족 정보</h2>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div x-data="dependentsManager()">
|
|
|
|
|
<template x-for="(dep, index) in dependents" :key="index">
|
|
|
|
|
<div class="border border-gray-200 rounded-lg p-4 mb-3 relative">
|
|
|
|
|
<button type="button" @click="removeDependent(index)"
|
|
|
|
|
class="absolute top-2 right-2 text-red-400 hover:text-red-600 transition-colors" title="삭제">
|
|
|
|
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
|
|
|
|
|
</svg>
|
|
|
|
|
</button>
|
|
|
|
|
<div class="text-xs font-medium text-gray-500 mb-2" x-text="'부양가족 ' + (index + 1)"></div>
|
|
|
|
|
<div class="flex gap-3 mb-2" style="flex-wrap: wrap;">
|
|
|
|
|
<div style="flex: 1 1 120px;">
|
|
|
|
|
<input type="text" :name="'dependents['+index+'][name]'" x-model="dep.name"
|
|
|
|
|
placeholder="이름" class="w-full px-2 py-1.5 border border-gray-300 rounded text-sm focus:ring-1 focus:ring-blue-500">
|
|
|
|
|
</div>
|
|
|
|
|
<div style="flex: 0 0 100px;">
|
|
|
|
|
<select :name="'dependents['+index+'][nationality]'" x-model="dep.nationality"
|
|
|
|
|
class="w-full px-2 py-1.5 border border-gray-300 rounded text-sm focus:ring-1 focus:ring-blue-500">
|
|
|
|
|
<option value="korean">내국인</option>
|
|
|
|
|
<option value="foreigner">외국인</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="flex: 1 1 150px;">
|
|
|
|
|
<input type="text" :name="'dependents['+index+'][resident_number]'" x-model="dep.resident_number"
|
|
|
|
|
placeholder="주민등록번호" maxlength="14" class="w-full px-2 py-1.5 border border-gray-300 rounded text-sm focus:ring-1 focus:ring-blue-500">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex gap-3 items-center" style="flex-wrap: wrap;">
|
|
|
|
|
<div style="flex: 0 0 100px;">
|
|
|
|
|
<select :name="'dependents['+index+'][relationship]'" x-model="dep.relationship"
|
|
|
|
|
class="w-full px-2 py-1.5 border border-gray-300 rounded text-sm focus:ring-1 focus:ring-blue-500">
|
|
|
|
|
<option value="">관계</option>
|
|
|
|
|
<option value="spouse">배우자</option>
|
|
|
|
|
<option value="child">자녀</option>
|
|
|
|
|
<option value="parent">부모</option>
|
|
|
|
|
<option value="sibling">형제자매</option>
|
|
|
|
|
<option value="grandparent">조부모</option>
|
|
|
|
|
<option value="other">기타</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<label class="inline-flex items-center gap-1 text-sm text-gray-600 cursor-pointer">
|
|
|
|
|
<input type="hidden" :name="'dependents['+index+'][is_disabled]'" value="0">
|
|
|
|
|
<input type="checkbox" :name="'dependents['+index+'][is_disabled]'" x-model="dep.is_disabled" value="1"
|
|
|
|
|
class="rounded border-gray-300 text-blue-600 focus:ring-blue-500">
|
|
|
|
|
장애인
|
|
|
|
|
</label>
|
|
|
|
|
<label class="inline-flex items-center gap-1 text-sm text-gray-600 cursor-pointer">
|
|
|
|
|
<input type="hidden" :name="'dependents['+index+'][is_dependent]'" value="0">
|
|
|
|
|
<input type="checkbox" :name="'dependents['+index+'][is_dependent]'" x-model="dep.is_dependent" value="1"
|
|
|
|
|
class="rounded border-gray-300 text-blue-600 focus:ring-blue-500">
|
|
|
|
|
피부양자적용
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<button type="button" @click="addDependent()"
|
|
|
|
|
class="w-full py-2 border-2 border-dashed border-gray-300 rounded-lg text-sm text-gray-500 hover:border-blue-400 hover:text-blue-600 transition-colors">
|
|
|
|
|
+ 부양가족 추가
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
2026-02-26 16:43:52 +09:00
|
|
|
{{-- 버튼 --}}
|
2026-02-26 19:59:15 +09:00
|
|
|
<div class="flex justify-end gap-3 pt-4 border-t mt-6">
|
2026-02-26 16:43:52 +09:00
|
|
|
<a href="{{ route('hr.employees.show', $employee->id) }}"
|
|
|
|
|
class="px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors">
|
|
|
|
|
취소
|
|
|
|
|
</a>
|
|
|
|
|
<button type="submit"
|
|
|
|
|
class="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors">
|
|
|
|
|
저장
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
2026-02-26 19:59:15 +09:00
|
|
|
|
|
|
|
|
{{-- 첨부파일 --}}
|
|
|
|
|
<div class="bg-white rounded-lg shadow-sm p-6 mt-6" x-data="fileUploader()">
|
|
|
|
|
<div class="border-b border-gray-200 pb-4 mb-4">
|
|
|
|
|
<h2 class="text-lg font-semibold text-gray-700">첨부파일</h2>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{-- 기존 파일 목록 --}}
|
|
|
|
|
<div id="file-list" class="space-y-2 mb-4">
|
|
|
|
|
@forelse($files ?? [] as $file)
|
|
|
|
|
<div class="flex items-center justify-between bg-gray-50 rounded-lg px-4 py-2" id="file-row-{{ $file->id }}">
|
|
|
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
|
|
|
<svg class="w-4 h-4 text-gray-400 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"/>
|
|
|
|
|
</svg>
|
|
|
|
|
<a href="{{ route('api.admin.hr.employees.download-file', [$employee->id, $file->id]) }}"
|
|
|
|
|
class="text-sm text-blue-600 hover:text-blue-800 truncate" title="{{ $file->original_name }}">
|
|
|
|
|
{{ $file->original_name }}
|
|
|
|
|
</a>
|
|
|
|
|
<span class="text-xs text-gray-400 shrink-0">{{ number_format(($file->file_size ?? 0) / 1024, 0) }}KB</span>
|
|
|
|
|
</div>
|
|
|
|
|
<button type="button" @click="deleteFile({{ $file->id }})"
|
|
|
|
|
class="text-red-400 hover:text-red-600 shrink-0 ml-2" title="삭제">
|
|
|
|
|
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
|
|
|
|
|
</svg>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
@empty
|
|
|
|
|
<p class="text-sm text-gray-400" id="no-files-msg">등록된 파일이 없습니다.</p>
|
|
|
|
|
@endforelse
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{-- 파일 업로드 영역 --}}
|
|
|
|
|
<div class="border-2 border-dashed border-gray-300 rounded-lg p-6 text-center cursor-pointer hover:border-blue-400 transition-colors"
|
|
|
|
|
@dragover.prevent="dragover = true"
|
|
|
|
|
@dragleave.prevent="dragover = false"
|
|
|
|
|
@drop.prevent="handleDrop($event)"
|
|
|
|
|
:class="dragover ? 'border-blue-400 bg-blue-50' : ''"
|
|
|
|
|
@click="$refs.fileInput.click()">
|
|
|
|
|
<input type="file" multiple x-ref="fileInput" @change="handleFiles($event)" class="hidden">
|
|
|
|
|
<svg class="mx-auto w-8 h-8 text-gray-400 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"/>
|
|
|
|
|
</svg>
|
|
|
|
|
<p class="text-sm text-gray-500">파일을 드래그하거나 클릭하여 업로드</p>
|
|
|
|
|
<p class="text-xs text-gray-400 mt-1">파일당 최대 20MB</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{-- 업로드 진행 상태 --}}
|
|
|
|
|
<div x-show="uploading" class="mt-3 text-sm text-blue-600">업로드 중...</div>
|
|
|
|
|
</div>
|
2026-02-26 16:43:52 +09:00
|
|
|
</div>
|
2026-02-26 17:07:12 +09:00
|
|
|
|
|
|
|
|
{{-- 직급/직책 추가 모달 --}}
|
|
|
|
|
@include('hr.employees.partials.position-add-modal')
|
2026-02-26 16:43:52 +09:00
|
|
|
@endsection
|
|
|
|
|
|
|
|
|
|
@push('scripts')
|
|
|
|
|
<script>
|
2026-02-26 19:59:15 +09:00
|
|
|
function dependentsManager() {
|
|
|
|
|
return {
|
|
|
|
|
dependents: @json($employee->dependents ?? []),
|
|
|
|
|
addDependent() {
|
|
|
|
|
this.dependents.push({
|
|
|
|
|
name: '', nationality: 'korean', resident_number: '',
|
|
|
|
|
relationship: '', is_disabled: false, is_dependent: false
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
removeDependent(index) {
|
|
|
|
|
this.dependents.splice(index, 1);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function fileUploader() {
|
|
|
|
|
return {
|
|
|
|
|
dragover: false,
|
|
|
|
|
uploading: false,
|
|
|
|
|
|
|
|
|
|
async handleFiles(event) {
|
|
|
|
|
await this.upload(event.target.files);
|
|
|
|
|
event.target.value = '';
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async handleDrop(event) {
|
|
|
|
|
this.dragover = false;
|
|
|
|
|
await this.upload(event.dataTransfer.files);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async upload(files) {
|
|
|
|
|
if (!files.length) return;
|
|
|
|
|
this.uploading = true;
|
|
|
|
|
|
|
|
|
|
const formData = new FormData();
|
|
|
|
|
for (const file of files) {
|
|
|
|
|
formData.append('files[]', file);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
const res = await fetch('{{ route("api.admin.hr.employees.upload-file", $employee->id) }}', {
|
|
|
|
|
method: 'POST',
|
|
|
|
|
headers: {
|
|
|
|
|
'X-CSRF-TOKEN': '{{ csrf_token() }}',
|
|
|
|
|
'Accept': 'application/json',
|
|
|
|
|
'X-Requested-With': 'XMLHttpRequest'
|
|
|
|
|
},
|
|
|
|
|
body: formData
|
|
|
|
|
});
|
|
|
|
|
const json = await res.json();
|
|
|
|
|
|
|
|
|
|
if (json.success) {
|
|
|
|
|
showToast(json.message, 'success');
|
|
|
|
|
location.reload();
|
|
|
|
|
} else {
|
|
|
|
|
showToast(json.message || '업로드 실패', 'error');
|
|
|
|
|
}
|
|
|
|
|
} catch (e) {
|
|
|
|
|
showToast('파일 업로드 중 오류가 발생했습니다.', 'error');
|
|
|
|
|
} finally {
|
|
|
|
|
this.uploading = false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async deleteFile(fileId) {
|
|
|
|
|
if (!confirm('이 파일을 삭제하시겠습니까?')) return;
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
const res = await fetch('{{ url("/api/admin/hr/employees") }}/{{ $employee->id }}/files/' + fileId, {
|
|
|
|
|
method: 'DELETE',
|
|
|
|
|
headers: {
|
|
|
|
|
'X-CSRF-TOKEN': '{{ csrf_token() }}',
|
|
|
|
|
'Accept': 'application/json',
|
|
|
|
|
'X-Requested-With': 'XMLHttpRequest'
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
const json = await res.json();
|
|
|
|
|
|
|
|
|
|
if (json.success) {
|
|
|
|
|
showToast(json.message, 'success');
|
|
|
|
|
const row = document.getElementById('file-row-' + fileId);
|
|
|
|
|
if (row) row.remove();
|
|
|
|
|
} else {
|
|
|
|
|
showToast(json.message || '삭제 실패', 'error');
|
|
|
|
|
}
|
|
|
|
|
} catch (e) {
|
|
|
|
|
showToast('파일 삭제 중 오류가 발생했습니다.', 'error');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2026-02-26 16:43:52 +09:00
|
|
|
document.body.addEventListener('htmx:afterRequest', function(event) {
|
2026-02-26 17:25:00 +09:00
|
|
|
if (event.detail.elt.id !== 'employeeForm') return;
|
|
|
|
|
|
|
|
|
|
const xhr = event.detail.xhr;
|
|
|
|
|
try {
|
|
|
|
|
const response = JSON.parse(xhr.responseText);
|
|
|
|
|
|
|
|
|
|
if (response.success) {
|
|
|
|
|
showToast(response.message || '사원 정보가 수정되었습니다.', 'success');
|
|
|
|
|
window.location.href = '{{ route('hr.employees.show', $employee->id) }}';
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
let msg = response.message || '저장에 실패했습니다.';
|
|
|
|
|
if (response.error) msg += '\n' + response.error;
|
|
|
|
|
showToast(msg, 'error', 5000);
|
|
|
|
|
} catch (e) {
|
|
|
|
|
if (!event.detail.successful) {
|
|
|
|
|
showToast('서버 오류가 발생했습니다. (HTTP ' + xhr.status + ')', 'error', 5000);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
document.body.addEventListener('htmx:responseError', function(event) {
|
|
|
|
|
if (event.detail.elt.id !== 'employeeForm') return;
|
|
|
|
|
|
|
|
|
|
const xhr = event.detail.xhr;
|
|
|
|
|
try {
|
|
|
|
|
const response = JSON.parse(xhr.responseText);
|
|
|
|
|
|
|
|
|
|
if (xhr.status === 422 && response.errors) {
|
|
|
|
|
const messages = [];
|
|
|
|
|
for (const field in response.errors) {
|
|
|
|
|
messages.push(response.errors[field].join(', '));
|
2026-02-26 16:43:52 +09:00
|
|
|
}
|
2026-02-26 17:25:00 +09:00
|
|
|
showToast(messages.join('\n'), 'error', 6000);
|
|
|
|
|
} else {
|
|
|
|
|
let msg = response.message || '오류가 발생했습니다.';
|
|
|
|
|
if (response.error) msg += '\n' + response.error;
|
|
|
|
|
showToast(msg, 'error', 5000);
|
|
|
|
|
}
|
|
|
|
|
} catch (e) {
|
|
|
|
|
showToast('서버 오류가 발생했습니다. (HTTP ' + xhr.status + ')', 'error', 5000);
|
2026-02-26 16:43:52 +09:00
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
@endpush
|
