@extends('layouts.admin')

@section('title', '新增工人資料')

@push('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('workers.index') }}">工人檔案</a></li>
    <li class="breadcrumb-item active" aria-current="page">新增工人</li>
@endpush

@section('content')
<div class="form-page-header">
    <div class="row align-items-center">
        <div class="col-md-6">
            <h1><i class="bi bi-person-plus-fill me-3"></i>新增工人資料</h1>
        </div>
        <div class="col-md-6 text-md-right">
            <a href="{{ route('workers.index') }}" class="btn btn-outline-light" data-cancel-link>
                <i class="bi bi-arrow-left me-2"></i>返回列表
            </a>
        </div>
    </div>
</div>

@include('partials.form-section-nav', [
    'sections' => [
        ['id' => 'section-basic', 'label' => '基本資料'],
        ['id' => 'section-assignment', 'label' => '分配資訊'],
        ['id' => 'section-employment', 'label' => '合約與證件'],
    ],
])

<form action="{{ route('workers.store') }}" method="POST"
      data-confirm-submit="確定要新增此工人資料嗎？"
      data-warn-unsaved
      data-unsaved-message="您有未儲存的變更，確定要離開新增頁面嗎？">
    @csrf

    <div class="section-card" id="section-basic">
        <div class="card-header primary">
            <i class="bi bi-person-fill me-2"></i>基本資料
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-person"></i>中文姓名
                        <span class="text-danger">*</span>
                    </label>
                    <input type="text"
                           name="zh_name"
                           class="form-control form-control-lg"
                           value="{{ old('zh_name') }}"
                           required>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-type"></i>英文姓名
                    </label>
                    <input type="text"
                           name="en_name"
                           class="form-control form-control-lg"
                           value="{{ old('en_name') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-credit-card"></i>身份證號碼
                    </label>
                    <input type="text"
                           name="id_card"
                           class="form-control form-control-lg"
                           value="{{ old('id_card') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-credit-card-2-front"></i>大陸身份證
                    </label>
                    <input type="text"
                           name="mainland_id"
                           class="form-control form-control-lg"
                           value="{{ old('mainland_id') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-gender-ambiguous"></i>性別
                    </label>
                    <select name="gender" class="form-select form-select-lg">
                        <option value="男" {{ old('gender', '男') == '男' ? 'selected' : '' }}>男</option>
                        <option value="女" {{ old('gender') == '女' ? 'selected' : '' }}>女</option>
                    </select>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-calendar"></i>出生日期
                    </label>
                    <input type="date"
                           name="birth_date"
                           class="form-control form-control-lg date-field"
                           value="{{ old('birth_date') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-phone"></i>電話號碼
                    </label>
                    <input type="text"
                           name="phone_number"
                           class="form-control form-control-lg"
                           value="{{ old('phone_number') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-briefcase"></i>職位名稱
                    </label>
                    <input type="text"
                           name="position"
                           class="form-control form-control-lg"
                           value="{{ old('position') }}"
                           placeholder="例如：廚師、侍應">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-person-check"></i>替代外勞（被替代人姓名）
                    </label>
                    <input type="text"
                           name="replacement_for"
                           class="form-control form-control-lg"
                           value="{{ old('replacement_for') }}"
                           placeholder="留空代表非替代外勞">
                    <div class="form-text">填寫被替代的人姓名；有填即代表是替代外勞</div>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-person-gear"></i>僱主指定人
                    </label>
                    <div class="form-check form-switch mt-2">
                        <input class="form-check-input"
                               type="checkbox"
                               name="is_employer_designated"
                               value="1"
                               {{ old('is_employer_designated') ? 'checked' : '' }}>
                        <label class="form-check-label">是僱主指定人</label>
                    </div>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-briefcase-fill"></i>在職狀態
                    </label>
                    <select name="employment_status" class="form-select form-select-lg">
                        <option value="在職" {{ old('employment_status', '在職') == '在職' ? 'selected' : '' }}>在職</option>
                        <option value="離職" {{ old('employment_status') == '離職' ? 'selected' : '' }}>離職</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="section-card" id="section-assignment">
        <div class="card-header success">
            <i class="bi bi-building me-2"></i>分配資訊
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-building"></i>公司名稱
                    </label>
                    <input type="text"
                           name="company_name"
                           class="form-control form-control-lg"
                           value="{{ old('company_name') }}"
                           placeholder="例如：藍--逸京有限公司">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-shop"></i>店鋪名稱
                    </label>
                    <input type="text"
                           name="branch_name"
                           class="form-control form-control-lg"
                           value="{{ old('branch_name') }}"
                           placeholder="例如：中環分店">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-geo-alt"></i>店鋪地址
                    </label>
                    <input type="text"
                           name="branch_address"
                           class="form-control form-control-lg"
                           value="{{ old('branch_address') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        <i class="bi bi-house-door"></i>分配宿舍
                    </label>
                    <select name="dormitory_id" class="form-select form-select-lg" id="dormitory_id">
                        <option value="">-- 尚未分配 --</option>
                        @foreach($dormitories as $dormitory)
                            <option value="{{ $dormitory->id }}" {{ old('dormitory_id') == $dormitory->id ? 'selected' : '' }}>
                                {{ $dormitory->address }} ({{ $dormitory->gender_limit }})
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="section-card" id="section-employment">
        <div class="card-header info">
            <i class="bi bi-file-earmark-text me-2"></i>合約與證件
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">勞工處檔案編號</label>
                    <input type="text"
                           name="labor_dept_no"
                           class="form-control form-control-lg"
                           value="{{ old('labor_dept_no') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">配額序號</label>
                    <input type="text"
                           name="quota_no"
                           class="form-control form-control-lg"
                           value="{{ old('quota_no') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">雇傭合約編號</label>
                    <input type="text"
                           name="contract_no"
                           class="form-control form-control-lg"
                           value="{{ old('contract_no') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">入境處檔案編碼</label>
                    <input type="text"
                           name="immigration_dept_no"
                           class="form-control form-control-lg"
                           value="{{ old('immigration_dept_no') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">合約人工</label>
                    <input type="number"
                           name="salary_contract"
                           class="form-control form-control-lg"
                           min="0"
                           step="1"
                           value="{{ old('salary_contract') }}"
                           placeholder="例如：18000">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">續約人工</label>
                    <input type="number"
                           name="salary_renewal"
                           class="form-control form-control-lg"
                           min="0"
                           step="1"
                           value="{{ old('salary_renewal') }}"
                           placeholder="例如：19000">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">替補信有效期</label>
                    <input type="date"
                           name="replacement_letter_end_date"
                           class="form-control form-control-lg date-field"
                           value="{{ old('replacement_letter_end_date') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">工作時間</label>
                    <input type="text"
                           name="work_hours"
                           class="form-control form-control-lg"
                           value="{{ old('work_hours', '9小時') }}"
                           placeholder="預設 9小時">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">抵港日期</label>
                    <input type="date"
                           name="arrival_date"
                           class="form-control form-control-lg date-field"
                           value="{{ old('arrival_date') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">
                        合約到期日期
                        <span class="info-badge bg-danger text-white">重要</span>
                    </label>
                    <input type="date"
                           name="contract_end_date"
                           class="form-control form-control-lg date-field"
                           value="{{ old('contract_end_date') }}">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-group-label">通行證號碼</label>
                    <input type="text"
                           name="pass_number"
                           class="form-control form-control-lg"
                           value="{{ old('pass_number') }}">
                </div>
            </div>
        </div>
    </div>

    <!-- Submit Section -->
    <div class="submit-section">
        <div class="d-flex justify-content-center gap-3">
            <a href="{{ route('workers.index') }}" class="btn btn-cancel" data-cancel-link>
                <i class="bi bi-x-circle me-2"></i>取消
            </a>
            <button type="submit" class="btn btn-submit">
                <i class="bi bi-check-circle me-2"></i>新增工人
            </button>
        </div>
    </div>
</form>

@push('scripts')
<script>
// 依宿舍篩選房號（此版暫不提供房號欄位，保留資料相容）
@php
    $roomsByDormitoryData = $dormitories->mapWithKeys(function ($d) {
        return [$d->id => $d->rooms->map(function ($r) {
            return ['id' => $r->id, 'number' => $r->room_number, 'capacity' => $r->capacity, 'occupied' => $r->workers->count()];
        })->values()->all()];
    })->all();
@endphp
const roomsByDormitory = @json($roomsByDormitoryData);
</script>
@endpush
@endsection