@extends('layouts.performance')

@section('title', 'Atama Yönetimi')

@section('perf-content')
  @php
    $autoSkippedManager = 0;
    $autoSkippedUser = 0;
    $autoSkippedSets = 0;
    $autoSkippedEmployees = 0;
  @endphp
  <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
    <div>
      <h1 class="h4 mb-1">Atama Yönetimi</h1>
      <p class="text-muted mb-0">Personel ve iki kademeli amir atamalarını oluşturun.</p>
    </div>
  </div>

  @if (request()->query('updated'))
    <div class="alert alert-soft">Atama güncellendi.</div>
  @elseif (request()->query('saved'))
    @php
      $createdCount = (int) request()->query('created', 0);
      $skippedExisting = (int) request()->query('skipped_existing', 0);
    @endphp
    @if ($createdCount === 0 && $skippedExisting > 0)
      <div class="alert alert-warning">Bu dönemde zaten atama var. Yeni kayıt oluşturulmadı.</div>
    @elseif ($createdCount > 0 || $skippedExisting > 0)
      <div class="alert alert-soft">
        Atama kaydedildi. Eklenen: {{ $createdCount }}, Var olan: {{ $skippedExisting }}.
      </div>
    @else
      <div class="alert alert-soft">Atama kaydedildi.</div>
    @endif
  @elseif (request()->query('auto_saved'))
    <div class="alert alert-soft">Otomatik atama kaydedildi.</div>
  @elseif (request()->query('auto_deleted'))
    <div class="alert alert-soft">Otomatik atama silindi.</div>
  @elseif (request()->query('imported') && $importSummary)
    <div class="alert alert-soft">
      Excel aktarımı tamamlandı. Eklenen: {{ (int) ($importSummary['imported'] ?? 0) }},
      Atlanan: {{ (int) ($importSummary['skipped'] ?? 0) }}.
    </div>
    @php
      $importErrors = $importSummary['errors'] ?? [];
    @endphp
    @if ($importErrors)
      <div class="alert alert-warning">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
          <div class="meta-label">Tüm hatalar:</div>
          <button type="button" class="btn btn-outline-secondary btn-sm" id="toggle_import_errors">
            Tüm hataları göster
          </button>
        </div>
        <div id="import_error_list" class="mt-2 d-none">
          <ul class="mb-0">
            @foreach ($importErrors as $message)
              <li>{{ $message }}</li>
            @endforeach
          </ul>
        </div>
      </div>
    @endif
  @elseif ($autoSummary)
    <div class="alert alert-soft">
      Otomatik atama çalıştı. Kural: {{ (int) ($autoSummary['rules'] ?? 0) }},
      Eklenen: {{ (int) ($autoSummary['created'] ?? 0) }},
      Var olan: {{ (int) ($autoSummary['skipped_existing'] ?? 0) }}.
    </div>
    @php
      $autoSkippedManager = (int) ($autoSummary['skipped_missing_manager'] ?? 0);
      $autoSkippedUser = (int) ($autoSummary['skipped_missing_user'] ?? 0);
      $autoSkippedSets = (int) ($autoSummary['skipped_no_sets'] ?? 0);
      $autoSkippedEmployees = (int) ($autoSummary['skipped_no_employee'] ?? 0);
    @endphp
    @if (($autoSkippedManager ?? 0) > 0 || ($autoSkippedUser ?? 0) > 0 || ($autoSkippedSets ?? 0) > 0 || ($autoSkippedEmployees ?? 0) > 0)
      <div class="alert alert-warning">
        <div>Atlananlar:</div>
        <ul class="mb-0">
          @if (($autoSkippedManager ?? 0) > 0)
            <li>Amir bilgisi olmayan: {{ $autoSkippedManager ?? 0 }}</li>
          @endif
          @if (($autoSkippedUser ?? 0) > 0)
            <li>Kullanıcı bulunamayan: {{ $autoSkippedUser ?? 0 }}</li>
          @endif
          @if (($autoSkippedSets ?? 0) > 0)
            <li>Soru seti olmayan: {{ $autoSkippedSets ?? 0 }}</li>
          @endif
          @if (($autoSkippedEmployees ?? 0) > 0)
            <li>Uygun personel bulunamayan: {{ $autoSkippedEmployees ?? 0 }}</li>
          @endif
        </ul>
      </div>
    @endif
  @elseif (request()->query('import_error'))
    <div class="alert alert-danger">
      {{ $importError ?? "Excel aktar\u{0131}m\u{0131} s\u{0131}ras\u{0131}nda hata olu\u{015f}tu." }}</div>
  @elseif ($autoError)
    <div class="alert alert-danger">
      {{ $autoError ?? "Otomatik atama i\u{015f}lemi s\u{0131}ras\u{0131}nda hata olu\u{015f}tu." }}</div>
  @elseif (request()->query('error'))
    <div class="alert alert-danger">
      {{ session('assignment_error', "\u{0130}\u{015f}lem s\u{0131}ras\u{0131}nda hata olu\u{015f}tu.") }}</div>
  @endif

  @if ($errors->any())
    <div class="alert alert-danger">{{ $errors->first() }}</div>
  @endif

  @php
    $isAutoTab = $tab === 'auto';
    $isMultiEmployee = !$editAssignment;
    $autoCriteria = (string) ($autoEditRule->criteria_type ?? 'all');
    $autoHireMin = (string) ($autoEditRule->hire_months ?? '');
    $autoHireMax = (string) ($autoEditRule->hire_days_max ?? '');
  @endphp
  <ul class="nav nav-pills assignment-tabs assignment-subtabs mb-3" role="tablist">
    <li class="nav-item" role="presentation">
      <button class="nav-link {{ $isAutoTab ? '' : 'active' }}" id="assignment-manual-tab" data-bs-toggle="tab"
        data-bs-target="#assignment-manual" type="button" role="tab" aria-controls="assignment-manual"
        aria-selected="{{ $isAutoTab ? 'false' : 'true' }}">
        Manuel Atama
      </button>
    </li>
    <li class="nav-item" role="presentation">
      <button class="nav-link {{ $isAutoTab ? 'active' : '' }}" id="assignment-auto-tab" data-bs-toggle="tab"
        data-bs-target="#assignment-auto" type="button" role="tab" aria-controls="assignment-auto"
        aria-selected="{{ $isAutoTab ? 'true' : 'false' }}">
        Otomatik Atama
      </button>
    </li>
  </ul>

  <div class="tab-content">
    <div class="tab-pane fade {{ $isAutoTab ? '' : 'show active' }}" id="assignment-manual" role="tabpanel"
      aria-labelledby="assignment-manual-tab">
      <div class="row g-4">
        <div class="col-12 col-lg-3 assignment-form-column">
          <div class="card form-card">
            <div class="card-body">
              <h4 class="mb-3">{{ $editAssignment ? "Atama G\u{00fc}ncelle" : 'Yeni Atama' }}</h4>
              <form method="post" action="{{ route('admin.assignments.store') }}" class="vstack gap-3 form-grid">
                @csrf
                <input type="hidden" name="id" value="{{ $editAssignment->id ?? 0 }}">
                <div class="form-row">
                  <label class="form-label">Dönem</label>
                  <select name="period_id" id="assignment_period_id" class="form-select" required>
                    <option value="">Seçiniz</option>
                    @foreach ($periods as $period)
                      <option value="{{ $period->id }}" {{ (int) ($editAssignment->period_id ?? 0) === (int) $period->id ? 'selected' : '' }}>
                        {{ $period->name }}{{ (int) $period->is_active === 1 ? ' (Aktif)' : '' }}
                      </option>
                    @endforeach
                  </select>
                </div>
                <div class="form-row">
                  <label class="form-label">Firma</label>
                  <select name="company" id="assignment_company" class="form-select" required>
                    <option value="">Seçiniz</option>
                    @foreach ($companyOptions as $companyOption)
                      <option value="{{ $companyOption }}" {{ ($editAssignment->company ?? '') === $companyOption ? 'selected' : '' }}>
                        {{ $companyOption }}
                      </option>
                    @endforeach
                  </select>
                </div>
                <div class="form-row">
                  <label class="form-label">Başlangıç Tarihi</label>
                  <input type="date" name="assignment_start_date" id="assignment_start_date" class="form-control" required
                    value="{{ $editAssignment->assignment_start_date ?? '' }}">
                </div>
                <div class="form-row">
                  <label class="form-label">Bitiş Tarihi</label>
                  <input type="date" name="assignment_end_date" id="assignment_end_date" class="form-control" required
                    value="{{ $editAssignment->assignment_end_date ?? '' }}">
                </div>
                <div class="form-row">
                  <label class="form-label">Personel</label>
                  <div class="input-group">
                    <input type="text" class="form-control" id="employee_display" placeholder="Seçiniz"
                      value="{{ $selectedEmployeeName }}" readonly>
                    <button type="button" class="btn btn-outline-secondary btn-icon" data-bs-toggle="modal"
                      data-bs-target="#employeeModal" aria-label="Ara"><svg xmlns="http://www.w3.org/2000/svg" width="18"
                        height="18" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                        <path
                          d="M10 4a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm-8 6a8 8 0 1 1 14.32 4.906l4.387 4.387a1 1 0 0 1-1.414 1.414l-4.387-4.387A8 8 0 0 1 2 10z" />
                      </svg></button>
                    <button type="button" class="btn btn-outline-danger" id="employee_clear">Temizle</button>
                  </div>
                  <input type="hidden" name="employee_id" id="employee_id"
                    value="{{ $editAssignment->employee_id ?? '' }}">
                  <div id="employee_hidden"></div>
                  <div class="text-muted small mt-1 form-help">
                    {{ $editAssignment ? "G\u{00fc}ncelleme s\u{0131}ras\u{0131}nda tek personel se\u{00e7}ilir." : '' }}
                  </div>
                </div>
                <div class="form-row">
                  <label class="form-label">1. Amir</label>
                  <div class="input-group">
                    <input type="text" class="form-control" id="evaluator1_display" placeholder="Seçiniz"
                      value="{{ $selectedEvaluator1Name }}" readonly>
                    <button type="button" class="btn btn-outline-secondary btn-icon" data-bs-toggle="modal"
                      data-bs-target="#evaluator1Modal" {{ $lockEvaluator1 ? 'disabled' : '' }} aria-label="Ara"><svg
                        xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 24 24"
                        aria-hidden="true">
                        <path
                          d="M10 4a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm-8 6a8 8 0 1 1 14.32 4.906l4.387 4.387a1 1 0 0 1-1.414 1.414l-4.387-4.387A8 8 0 0 1 2 10z" />
                      </svg></button>
                    <button type="button" class="btn btn-outline-danger" id="evaluator1_clear" {{ $lockEvaluator1 ? 'disabled' : '' }}>Temizle</button>
                  </div>
                  <input type="hidden" name="evaluator1_user_id" id="evaluator1_user_id"
                    value="{{ $editAssignment->evaluator1_user_id ?? '' }}">
                  @if ($lockEvaluator1)
                    <div class="text-muted small mt-1">1. Amir tamamlandığı için
                      değiştirilemez.</div>
                  @endif
                </div>
                <div class="form-row">
                  <label class="form-label">2. Amir (Opsiyonel)</label>
                  <div class="input-group">
                    <input type="text" class="form-control" id="evaluator2_display" placeholder="Seçiniz"
                      value="{{ $selectedEvaluator2Name }}" readonly>
                    <button type="button" class="btn btn-outline-secondary btn-icon" data-bs-toggle="modal"
                      data-bs-target="#evaluator2Modal" {{ $lockEvaluator2 ? 'disabled' : '' }} aria-label="Ara"><svg
                        xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 24 24"
                        aria-hidden="true">
                        <path
                          d="M10 4a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm-8 6a8 8 0 1 1 14.32 4.906l4.387 4.387a1 1 0 0 1-1.414 1.414l-4.387-4.387A8 8 0 0 1 2 10z" />
                      </svg></button>
                    <button type="button" class="btn btn-outline-danger" id="evaluator2_clear" {{ $lockEvaluator2 ? 'disabled' : '' }}>Temizle</button>
                  </div>
                  <input type="hidden" name="evaluator2_user_id" id="evaluator2_user_id"
                    value="{{ $editAssignment->evaluator2_user_id ?? '' }}">
                  @if ($lockEvaluator2)
                    <div class="text-muted small mt-1">2. Amir tamamlandığı için
                      değiştirilemez.</div>
                  @endif
                </div>
                <button type="submit" class="btn btn-primary">Kaydet</button>
              </form>
            </div>
          </div>

          <div class="card form-card mt-3">
            <div class="card-body">
              <h4 class="mb-3">Excelden Al</h4>
              <form method="post" action="{{ route('admin.assignments.import') }}" enctype="multipart/form-data"
                id="assignment_import_form" class="d-grid gap-2">
                @csrf
                <input type="hidden" name="period_id" id="import_period_id">
                <input type="hidden" name="assignment_start_date" id="import_start_date">
                <input type="hidden" name="assignment_end_date" id="import_end_date">
                <div>
                  <label class="form-label">XLSX Dosyası</label>
                  <input type="file" name="xlsx_file" class="form-control" accept=".xlsx" required>
                  <div class="text-muted small mt-1">A: Personel Kodu, B: Amir1 Kodu, C: Amir2 Kodu (opsiyonel), D: Firma
                  </div>
                  <div class="text-muted small">Soru setleri, seçilen dönemin kural setinden alınır.
                  </div>
                </div>
                <button type="submit" class="btn btn-outline-primary">Excelden Al</button>
              </form>
            </div>
          </div>
        </div>
        <div class="col-12 col-lg-9">
          <div class="card assignment-card h-100">
            <div class="card-body">
              <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
                <h4 class="mb-0">Atama Listesi</h4>
                <span class="meta-label">{{ $totalRows }} kayıt</span>
              </div>
              <form method="get" action="{{ route('admin.assignments.index') }}"
                class="filter-bar filter-bar-compact d-flex flex-wrap gap-2 align-items-center mb-3">
                <input type="hidden" name="tab" value="manual">
                <select name="period_id" class="form-select">
                  <option value="">Tüm dönemler</option>
                  @foreach ($periods as $period)
                    <option value="{{ $period->id }}" {{ $periodFilter === (int) $period->id ? 'selected' : '' }}>
                      {{ $period->name }}
                    </option>
                  @endforeach
                </select>
                <select name="status_e1" class="form-select">
                  <option value="">1. Amir Durum</option>
                  <option value="not_started" {{ $statusE1 === 'not_started' ? 'selected' : '' }}>Başlamadı
                  </option>
                  <option value="draft" {{ $statusE1 === 'draft' ? 'selected' : '' }}>Taslak</option>
                  <option value="submitted" {{ $statusE1 === 'submitted' ? 'selected' : '' }}>Yapıldı</option>
                </select>
                <select name="status_e2" class="form-select">
                  <option value="">2. Amir Durum</option>
                  <option value="not_started" {{ $statusE2 === 'not_started' ? 'selected' : '' }}>Başlamadı
                  </option>
                  <option value="draft" {{ $statusE2 === 'draft' ? 'selected' : '' }}>Taslak</option>
                  <option value="submitted" {{ $statusE2 === 'submitted' ? 'selected' : '' }}>Yapıldı</option>
                </select>
                <select name="company" class="form-select">
                  <option value="">Tüm firmalar</option>
                  @foreach ($companyOptions as $companyOption)
                    <option value="{{ $companyOption }}" {{ $companyFilter === $companyOption ? 'selected' : '' }}>
                      {{ $companyOption }}
                    </option>
                  @endforeach
                </select>
                <input type="text" name="q" class="form-control" placeholder="Ara: dönem, personel, amir"
                  value="{{ $search }}">
                <button type="submit" class="btn btn-outline-primary">Ara</button>
                @if ($search !== '' || $periodFilter > 0 || $statusE1 !== '' || $statusE2 !== '' || $companyFilter !== '')
                  <a href="{{ route('admin.assignments.index') }}" class="btn btn-outline-secondary">Temizle</a>
                @endif
              </form>
              <div class="table-responsive">
                <table class="table align-middle assignment-table">
                  <thead>
                    <tr>
                      <th>Dönem</th>
                      <th>Personel</th>
                      <th>1. Amir</th>
                      <th>2. Amir</th>
                      <th>Başlangıç</th>
                      <th>Bitiş</th>
                      <th>Durum</th>
                      <th class="text-end">İşlem</th>
                    </tr>
                  </thead>
                  <tbody>
                    @forelse ($assignments as $row)
                      @php
                        $status1 = $row->status_e1 ?? 'not_started';
                        $status2 = $row->status_e2 ?? 'not_started';
                        $hasEvaluator2 = !empty($row->evaluator2_user_id);
                        $isDone = $status1 === 'submitted' && (!$hasEvaluator2 || $status2 === 'submitted');
                        $isNone = $status1 === 'not_started' && ($status2 === 'not_started' || !$hasEvaluator2);
                        $rowClass = $isDone ? 'assignment-row-complete' : ($isNone ? 'assignment-row-none' : 'assignment-row-partial');
                      @endphp
                      <tr class="{{ $rowClass }}">
                        <td>{{ $row->period_name }}</td>
                        <td>{{ $row->employee_name }}</td>
                        <td>{{ $row->evaluator1_name }}</td>
                        <td>{{ $row->evaluator2_name ?? '-' }}</td>
                        <td>{{ $row->assignment_start_date }}</td>
                        <td>{{ $row->assignment_end_date }}</td>
                        <td>{{ \App\Support\EvaluationHelper::statusLabel($status1) }} /
                          {{ $hasEvaluator2 ? \App\Support\EvaluationHelper::statusLabel($status2) : '-' }}</td>
                        <td class="text-end">
                          @if ($isDone)
                            <span class="text-muted small">Tamamlandı</span>
                          @else
                            <a href="{{ route('admin.assignments.index', ['edit' => $row->id]) }}"
                              class="btn btn-sm btn-outline-primary">Düzenle</a>
                          @endif
                        </td>
                      </tr>
                    @empty
                      <tr>
                        <td colspan="8" class="text-center text-muted py-4">Kayıt bulunamadı.</td>
                      </tr>
                    @endforelse
                  </tbody>
                </table>
              </div>
              @if ($totalPages > 1)
                <nav class="mt-3">
                  <ul class="pagination justify-content-end mb-0">
                    @for ($i = 1; $i <= $totalPages; $i++)
                      @php
                        $pageParams = request()->query();
                        $pageParams['page'] = $i;
                      @endphp
                      <li class="page-item {{ $i === $page ? 'active' : '' }}">
                        <a class="page-link" href="{{ route('admin.assignments.index', $pageParams) }}">{{ $i }}</a>
                      </li>
                    @endfor
                  </ul>
                </nav>
              @endif
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="tab-pane fade {{ $isAutoTab ? 'show active' : '' }}" id="assignment-auto" role="tabpanel"
      aria-labelledby="assignment-auto-tab">
      @if (!$autoTablesReady)
        <div class="alert alert-warning">Otomatik atama tabloları bulunamadı.</div>
      @else
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
          <h4 class="mb-0">Otomatik Atamalar</h4>
          <form method="post" action="{{ route('admin.assignments.auto.run') }}" class="js-auto-run-form">
            @csrf
            <input type="hidden" name="force" value="1">
            <button type="submit" class="btn btn-primary">Otomatik Atamayı Çalıştır</button>
          </form>
        </div>
        <div id="auto_run_feedback"></div>

        <div class="row g-4">
          <div class="col-12 col-lg-4">
            <div class="card form-card">
              <div class="card-body">
                <h4 class="mb-3">{{ $autoEditRule ? "Otomatik Atama G\u{00fc}ncelle" : "Otomatik Atama Tan\u{0131}mla" }}
                </h4>
                <form method="post" action="{{ route('admin.assignments.auto.store') }}" class="vstack gap-3 form-grid">
                  @csrf
                  <input type="hidden" name="id" value="{{ $autoEditRule->id ?? 0 }}">
                  <div class="form-row">
                    <label class="form-label">Dönem</label>
                    <select name="period_id" class="form-select" required>
                      <option value="">Seçiniz</option>
                      @if ($autoEditRule && $autoEditPeriodName !== '' && $autoEditPeriodActive === 0)
                        <option value="{{ $autoEditRule->period_id }}" selected>{{ $autoEditPeriodName }} (Pasif)</option>
                      @endif
                      @foreach ($periods as $period)
                        <option value="{{ $period->id }}" {{ (int) ($autoEditRule->period_id ?? 0) === (int) $period->id ? 'selected' : '' }}>
                          {{ $period->name }}
                        </option>
                      @endforeach
                    </select>
                  </div>
                  <div class="form-row">
                    <label class="form-label">Firma</label>
                    <select name="company" class="form-select" required>
                      <option value="">Seçiniz</option>
                      @foreach ($companyOptions as $companyOption)
                        <option value="{{ $companyOption }}" {{ ($autoEditRule->company ?? '') === $companyOption ? 'selected' : '' }}>
                          {{ $companyOption }}
                        </option>
                      @endforeach
                    </select>
                  </div>
                  <div class="form-row">
                    <label class="form-label">Kriter</label>
                    <select name="criteria_type" id="auto_criteria_type" class="form-select">
                      <option value="all" {{ $autoCriteria === 'all' ? 'selected' : '' }}>Tümü</option>
                      <option value="hire_months" {{ $autoCriteria === 'hire_months' ? 'selected' : '' }}>
                        Çalışma süresi (gün)</option>
                    </select>
                  </div>
                  <div id="auto_hire_months_wrap" class="vstack gap-2 d-none">
                    <div class="form-row">
                      <label class="form-label">Minimum gün</label>
                      <input type="number" name="hire_days_min" class="form-control" min="1" value="{{ $autoHireMin }}">
                    </div>
                    <div class="form-row">
                      <label class="form-label">Maksimum gün</label>
                      <input type="number" name="hire_days_max" class="form-control" min="1" value="{{ $autoHireMax }}">
                    </div>
                  </div>
                  <div class="form-row">
                    <label class="form-label">Çalışma Saati</label>
                    <input type="time" name="run_time" class="form-control" value="{{ $autoRunTime }}">
                  </div>
                  <div class="form-row">
                    <label class="form-label" for="auto_is_active">Aktif</label>
                    <div class="form-check form-switch m-0">
                      <input class="form-check-input" type="checkbox" name="is_active" value="1" id="auto_is_active" {{ (int) ($autoEditRule->is_active ?? 1) === 1 ? 'checked' : '' }}>
                    </div>
                  </div>
                  <button type="submit" class="btn btn-primary">Kaydet</button>
                </form>
              </div>
            </div>
          </div>
          <div class="col-12 col-lg-8">
            <div class="card assignment-card h-100">
              <div class="card-body">
                <h4 class="mb-3">Tanımlı Kurallar</h4>
                <div class="table-responsive">
                  <table class="table auto-rule-table align-middle">
                    <thead>
                      <tr>
                        <th>Dönem</th>
                        <th>Firma</th>
                        <th>Kriter</th>
                        <th>Soru Setleri</th>
                        <th>Çalışma</th>
                        <th>Durum</th>
                        <th class="text-end">İşlem</th>
                      </tr>
                    </thead>
                    <tbody>
                      @forelse ($autoRules as $rule)
                        @php
                          $ruleSets = $autoRuleSets[$rule->id] ?? [];
                          $criteriaLabel = $rule->criteria_type === 'hire_months'
                            ? 'Çalışma süresi: ' . (int) $rule->hire_months . '-' . (int) $rule->hire_days_max . ' gün'
                            : 'Tümü';
                        @endphp
                        <tr>
                          <td>{{ $periodMap[(int) $rule->period_id]->name ?? '-' }}</td>
                          <td>{{ $rule->company }}</td>
                          <td>{{ $criteriaLabel }}</td>
                          <td class="auto-set-cell" title="{{ implode(', ', $ruleSets) }}">{{ implode(', ', $ruleSets) }}</td>
                          <td>{{ $rule->run_time }}</td>
                          <td>{{ (int) $rule->is_active === 1 ? 'Aktif' : 'Pasif' }}</td>
                          <td class="text-end">
                            <div class="d-flex flex-wrap justify-content-end gap-1">
                              <form method="post" action="{{ route('admin.assignments.auto.run') }}" class="js-auto-run-form">
                                @csrf
                                <input type="hidden" name="id" value="{{ $rule->id }}">
                                <input type="hidden" name="force" value="1">
                                <button type="submit"
                                  class="btn btn-sm btn-outline-primary">Çalıştır</button>
                              </form>
                              <a href="{{ route('admin.assignments.index', ['tab' => 'auto', 'auto_edit' => $rule->id]) }}"
                                class="btn btn-sm btn-outline-secondary">Düzenle</a>
                              <form method="post" action="{{ route('admin.assignments.auto.toggle') }}">
                                @csrf
                                <input type="hidden" name="id" value="{{ $rule->id }}">
                                <input type="hidden" name="active" value="{{ (int) $rule->is_active === 1 ? 0 : 1 }}">
                                <button type="submit"
                                  class="btn btn-sm btn-outline-warning">{{ (int) $rule->is_active === 1 ? 'Pasif Et' : 'Aktif Et' }}</button>
                              </form>
                              <form method="post" action="{{ route('admin.assignments.auto.delete') }}">
                                @csrf
                                <input type="hidden" name="id" value="{{ $rule->id }}">
                                <button type="submit" class="btn btn-sm btn-outline-danger"
                                  data-confirm-title="Otomatik Atama Sil"
                                  data-confirm-message="Otomatik atama silinsin mi?">Sil</button>
                              </form>
                            </div>
                          </td>
                        </tr>
                      @empty
                        <tr>
                          <td colspan="7" class="text-center text-muted py-4">Kural bulunamadı.</td>
                        </tr>
                      @endforelse
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
      @endif
    </div>
  </div>
  <div class="modal fade" id="employeeModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable modal-xl">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Personel Seç</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
        </div>
        <div class="modal-body">
          <div class="employee-filter-grid mb-3">
            <input type="text" class="form-control employee-filter-search" id="employee_search" placeholder="Ara...">
            <div class="filter-dropdown filter-dropdown-multi" id="employee_dept_filter">
              <button type="button" class="form-control filter-dropdown-toggle" data-default="Departman"
                aria-expanded="false">Departman</button>
              <div class="filter-dropdown-panel">
                <input type="text" class="form-control filter-dropdown-search" placeholder="Ara...">
                <div class="filter-dropdown-list">
                  <button type="button" class="filter-dropdown-option" data-value="">Tüm departmanlar</button>
                  @foreach ($deptOptions as $deptName)
                    <button type="button" class="filter-dropdown-option"
                      data-value="{{ $deptName }}">{{ $deptName }}</button>
                  @endforeach
                </div>
              </div>
            </div>
            <div class="filter-dropdown filter-dropdown-multi" id="employee_title_filter">
              <button type="button" class="form-control filter-dropdown-toggle" data-default="Ünvan"
                aria-expanded="false">Ünvan</button>
              <div class="filter-dropdown-panel">
                <input type="text" class="form-control filter-dropdown-search" placeholder="Ara...">
                <div class="filter-dropdown-list">
                  <button type="button" class="filter-dropdown-option" data-value="">Tüm ünvanlar</button>
                  @foreach ($titleOptions as $titleName)
                    <button type="button" class="filter-dropdown-option"
                      data-value="{{ $titleName }}">{{ $titleName }}</button>
                  @endforeach
                </div>
              </div>
            </div>
            <div class="filter-dropdown filter-dropdown-multi" id="employee_company_filter">
              <button type="button" class="form-control filter-dropdown-toggle" data-default="Firma"
                aria-expanded="false">Firma</button>
              <div class="filter-dropdown-panel">
                <input type="text" class="form-control filter-dropdown-search" placeholder="Ara...">
                <div class="filter-dropdown-list">
                  <button type="button" class="filter-dropdown-option" data-value="">Tüm firmalar</button>
                  @foreach ($companyOptions as $companyOption)
                    <button type="button" class="filter-dropdown-option"
                      data-value="{{ $companyOption }}">{{ $companyOption }}</button>
                  @endforeach
                </div>
              </div>
            </div>
            <div class="filter-dropdown filter-dropdown-multi" id="employee_center_filter">
              <button type="button" class="form-control filter-dropdown-toggle" data-default="Merkezler"
                aria-expanded="false">Merkezler</button>
              <div class="filter-dropdown-panel">
                <input type="text" class="form-control filter-dropdown-search" placeholder="Ara...">
                <div class="filter-dropdown-list">
                  <button type="button" class="filter-dropdown-option" data-value="">Tüm merkezler</button>
                  @foreach ($centerOptions as $center)
                    <button type="button" class="filter-dropdown-option" data-value="{{ $center->id }}">
                      {{ $center->center_no }} - {{ $center->name }}
                    </button>
                  @endforeach
                </div>
              </div>
            </div>
          </div>
          <div class="row g-2 mb-3">
            <div class="col-6">
              <label class="form-label">Büyük eşit</label>
              <div class="d-flex gap-2">
                <input type="number" class="form-control" id="employee_tenure_min_months" min="0" placeholder="Ay">
                <input type="number" class="form-control" id="employee_tenure_min_days" min="0" placeholder="Gün">
              </div>
            </div>
            <div class="col-6">
              <label class="form-label">Küçük eşit</label>
              <div class="d-flex gap-2">
                <input type="number" class="form-control" id="employee_tenure_max_months" min="0" placeholder="Ay">
                <input type="number" class="form-control" id="employee_tenure_max_days" min="0" placeholder="Gün">
              </div>
            </div>
          </div>
          <div class="list-group" id="employee_list" data-loaded="false">
            <div class="text-muted small px-2">Liste yükleniyor...</div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-outline-primary" id="employee_select_all">Tümünü
            Seç</button>
          <button type="button" class="btn btn-outline-danger" id="employee_modal_clear">Temizle</button>
          <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Vazgeç</button>
          <button type="button" class="btn btn-primary" id="employee_apply" data-bs-dismiss="modal">Seç</button>
        </div>
      </div>
    </div>
  </div>
  <div class="modal fade" id="evaluator1Modal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable modal-md">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">1. Amir Seç</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
        </div>
        <div class="modal-body">
          <input type="text" class="form-control mb-3" id="evaluator1_search" placeholder="Ara...">
          <div class="list-group" id="evaluator1_list" data-loaded="false">
            <div class="text-muted small px-2">Liste yükleniyor...</div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-outline-danger" id="evaluator1_modal_clear">Temizle</button>
          <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Vazgeç</button>
          <button type="button" class="btn btn-primary" id="evaluator1_apply" data-bs-dismiss="modal">Seç</button>
        </div>
      </div>
    </div>
  </div>

  <div class="modal fade" id="evaluator2Modal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable modal-md">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">2. Amir Seç</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
        </div>
        <div class="modal-body">
          <input type="text" class="form-control mb-3" id="evaluator2_search" placeholder="Ara...">
          <div class="list-group" id="evaluator2_list" data-loaded="false">
            <div class="text-muted small px-2">Liste yükleniyor...</div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-outline-danger" id="evaluator2_modal_clear">Temizle</button>
          <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Vazgeç</button>
          <button type="button" class="btn btn-primary" id="evaluator2_apply" data-bs-dismiss="modal">Seç</button>
        </div>
      </div>
    </div>
  </div>
  <script>
    (function () {
      const isMultiEmployee = {{ $isMultiEmployee ? 'true' : 'false' }};
      const employeeEndpoint = "{{ route('admin.assignments.employees') }}";
      const evaluatorEndpoint = "{{ route('admin.assignments.evaluators') }}";
      const preselectedEmployeeId = {{ (int) ($editAssignment->employee_id ?? 0) }};
      const preselectedEvaluator1Id = {{ (int) ($editAssignment->evaluator1_user_id ?? 0) }};
      const preselectedEvaluator2Id = {{ (int) ($editAssignment->evaluator2_user_id ?? 0) }};
      let employeeLoadPromise = null;
      let evaluatorLoadPromise = null;

      function normalizeText(value) {
        return (value || '')
          .toString()
          .trim()
          .toLocaleLowerCase('tr')
          .replace(/\u00a0/g, ' ')
          .replace(/\s+/g, ' ')
          .replace(/\u011f/g, 'g')
          .replace(/\u00fc/g, 'u')
          .replace(/\u015f/g, 's')
          .replace(/\u0131/g, 'i')
          .replace(/\u00f6/g, 'o')
          .replace(/\u00e7/g, 'c');
      }

      function escapeHtml(value) {
        return (value ?? '')
          .toString()
          .replace(/&/g, '&amp;')
          .replace(/</g, '&lt;')
          .replace(/>/g, '&gt;')
          .replace(/"/g, '&quot;')
          .replace(/'/g, '&#39;');
      }

      function daysInMonth(year, monthIndex) {
        return new Date(year, monthIndex + 1, 0).getDate();
      }

      function formatTenureLabel(hireDateRaw) {
        if (!hireDateRaw) {
          return '-';
        }
        const hireDate = new Date(hireDateRaw);
        if (Number.isNaN(hireDate.getTime())) {
          return '-';
        }
        const today = new Date();
        let years = today.getFullYear() - hireDate.getFullYear();
        let months = today.getMonth() - hireDate.getMonth();
        let days = today.getDate() - hireDate.getDate();
        if (days < 0) {
          const prevMonth = (today.getMonth() - 1 + 12) % 12;
          const prevYear = prevMonth === 11 ? today.getFullYear() - 1 : today.getFullYear();
          days += daysInMonth(prevYear, prevMonth);
          months -= 1;
        }
        if (months < 0) {
          years -= 1;
          months += 12;
        }
        const totalMonths = (years * 12) + months;
        if (totalMonths < 0 || days < 0) {
          return '-';
        }
        return totalMonths + ' ay ' + days + ' g\u{00fc}n';
      }

      function getSelectedEmployeeIds() {
        if (isMultiEmployee) {
          const inputs = document.querySelectorAll('#employee_hidden input[name="employee_ids[]"]');
          return Array.from(inputs)
            .map((input) => parseInt(input.value, 10))
            .filter((value) => !Number.isNaN(value) && value > 0);
        }
        const singleInput = document.getElementById('employee_id');
        const value = parseInt(singleInput?.value || '', 10);
        if (!Number.isNaN(value) && value > 0) {
          return [value];
        }
        return preselectedEmployeeId > 0 ? [preselectedEmployeeId] : [];
      }

      function getSelectedEvaluatorId(inputId, fallbackId) {
        const input = document.getElementById(inputId);
        const value = parseInt(input?.value || '', 10);
        if (!Number.isNaN(value) && value > 0) {
          return value;
        }
        return fallbackId > 0 ? fallbackId : 0;
      }

      function renderEmployeeList(rows) {
        if (!employeeList) {
          return;
        }
        if (!Array.isArray(rows) || rows.length === 0) {
          employeeList.innerHTML = '<div class=\"text-muted small px-2\">Liste bo\u{015f}.</div>';
          return;
        }
        const selectedIds = new Set(getSelectedEmployeeIds());
        const inputType = isMultiEmployee ? 'checkbox' : 'radio';
        const html = rows.map((row) => {
          const id = Number(row.id) || 0;
          const nameText = row.name ? row.name.toString() : '-';
          const deptText = row.dept_name ? row.dept_name.toString() : '-';
          const titleText = row.title_name ? row.title_name.toString() : '-';
          const companyText = row.company ? row.company.toString() : '';
          const centerText = row.responsibility_center_id ?? '';
          const hireDateText = row.hire_date ? row.hire_date.toString() : '';
          const checkedAttr = selectedIds.has(id) ? ' checked' : '';
          const tenureLabel = formatTenureLabel(hireDateText);

          return `<label class=\"list-group-item d-flex align-items-center justify-content-between employee-row\"` +
            ` data-name=\"${escapeHtml(nameText)}\"` +
            ` data-dept=\"${escapeHtml(deptText)}\"` +
            ` data-title=\"${escapeHtml(titleText)}\"` +
            ` data-company=\"${escapeHtml(companyText)}\"` +
            ` data-center=\"${escapeHtml(centerText)}\"` +
            ` data-hire-date=\"${escapeHtml(hireDateText)}\">` +
            `<div class=\"d-flex align-items-center gap-2\">` +
            `<input class=\"form-check-input employee-option\" type=\"${inputType}\" value=\"${id}\"` +
            ` data-name=\"${escapeHtml(nameText)}\"${checkedAttr}>` +
            `<div>` +
            `<div class=\"fw-semibold\">${escapeHtml(nameText)}</div>` +
            `<div class=\"small text-muted\">${escapeHtml(deptText)} / ${escapeHtml(titleText)}</div>` +
            `</div>` +
            `</div>` +
            `<div class=\"d-flex align-items-center gap-2\">` +
            `<span class=\"text-muted small\">${escapeHtml(tenureLabel)}</span>` +
            `<span class=\"badge bg-success selection-state d-none\">Se\u{00e7}ildi</span>` +
            `</div>` +
            `</label>`;
        }).join('');
        employeeList.innerHTML = html;
        updateEmployeeSelectionStyles();
        applyEmployeeFilters();
      }

      function renderEvaluatorList(listEl, rows, selectedId, optionClass, nameAttr) {
        if (!listEl) {
          return;
        }
        if (!Array.isArray(rows) || rows.length === 0) {
          listEl.innerHTML = '<div class=\"text-muted small px-2\">Liste bo\u{015f}.</div>';
          return;
        }
        const html = rows.map((row) => {
          const id = Number(row.id) || 0;
          const nameText = row.name ? row.name.toString() : '-';
          const roleText = row.role ? row.role.toString() : '-';
          const companyText = row.company ? row.company.toString() : '';
          const suffix = companyText ? ' - ' + companyText : '';
          const checkedAttr = id === selectedId ? ' checked' : '';
          return `<label class=\"list-group-item d-flex align-items-center gap-2\"` +
            ` data-name=\"${escapeHtml(nameText)}\" data-company=\"${escapeHtml(companyText)}\">` +
            `<input class=\"form-check-input ${optionClass}\" type=\"radio\" name=\"${nameAttr}\"` +
            ` value=\"${id}\" data-name=\"${escapeHtml(nameText)}\"${checkedAttr}>` +
            `<span>${escapeHtml(nameText)} (${escapeHtml(roleText)}${escapeHtml(suffix)})</span>` +
            `</label>`;
        }).join('');
        listEl.innerHTML = html;
      }

      function loadEmployees() {
        if (!employeeList) {
          return Promise.resolve();
        }
        if (employeeLoadPromise) {
          return employeeLoadPromise;
        }
        employeeList.dataset.loaded = 'loading';
        employeeList.innerHTML = '<div class=\"text-muted small px-2\">Liste y\u{00fc}kleniyor...</div>';
        employeeLoadPromise = fetch(employeeEndpoint, { headers: { Accept: 'application/json' } })
          .then((response) => {
            if (!response.ok) {
              throw new Error('load-failed');
            }
            return response.json();
          })
          .then((payload) => {
            renderEmployeeList(payload.data || []);
            employeeList.dataset.loaded = 'true';
          })
          .catch(() => {
            employeeLoadPromise = null;
            if (employeeList) {
              employeeList.dataset.loaded = 'error';
              employeeList.innerHTML = '<div class=\"text-danger small px-2\">Liste y\u{00fc}klenemedi.</div>';
            }
          });
        return employeeLoadPromise;
      }

      function loadEvaluators() {
        if (evaluatorLoadPromise) {
          return evaluatorLoadPromise;
        }
        if (!evaluator1List && !evaluator2List) {
          return Promise.resolve();
        }
        if (evaluator1List) {
          evaluator1List.dataset.loaded = 'loading';
          evaluator1List.innerHTML = '<div class=\"text-muted small px-2\">Liste y\u{00fc}kleniyor...</div>';
        }
        if (evaluator2List) {
          evaluator2List.dataset.loaded = 'loading';
          evaluator2List.innerHTML = '<div class=\"text-muted small px-2\">Liste y\u{00fc}kleniyor...</div>';
        }
        evaluatorLoadPromise = fetch(evaluatorEndpoint, { headers: { Accept: 'application/json' } })
          .then((response) => {
            if (!response.ok) {
              throw new Error('load-failed');
            }
            return response.json();
          })
          .then((payload) => {
            const rows = payload.data || [];
            renderEvaluatorList(
              evaluator1List,
              rows,
              getSelectedEvaluatorId('evaluator1_user_id', preselectedEvaluator1Id),
              'evaluator1-option',
              'evaluator1_select'
            );
            renderEvaluatorList(
              evaluator2List,
              rows,
              getSelectedEvaluatorId('evaluator2_user_id', preselectedEvaluator2Id),
              'evaluator2-option',
              'evaluator2_select'
            );
            if (evaluator1List) {
              evaluator1List.dataset.loaded = 'true';
            }
            if (evaluator2List) {
              evaluator2List.dataset.loaded = 'true';
            }
            applyEvaluatorFilters('evaluator1_list', evaluator1Search);
            applyEvaluatorFilters('evaluator2_list', evaluator2Search);
            enforceSingleChoice('.evaluator1-option');
            enforceSingleChoice('.evaluator2-option');
          })
          .catch(() => {
            evaluatorLoadPromise = null;
            if (evaluator1List) {
              evaluator1List.dataset.loaded = 'error';
              evaluator1List.innerHTML = '<div class=\"text-danger small px-2\">Liste y\u{00fc}klenemedi.</div>';
            }
            if (evaluator2List) {
              evaluator2List.dataset.loaded = 'error';
              evaluator2List.innerHTML = '<div class=\"text-danger small px-2\">Liste y\u{00fc}klenemedi.</div>';
            }
          });
        return evaluatorLoadPromise;
      }

      function setupFilter(inputId, listId) {
        const input = document.getElementById(inputId);
        const list = document.getElementById(listId);
        if (!input || !list) {
          return;
        }
        input.addEventListener('input', function () {
          const term = normalizeText(this.value.trim());
          list.querySelectorAll('.list-group-item').forEach((item) => {
            const raw = item.getAttribute('data-name') || item.textContent || '';
            const name = normalizeText(raw);
            const match = term === '' || name.includes(term);
            item.classList.toggle('d-none', !match);
          });
        });
      }

      function clearSelection(modalId, optionSelector, displayId, hiddenId) {
        const modalEl = document.getElementById(modalId);
        const display = document.getElementById(displayId);
        if (!modalEl || !display) {
          return;
        }
        modalEl.querySelectorAll(optionSelector).forEach((input) => {
          input.checked = false;
        });
        display.value = '';
        if (hiddenId) {
          const hidden = document.getElementById(hiddenId);
          if (hidden) {
            hidden.value = '';
          }
        }
      }

      function clearMultiSelection(modalId, optionSelector, displayId, hiddenWrapId) {
        const modalEl = document.getElementById(modalId);
        const display = document.getElementById(displayId);
        const hiddenWrap = document.getElementById(hiddenWrapId);
        if (!modalEl || !display || !hiddenWrap) {
          return;
        }
        modalEl.querySelectorAll(optionSelector).forEach((input) => {
          input.checked = false;
        });
        display.value = '';
        hiddenWrap.innerHTML = '';
      }


      function getDropdownSelectedValues(dropdown, normalizeFn) {
        if (!dropdown) {
          return [];
        }
        const selected = Array.from(
          dropdown.querySelectorAll('.filter-dropdown-option.is-selected')
        )
          .map((option) => option.dataset.value || '')
          .filter((value) => value !== '');
        if (!normalizeFn) {
          return selected;
        }
        return selected.map((value) => normalizeFn(value));
      }

      function setupMultiDropdown(dropdown, onChange) {
        if (!dropdown) {
          return;
        }
        const toggle = dropdown.querySelector('.filter-dropdown-toggle');
        const search = dropdown.querySelector('.filter-dropdown-search');
        const options = Array.from(dropdown.querySelectorAll('.filter-dropdown-option'));
        if (!toggle || !search || !options.length) {
          return;
        }
        dropdown.dataset.dropdownReady = '1';
        const defaultLabel = toggle.getAttribute('data-default') || toggle.textContent.trim();
        const allOption = options.find((option) => (option.dataset.value || '') === '');

        const updateLabel = () => {
          const selected = options.filter(
            (option) => (option.dataset.value || '') !== '' && option.classList.contains('is-selected')
          );
          if (selected.length === 0) {
            toggle.textContent = defaultLabel;
          } else if (selected.length === 1) {
            toggle.textContent = selected[0].textContent.trim();
          } else {
            toggle.textContent = selected.length + ' seçildi';
          }
        };

        const closeDropdown = () => {
          dropdown.classList.remove('open');
          toggle.setAttribute('aria-expanded', 'false');
        };

        const filterOptions = (query) => {
          const needle = query.trim().toLowerCase();
          options.forEach((option) => {
            const text = option.textContent.toLowerCase();
            option.hidden = needle !== '' && !text.includes(needle);
          });
        };

        toggle.addEventListener('click', (event) => {
          event.preventDefault();
          const isOpen = dropdown.classList.toggle('open');
          toggle.setAttribute('aria-expanded', String(isOpen));
          if (isOpen) {
            search.value = '';
            filterOptions('');
            search.focus();
          }
        });

        options.forEach((option) => {
          option.addEventListener('click', (event) => {
            event.preventDefault();
            const value = option.dataset.value || '';
            if (value === '') {
              options.forEach((item) => item.classList.remove('is-selected'));
              option.classList.add('is-selected');
            } else {
              option.classList.toggle('is-selected');
              if (allOption) {
                allOption.classList.remove('is-selected');
              }
              const anySelected = options.some(
                (item) => (item.dataset.value || '') !== '' && item.classList.contains('is-selected')
              );
              if (!anySelected && allOption) {
                allOption.classList.add('is-selected');
              }
            }
            updateLabel();
            if (typeof onChange === 'function') {
              onChange();
            }
          });
        });

        search.addEventListener('input', () => {
          filterOptions(search.value);
        });

        document.addEventListener('click', (event) => {
          if (!dropdown.contains(event.target)) {
            closeDropdown();
          }
        });

        const anySelected = options.some(
          (item) => (item.dataset.value || '') !== '' && item.classList.contains('is-selected')
        );
        if (!anySelected && allOption) {
          allOption.classList.add('is-selected');
        }
        updateLabel();
      }

      function applyEmployeeFilters() {
        const term = normalizeText(employeeSearch?.value.trim() || '');
        const deptValues = getDropdownSelectedValues(employeeDeptFilter, normalizeText);
        const titleValues = getDropdownSelectedValues(employeeTitleFilter, normalizeText);
        const companyValues = getDropdownSelectedValues(employeeCompanyFilter, normalizeText);
        const centerValues = getDropdownSelectedValues(employeeCenterFilter);
        const formCompanyValue = normalizeText(assignmentCompany?.value.trim() || '');
        const effectiveCompanyValues = companyValues.length > 0
          ? companyValues
          : (formCompanyValue ? [formCompanyValue] : []);
        const baseDate = new Date();
        baseDate.setHours(0, 0, 0, 0);
        const msPerDay = 86400000;
        const minMonthsVal = parseInt(employeeTenureMinMonths?.value || '', 10);
        const minDaysVal = parseInt(employeeTenureMinDays?.value || '', 10);
        const maxMonthsVal = parseInt(employeeTenureMaxMonths?.value || '', 10);
        const maxDaysVal = parseInt(employeeTenureMaxDays?.value || '', 10);
        const hasMin = !Number.isNaN(minMonthsVal) || !Number.isNaN(minDaysVal);
        const hasMax = !Number.isNaN(maxMonthsVal) || !Number.isNaN(maxDaysVal);
        const minMonths = Number.isNaN(minMonthsVal) ? 0 : minMonthsVal;
        const minDays = Number.isNaN(minDaysVal) ? 0 : minDaysVal;
        const maxMonths = Number.isNaN(maxMonthsVal) ? 0 : maxMonthsVal;
        const maxDays = Number.isNaN(maxDaysVal) ? 0 : maxDaysVal;
        let minDaysThreshold = 0;
        let maxDaysThreshold = 0;
        if (hasMin) {
          const threshold = new Date(baseDate);
          threshold.setMonth(threshold.getMonth() - minMonths);
          threshold.setDate(threshold.getDate() - minDays);
          minDaysThreshold = Math.floor((baseDate - threshold) / msPerDay);
        }
        if (hasMax) {
          const threshold = new Date(baseDate);
          threshold.setMonth(threshold.getMonth() - maxMonths);
          threshold.setDate(threshold.getDate() - maxDays);
          maxDaysThreshold = Math.floor((baseDate - threshold) / msPerDay);
        }

        employeeList?.querySelectorAll('.employee-row').forEach((item) => {
          const name = normalizeText(item.getAttribute('data-name') || '');
          const deptVal = normalizeText(item.getAttribute('data-dept') || '');
          const titleVal = normalizeText(item.getAttribute('data-title') || '');
          const companyVal = normalizeText(item.getAttribute('data-company') || '');
          const centerVal = item.getAttribute('data-center') || '';
          const hireDateRaw = item.getAttribute('data-hire-date') || '';
          const hireDate = hireDateRaw ? new Date(hireDateRaw) : null;
          const tenureDays = hireDate && !Number.isNaN(hireDate.getTime())
            ? Math.floor((baseDate - hireDate) / msPerDay)
            : NaN;

          const matchTerm = term === '' || name.includes(term);
          const matchDept = deptValues.length === 0 || deptValues.some((value) => deptVal.includes(value));
          const matchTitle = titleValues.length === 0 || titleValues.some((value) => titleVal.includes(value));
          const matchCompany = effectiveCompanyValues.length === 0
            || effectiveCompanyValues.some((value) => companyVal === value);
          const matchCenter = centerValues.length === 0 || centerValues.includes(centerVal);
          let matchTenure = true;
          if (hasMin || hasMax) {
            if (Number.isNaN(tenureDays) || tenureDays < 0) {
              matchTenure = false;
            } else {
              if (hasMin && tenureDays < minDaysThreshold) {
                matchTenure = false;
              }
              if (hasMax && tenureDays > maxDaysThreshold) {
                matchTenure = false;
              }
            }
          }

          item.classList.toggle(
            'd-none',
            !(matchTerm && matchDept && matchTitle && matchCompany && matchCenter && matchTenure)
          );
        });
      }

      const employeeSearch = document.getElementById('employee_search');
      const employeeDeptFilter = document.getElementById('employee_dept_filter');
      const employeeTitleFilter = document.getElementById('employee_title_filter');
      const employeeCompanyFilter = document.getElementById('employee_company_filter');
      const employeeCenterFilter = document.getElementById('employee_center_filter');
      const employeeList = document.getElementById('employee_list');
      const assignmentCompany = document.getElementById('assignment_company');
      const employeeTenureMinMonths = document.getElementById('employee_tenure_min_months');
      const employeeTenureMinDays = document.getElementById('employee_tenure_min_days');
      const employeeTenureMaxMonths = document.getElementById('employee_tenure_max_months');
      const employeeTenureMaxDays = document.getElementById('employee_tenure_max_days');
      const evaluator1List = document.getElementById('evaluator1_list');
      const evaluator2List = document.getElementById('evaluator2_list');

      setupMultiDropdown(employeeDeptFilter, applyEmployeeFilters);
      setupMultiDropdown(employeeTitleFilter, applyEmployeeFilters);
      setupMultiDropdown(employeeCompanyFilter, applyEmployeeFilters);
      setupMultiDropdown(employeeCenterFilter, applyEmployeeFilters);

      const employeeModal = document.getElementById('employeeModal');
      employeeModal?.addEventListener('show.bs.modal', () => {
        loadEmployees();
      });

      const evaluator1Modal = document.getElementById('evaluator1Modal');
      const evaluator2Modal = document.getElementById('evaluator2Modal');
      evaluator1Modal?.addEventListener('show.bs.modal', () => {
        loadEvaluators();
      });
      evaluator2Modal?.addEventListener('show.bs.modal', () => {
        loadEvaluators();
      });

      function updateEmployeeSelectionStyles() {
        if (!employeeList) {
          return;
        }
        employeeList.querySelectorAll('.employee-option').forEach((input) => {
          const row = input.closest('.list-group-item');
          if (!row) {
            return;
          }
          const selected = input.checked;
          row.classList.toggle('is-selected', selected);
          const badge = row.querySelector('.selection-state');
          if (badge) {
            badge.classList.toggle('d-none', !selected);
          }
        });
      }

      employeeSearch?.addEventListener('input', applyEmployeeFilters);
      assignmentCompany?.addEventListener('change', applyEmployeeFilters);
      employeeTenureMinMonths?.addEventListener('input', applyEmployeeFilters);
      employeeTenureMinDays?.addEventListener('input', applyEmployeeFilters);
      employeeTenureMaxMonths?.addEventListener('input', applyEmployeeFilters);
      employeeTenureMaxDays?.addEventListener('input', applyEmployeeFilters);

      employeeList?.addEventListener('change', (event) => {
        if (event.target && event.target.classList.contains('employee-option')) {
          updateEmployeeSelectionStyles();
        }
      });

      const evaluator1Search = document.getElementById('evaluator1_search');
      const evaluator2Search = document.getElementById('evaluator2_search');

      function applyEvaluatorFilters(listId, inputEl) {
        const list = document.getElementById(listId);
        if (!list) {
          return;
        }
        const term = normalizeText(inputEl?.value.trim() || '');
        const companyVal = normalizeText(assignmentCompany?.value.trim() || '');
        list.querySelectorAll('.list-group-item').forEach((item) => {
          const raw = item.getAttribute('data-name') || item.textContent || '';
          const name = normalizeText(raw);
          const rowCompany = normalizeText(item.getAttribute('data-company') || '');
          const matchTerm = term === '' || name.includes(term);
          const matchCompany = companyVal === '' || rowCompany === '' || rowCompany === companyVal;
          item.classList.toggle('d-none', !(matchTerm && matchCompany));
        });
      }

      function bindEvaluatorFilter(listId, inputEl) {
        if (!inputEl) {
          return;
        }
        applyEvaluatorFilters(listId, inputEl);
        inputEl.addEventListener('input', () => applyEvaluatorFilters(listId, inputEl));
      }

      bindEvaluatorFilter('evaluator1_list', evaluator1Search);
      bindEvaluatorFilter('evaluator2_list', evaluator2Search);
      assignmentCompany?.addEventListener('change', () => {
        applyEvaluatorFilters('evaluator1_list', evaluator1Search);
        applyEvaluatorFilters('evaluator2_list', evaluator2Search);
      });

      function enforceSingleChoice(selector) {
        const inputs = Array.from(document.querySelectorAll(selector));
        inputs.forEach((input) => {
          if (input.dataset.bound === 'true') {
            return;
          }
          input.dataset.bound = 'true';
          input.addEventListener('change', function () {
            if (this.checked) {
              inputs.forEach((other) => {
                if (other !== this) {
                  other.checked = false;
                }
              });
            }
          });
        });
      }

      enforceSingleChoice('.evaluator1-option');
      enforceSingleChoice('.evaluator2-option');

      const employeeApply = document.getElementById('employee_apply');
      employeeApply?.addEventListener('click', function () {
        const display = document.getElementById('employee_display');
        const hiddenWrap = document.getElementById('employee_hidden');
        const modalEl = document.getElementById('employeeModal');
        if (!display || !hiddenWrap || !modalEl) {
          return;
        }

        if (isMultiEmployee) {
          const checked = Array.from(modalEl.querySelectorAll('.employee-option:checked'));
          const names = checked.map((el) => el.getAttribute('data-name'));
          display.value = names.filter(Boolean).join(', ');
          hiddenWrap.innerHTML = '';
          checked.forEach((el) => {
            const input = document.createElement('input');
            input.type = 'hidden';
            input.name = 'employee_ids[]';
            input.value = el.value;
            hiddenWrap.appendChild(input);
          });
        } else {
          const selected = modalEl.querySelector('.employee-option:checked');
          const hidden = document.getElementById('employee_id');
          if (selected && hidden) {
            display.value = selected.getAttribute('data-name') || '';
            hidden.value = selected.value;
          }
        }
      });

      const employeeClear = document.getElementById('employee_clear');
      employeeClear?.addEventListener('click', function () {
        if (isMultiEmployee) {
          clearMultiSelection('employeeModal', '.employee-option', 'employee_display', 'employee_hidden');
        } else {
          clearSelection('employeeModal', '.employee-option', 'employee_display', 'employee_id');
        }
        updateEmployeeSelectionStyles();
      });

      const employeeModalClear = document.getElementById('employee_modal_clear');
      employeeModalClear?.addEventListener('click', function () {
        if (isMultiEmployee) {
          clearMultiSelection('employeeModal', '.employee-option', 'employee_display', 'employee_hidden');
        } else {
          clearSelection('employeeModal', '.employee-option', 'employee_display', 'employee_id');
        }
        updateEmployeeSelectionStyles();
      });

      function selectAllEmployees() {
        applyEmployeeFilters();
        if (!employeeList) {
          return;
        }
        employeeList.querySelectorAll('.list-group-item').forEach((row) => {
          const input = row.querySelector('.employee-option');
          if (!input) {
            return;
          }
          const isHidden = row.classList.contains('d-none') || row.offsetParent === null;
          const shouldCheck = !isHidden;
          if (input.checked !== shouldCheck) {
            input.checked = shouldCheck;
            input.dispatchEvent(new Event('change', { bubbles: true }));
          }
        });
        updateEmployeeSelectionStyles();
      }

      const employeeSelectAll = document.getElementById('employee_select_all');
      employeeSelectAll?.addEventListener('click', function () {
        if (!isMultiEmployee) {
          return;
        }
        if (employeeList && employeeList.dataset.loaded !== 'true') {
          loadEmployees().then(selectAllEmployees);
          return;
        }
        selectAllEmployees();
      });

      updateEmployeeSelectionStyles();

      const evaluator1Apply = document.getElementById('evaluator1_apply');
      evaluator1Apply?.addEventListener('click', function () {
        const modalEl = document.getElementById('evaluator1Modal');
        const selected = modalEl?.querySelector('.evaluator1-option:checked');
        const display = document.getElementById('evaluator1_display');
        const hidden = document.getElementById('evaluator1_user_id');
        if (selected && display && hidden) {
          display.value = selected.getAttribute('data-name') || '';
          hidden.value = selected.value;
        }
      });

      const evaluator1Clear = document.getElementById('evaluator1_clear');
      evaluator1Clear?.addEventListener('click', function () {
        clearSelection('evaluator1Modal', '.evaluator1-option', 'evaluator1_display', 'evaluator1_user_id');
      });

      const evaluator1ModalClear = document.getElementById('evaluator1_modal_clear');
      evaluator1ModalClear?.addEventListener('click', function () {
        clearSelection('evaluator1Modal', '.evaluator1-option', 'evaluator1_display', 'evaluator1_user_id');
      });

      const evaluator2Apply = document.getElementById('evaluator2_apply');
      evaluator2Apply?.addEventListener('click', function () {
        const modalEl = document.getElementById('evaluator2Modal');
        const selected = modalEl?.querySelector('.evaluator2-option:checked');
        const display = document.getElementById('evaluator2_display');
        const hidden = document.getElementById('evaluator2_user_id');
        if (selected && display && hidden) {
          display.value = selected.getAttribute('data-name') || '';
          hidden.value = selected.value;
        }
      });

      const evaluator2Clear = document.getElementById('evaluator2_clear');
      evaluator2Clear?.addEventListener('click', function () {
        clearSelection('evaluator2Modal', '.evaluator2-option', 'evaluator2_display', 'evaluator2_user_id');
      });

      const evaluator2ModalClear = document.getElementById('evaluator2_modal_clear');
      evaluator2ModalClear?.addEventListener('click', function () {
        clearSelection('evaluator2Modal', '.evaluator2-option', 'evaluator2_display', 'evaluator2_user_id');
      });

      const autoRunFeedback = document.getElementById('auto_run_feedback');
      function renderAutoRunFeedback(summary, error) {
        if (!autoRunFeedback) {
          return;
        }
        if (error) {
          autoRunFeedback.innerHTML = `<div class="alert alert-danger">${escapeHtml(error)}</div>`;
          return;
        }
        if (!summary) {
          autoRunFeedback.innerHTML = '';
          return;
        }
        const created = Number(summary.created || 0);
        const rules = Number(summary.rules || 0);
        const existing = Number(summary.skipped_existing || 0);
        autoRunFeedback.innerHTML =
          `<div class="alert alert-soft">Otomatik atama \u{00e7}al\u{0131}\u{015f}t\u{0131}. Kural: ${rules}, Eklenen: ${created}, Var olan: ${existing}.</div>`;
      }

      document.querySelectorAll('.js-auto-run-form').forEach((form) => {
        form.addEventListener('submit', (event) => {
          const token = form.querySelector('input[name="_token"]')?.value;
          if (!token || typeof fetch !== 'function') {
            return;
          }
          event.preventDefault();
          renderAutoRunFeedback(null, null);
          const data = new FormData(form);
          fetch(form.action, {
            method: 'POST',
            headers: {
              Accept: 'application/json',
              'X-CSRF-TOKEN': token,
            },
            body: data,
          })
            .then(async (response) => {
              const payload = await response.json().catch(() => ({}));
              if (!response.ok) {
                const message = payload.message || payload.error || 'Otomatik atama i\u{015f}lemi ba\u{015f}ar\u{0131}s\u{0131}z oldu.';
                renderAutoRunFeedback(null, message);
                return;
              }
              renderAutoRunFeedback(payload.summary || null, null);
            })
            .catch(() => {
              renderAutoRunFeedback(null, 'Otomatik atama i\u{015f}lemi s\u{0131}ras\u{0131}nda hata olu\u{015f}tu.');
            });
        });
      });

      const importForm = document.getElementById('assignment_import_form');
      importForm?.addEventListener('submit', function (event) {
        const periodEl = document.getElementById('assignment_period_id');
        const startEl = document.getElementById('assignment_start_date');
        const endEl = document.getElementById('assignment_end_date');
        const importPeriod = document.getElementById('import_period_id');
        const importStart = document.getElementById('import_start_date');
        const importEnd = document.getElementById('import_end_date');
        if (!periodEl || !startEl || !endEl || !importPeriod || !importStart || !importEnd) {
          return;
        }

        const periodVal = periodEl.value || '';
        const startVal = startEl.value || '';
        const endVal = endEl.value || '';
        if (periodVal === '' || startVal === '' || endVal === '') {
          alert('\u{00d6}nce d\u{00f6}nem ve tarihleri se\u{00e7}in.');
          event.preventDefault();
          return;
        }

        importPeriod.value = periodVal;
        importStart.value = startVal;
        importEnd.value = endVal;
      });

      const autoCriteria = document.getElementById('auto_criteria_type');
      const autoHireWrap = document.getElementById('auto_hire_months_wrap');

      function toggleHireMonths() {
        if (!autoCriteria || !autoHireWrap) {
          return;
        }
        const show = autoCriteria.value === 'hire_months';
        autoHireWrap.classList.toggle('d-none', !show);
        const input = autoHireWrap.querySelector('input');
        if (input) {
          input.required = show;
        }
      }

      autoCriteria?.addEventListener('change', toggleHireMonths);
      toggleHireMonths();

      const toggleErrors = document.getElementById('toggle_import_errors');
      const importErrorList = document.getElementById('import_error_list');
      toggleErrors?.addEventListener('click', function () {
        if (!importErrorList) {
          return;
        }
        const isHidden = importErrorList.classList.toggle('d-none');
        toggleErrors.textContent = isHidden ? 'T\u{00fc}m hatalar\u{0131} g\u{00f6}ster' : 'Hatalar\u{0131} gizle';
      });
    })();
  </script>
@endsection