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

@section('title', 'Tambah Status Pekerjaan')
@section('pagetitle', 'Tambah 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> Tambah Status Pekerjaan
          </h5>
        </div>

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

            <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') }}"
                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') }}"
                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') == 'status_bps' ? 'selected' : '' }}>
                  Status BPS (bekerja / tidak bekerja, dsb.)
                </option>
                <option value="jenis_profesi" {{ old('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') }}</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
              </button>
            </div>

          </form>
        </div>

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