@extends('layouts/layoutMaster')

@section('title', 'Pengaturan Payroll - HRD')

@section('vendor-style')
@vite([
'resources/assets/vendor/libs/sweetalert2/sweetalert2.scss',
'resources/assets/vendor/libs/select2/select2.scss'
])
@endsection

@section('vendor-script')
@vite([
'resources/assets/vendor/libs/sweetalert2/sweetalert2.js',
'resources/assets/vendor/libs/select2/select2.js'
])
@endsection

@section('page-script')
@vite(['Modules/Hrd/resources/assets/js/payroll-settings.js'])
@endsection

@section('content')
<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header">
        <h4 class="card-title mb-0">Pengaturan Payroll Otomatis</h4>
        <p class="text-muted mb-0">Konfigurasi aturan perhitungan gaji, potongan, dan bonus untuk semua karyawan</p>
      </div>
      <div class="card-body">
        <form id="payrollSettingsForm">
          @csrf

          <!-- Pengaturan Kerja -->
          <div class="row mb-4">
            <div class="col-12">
              <h5 class="mb-3">Pengaturan Standar Kerja</h5>
            </div>
            <div class="col-md-6">
              <div class="form-floating form-floating-outline mb-3">
                <input type="number" class="form-control" id="work_days_per_month" name="work_days_per_month"
                       value="{{ $settings->work_days_per_month ?? 22 }}" min="1" max="31" required>
                <label for="work_days_per_month">Hari Kerja per Bulan</label>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-floating form-floating-outline mb-3">
                <input type="number" class="form-control" id="work_hours_per_day" name="work_hours_per_day"
                       value="{{ $settings->work_hours_per_day ?? 8 }}" min="1" max="24" required>
                <label for="work_hours_per_day">Jam Kerja per Hari</label>
              </div>
            </div>
          </div>

          <hr class="my-4">

          <!-- Pengaturan Potongan Keterlambatan -->
          <div class="row mb-4">
            <div class="col-12">
              <h5 class="mb-3">Potongan Keterlambatan</h5>
            </div>
            <div class="col-md-6">
              <div class="form-floating form-floating-outline mb-3">
                <input type="number" class="form-control" id="late_deduction_per_hour" name="late_deduction_per_hour"
                       value="{{ $settings->late_deduction_per_hour ?? 25000 }}" min="0" step="1000" required>
                <label for="late_deduction_per_hour">Potongan per Jam Terlambat</label>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-floating form-floating-outline mb-3">
                <select class="form-select" id="late_deduction_type" name="late_deduction_type" required>
                  <option value="fixed" {{ ($settings->late_deduction_type ?? 'fixed') == 'fixed' ? 'selected' : '' }}>
                    Nominal Tetap (Rupiah)
                  </option>
                  <option value="percentage" {{ ($settings->late_deduction_type ?? '') == 'percentage' ? 'selected' : '' }}>
                    Persentase dari Gaji
                  </option>
                </select>
                <label for="late_deduction_type">Tipe Potongan</label>
              </div>
            </div>

            <!-- Field Baru untuk Toleransi Keterlambatan -->
            <div class="col-md-4">
              <div class="form-floating form-floating-outline mb-3">
                <input type="number" class="form-control" id="late_tolerance_minutes" name="late_tolerance_minutes"
                       value="{{ $settings->late_tolerance_minutes ?? 15 }}" min="0" max="60" step="1" required>
                <label for="late_tolerance_minutes">Toleransi Keterlambatan (Menit)</label>
              </div>
              <small class="text-muted">Keterlambatan di bawah batas ini tidak akan dipotong</small>
            </div>

            <!-- Field Baru untuk Kelipatan Menit -->
            <div class="col-md-4">
              <div class="form-floating form-floating-outline mb-3">
                <select class="form-select" id="late_deduction_interval_minutes" name="late_deduction_interval_minutes" required>
                  <option value="1" {{ ($settings->late_deduction_interval_minutes ?? 15) == 1 ? 'selected' : '' }}>1 Menit</option>
                  <option value="5" {{ ($settings->late_deduction_interval_minutes ?? 15) == 5 ? 'selected' : '' }}>5 Menit</option>
                  <option value="10" {{ ($settings->late_deduction_interval_minutes ?? 15) == 10 ? 'selected' : '' }}>10 Menit</option>
                  <option value="15" {{ ($settings->late_deduction_interval_minutes ?? 15) == 15 ? 'selected' : '' }}>15 Menit</option>
                  <option value="30" {{ ($settings->late_deduction_interval_minutes ?? 15) == 30 ? 'selected' : '' }}>30 Menit</option>
                  <option value="60" {{ ($settings->late_deduction_interval_minutes ?? 15) == 60 ? 'selected' : '' }}>60 Menit</option>
                </select>
                <label for="late_deduction_interval_minutes">Kelipatan Potongan (Menit)</label>
              </div>
              <small class="text-muted">Potongan dihitung berdasarkan kelipatan ini</small>
            </div>

            <!-- Field Baru untuk Default Waktu Masuk -->
            <div class="col-md-4">
              <div class="form-floating form-floating-outline mb-3">
                <input type="time" class="form-control" id="default_work_start_time" name="default_work_start_time"
                       value="{{ $settings->default_work_start_time ?? '08:00:00' }}" required>
                <label for="default_work_start_time">Default Waktu Masuk Kerja</label>
              </div>
              <small class="text-muted">Digunakan jika tidak ada jadwal shift</small>
            </div>

            <!-- Field Baru untuk Penggunaan Waktu Shift -->
            <div class="col-12">
              <div class="form-check mb-3">
                <input class="form-check-input" type="checkbox" id="use_shift_time_for_late_calculation" name="use_shift_time_for_late_calculation"
                       {{ ($settings->use_shift_time_for_late_calculation ?? true) ? 'checked' : '' }}>
                <label class="form-check-label" for="use_shift_time_for_late_calculation">
                  Gunakan Waktu Shift untuk Perhitungan Keterlambatan
                </label>
              </div>
              <small class="text-muted">Jika dicentang, sistem akan menggunakan waktu mulai shift karyawan. Jika tidak, menggunakan default waktu masuk kerja di atas.</small>
            </div>
          </div>

          <!-- Pengaturan Potongan Izin -->
          <div class="row mb-4">
            <div class="col-12">
              <h5 class="mb-3">Potongan Izin</h5>
            </div>
            <div class="col-md-6">
              <div class="form-floating form-floating-outline mb-3">
                <input type="number" class="form-control" id="permission_deduction_per_hour" name="permission_deduction_per_hour"
                       value="{{ $settings->permission_deduction_per_hour ?? 20000 }}" min="0" step="1000" required>
                <label for="permission_deduction_per_hour">Potongan per Jam Izin</label>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-floating form-floating-outline mb-3">
                <select class="form-select" id="permission_deduction_type" name="permission_deduction_type" required>
                  <option value="fixed" {{ ($settings->permission_deduction_type ?? 'fixed') == 'fixed' ? 'selected' : '' }}>
                    Nominal Tetap (Rupiah)
                  </option>
                  <option value="percentage" {{ ($settings->permission_deduction_type ?? '') == 'percentage' ? 'selected' : '' }}>
                    Persentase dari Gaji
                  </option>
                </select>
                <label for="permission_deduction_type">Tipe Potongan</label>
              </div>
            </div>
          </div>

          <!-- Pengaturan Potongan Absen -->
          <div class="row mb-4">
            <div class="col-12">
              <h5 class="mb-3">Potongan Absen</h5>
            </div>
            <div class="col-md-6">
              <div class="form-floating form-floating-outline mb-3">
                <input type="number" class="form-control" id="absent_deduction_per_day" name="absent_deduction_per_day"
                       value="{{ $settings->absent_deduction_per_day ?? 100000 }}" min="0" step="1000" required>
                <label for="absent_deduction_per_day">Potongan per Hari Absen</label>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-floating form-floating-outline mb-3">
                <select class="form-select" id="absent_deduction_type" name="absent_deduction_type" required>
                  <option value="fixed" {{ ($settings->absent_deduction_type ?? 'fixed') == 'fixed' ? 'selected' : '' }}>
                    Nominal Tetap (Rupiah)
                  </option>
                  <option value="percentage" {{ ($settings->absent_deduction_type ?? '') == 'percentage' ? 'selected' : '' }}>
                    Persentase dari Gaji
                  </option>
                </select>
                <label for="absent_deduction_type">Tipe Potongan</label>
              </div>
            </div>
          </div>

          <hr class="my-4">

          <!-- Pengaturan Bonus Lembur -->
          <div class="row mb-4">
            <div class="col-12">
              <h5 class="mb-3">Bonus Lembur</h5>
            </div>
            <div class="col-md-6">
              <div class="form-floating form-floating-outline mb-3">
                <input type="number" class="form-control" id="overtime_rate_per_hour" name="overtime_rate_per_hour"
                       value="{{ $settings->overtime_rate_per_hour ?? 150 }}" min="0" step="5" required>
                <label for="overtime_rate_per_hour">Rate Lembur per Jam</label>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-floating form-floating-outline mb-3">
                <select class="form-select" id="overtime_rate_type" name="overtime_rate_type" required>
                  <option value="fixed" {{ ($settings->overtime_rate_type ?? '') == 'fixed' ? 'selected' : '' }}>
                    Nominal Tetap (Rupiah)
                  </option>
                  <option value="percentage" {{ ($settings->overtime_rate_type ?? 'percentage') == 'percentage' ? 'selected' : '' }}>
                    Persentase dari Gaji per Jam
                  </option>
                </select>
                <label for="overtime_rate_type">Tipe Bonus</label>
              </div>
            </div>
          </div>

          <hr class="my-4">

          <!-- Opsi Otomatisasi -->
          <div class="row mb-4">
            <div class="col-12">
              <h5 class="mb-3">Pengaturan Otomatisasi</h5>
            </div>
            <div class="col-md-6">
              <div class="form-check mb-3">
                <input class="form-check-input" type="checkbox" id="auto_calculate_attendance" name="auto_calculate_attendance"
                       {{ ($settings->auto_calculate_attendance ?? true) ? 'checked' : '' }}>
                <label class="form-check-label" for="auto_calculate_attendance">
                  Hitung Kehadiran Otomatis
                </label>
              </div>
              <div class="form-check mb-3">
                <input class="form-check-input" type="checkbox" id="auto_calculate_overtime" name="auto_calculate_overtime"
                       {{ ($settings->auto_calculate_overtime ?? true) ? 'checked' : '' }}>
                <label class="form-check-label" for="auto_calculate_overtime">
                  Hitung Lembur Otomatis
                </label>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-check mb-3">
                <input class="form-check-input" type="checkbox" id="auto_calculate_deductions" name="auto_calculate_deductions"
                       {{ ($settings->auto_calculate_deductions ?? true) ? 'checked' : '' }}>
                <label class="form-check-label" for="auto_calculate_deductions">
                  Hitung Potongan Otomatis
                </label>
              </div>
              <div class="form-check mb-3">
                <input class="form-check-input" type="checkbox" id="include_weekends_in_calculation" name="include_weekends_in_calculation"
                       {{ ($settings->include_weekends_in_calculation ?? false) ? 'checked' : '' }}>
                <label class="form-check-label" for="include_weekends_in_calculation">
                  Hitung Weekend dalam Perhitungan
                </label>
              </div>
            </div>
          </div>

          <!-- Info Box -->
          <div class="alert alert-info" role="alert">
            <div class="d-flex">
              <div class="me-2">
                <i class="ri-information-line ri-22px"></i>
              </div>
              <div>
                <h6 class="alert-heading mb-1">Informasi Pengaturan</h6>
                <ul class="mb-0">
                  <li><strong>Nominal Tetap:</strong> Potongan/bonus dalam jumlah rupiah tetap</li>
                  <li><strong>Persentase:</strong> Potongan/bonus berdasarkan persentase dari gaji</li>
                  <li><strong>Rate Lembur 150%:</strong> Berarti 1.5x lipat dari gaji per jam normal</li>
                  <li><strong>Toleransi Keterlambatan:</strong> Keterlambatan di bawah batas ini tidak dipotong (contoh: 15 menit)</li>
                  <li><strong>Kelipatan Potongan:</strong> Potongan dihitung berdasarkan kelipatan menit (contoh: setiap 15 menit)</li>
                  <li><strong>Waktu Shift:</strong> Sistem akan menggunakan jadwal shift karyawan atau default waktu masuk</li>
                  <li>Pengaturan ini berlaku untuk semua karyawan di branch Anda</li>
                </ul>
              </div>
            </div>
          </div>

          <!-- Info Box Tambahan untuk Fitur Baru -->
          <div class="alert alert-success" role="alert">
            <div class="d-flex">
              <div class="me-2">
                <i class="ri-lightbulb-line ri-22px"></i>
              </div>
              <div>
                <h6 class="alert-heading mb-1">Fitur Baru - Enhanced Toleransi & Shift</h6>
                <div class="row">
                  <div class="col-md-6">
                    <p class="mb-2"><strong>Contoh Perhitungan Toleransi:</strong></p>
                    <small class="text-muted">
                      • Karyawan terlambat 10 menit, toleransi 15 menit = Tidak dipotong<br>
                      • Karyawan terlambat 20 menit, toleransi 15 menit = Dipotong 5 menit<br>
                      • Dengan kelipatan 15 menit = Dipotong 1 x 15 menit = 15 menit
                    </small>
                  </div>
                  <div class="col-md-6">
                    <p class="mb-2"><strong>Sistem Shift:</strong></p>
                    <small class="text-muted">
                      • Jika karyawan punya shift = Gunakan waktu shift<br>
                      • Jika tidak ada shift = Gunakan default waktu masuk<br>
                      • Perhitungan otomatis berdasarkan jadwal masing-masing
                    </small>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-12">
              <button type="submit" class="btn btn-primary me-3">
                <i class="ri-save-line me-1"></i>Simpan Pengaturan
              </button>
              <button type="button" class="btn btn-outline-secondary" onclick="window.location.reload()">
                <i class="ri-refresh-line me-1"></i>Reset
              </button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection