{{-- resources/views/master/status-pekerjaan/edit.blade.php --}}
@extends('layouts.dashboard')

@section('title', 'Edit Status Pekerjaan')
@section('pagetitle', 'Edit Status Pekerjaan')

@section('content')
<div class="container-fluid">
  <div class="row justify-content-center">
    <div class="col-12 col-lg-6">
      <div class="card border-0 shadow-sm">
        <div class="card-header bg-white border-0 pb-1">
          <h5 class="mb-0 text-primary">
            <i class="bi bi-briefcase-fill me-1"></i> Edit Status Pekerjaan
          </h5>
        </div>

        <div class="card-body pt-2">
          <form
            action="{{ route('master.status-pekerjaan.update', $item->id_status) }}"
            method="POST"
            class="row g-2"
          >
            @csrf
            @method('PUT')

            <div class="col-12 col-md-4">
              <label for="kode_status" class="form-label">Kode Status</label>
              <input
                type="text"
                name="kode_status"
                id="kode_status"
                value="{{ old('kode_status', $item->kode_status) }}"
                class="form-control form-control-sm @error('kode_status') is-invalid @enderror"
                maxlength="10"
                required
              >
              @error('kode_status')
                <div class="invalid-feedback">{{ $message }}</div>
              @enderror
              <div class="form-text">Contoh: BKR, TDKBKR, NELAYAN.</div>
            </div>

            <div class="col-12 col-md-8">
              <label for="nama_status" class="form-label">Nama Status</label>
              <input
                type="text"
                name="nama_status"
                id="nama_status"
                value="{{ old('nama_status', $item->nama_status) }}"
                class="form-control form-control-sm @error('nama_status') is-invalid @enderror"
                maxlength="150"
                required
              >
              @error('nama_status')
                <div class="invalid-feedback">{{ $message }}</div>
              @enderror
            </div>

            <div class="col-12 col-md-6">
              <label for="tipe_status" class="form-label">Tipe Status</label>
              <select
                name="tipe_status"
                id="tipe_status"
                class="form-select form-select-sm @error('tipe_status') is-invalid @enderror"
                required
              >
                <option value="">-- Pilih Tipe --</option>
                <option value="status_bps"
                  {{ old('tipe_status', $item->tipe_status) == 'status_bps' ? 'selected' : '' }}>
                  Status BPS (bekerja / tidak bekerja, dsb.)
                </option>
                <option value="jenis_profesi"
                  {{ old('tipe_status', $item->tipe_status) == 'jenis_profesi' ? 'selected' : '' }}>
                  Jenis profesi / jenis pekerjaan
                </option>
              </select>
              @error('tipe_status')
                <div class="invalid-feedback">{{ $message }}</div>
              @enderror
            </div>

            <div class="col-12">
              <label for="keterangan" class="form-label">Keterangan (opsional)</label>
              <textarea
                name="keterangan"
                id="keterangan"
                rows="2"
                class="form-control form-control-sm @error('keterangan') is-invalid @enderror"
              >{{ old('keterangan', $item->keterangan) }}</textarea>
              @error('keterangan')
                <div class="invalid-feedback">{{ $message }}</div>
              @enderror
            </div>

            <div class="col-12 d-flex justify-content-between mt-2">
              <a href="{{ route('master.status-pekerjaan.index') }}"
                 class="btn btn-outline-secondary btn-sm">
                <i class="bi bi-arrow-left"></i> Kembali
              </a>
              <button type="submit" class="btn btn-primary btn-sm">
                <i class="bi bi-save"></i> Simpan Perubahan
              </button>
            </div>

          </form>
        </div>

      </div>
    </div>
  </div>
</div>
@endsection