@extends('layouts.performance')

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

@section('perf-content')
<div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
    <div>
        <h1 class="h4 mb-1">Personel Yönetimi</h1>
        <p class="text-muted mb-0">Personel kayıtlarını ekleyin ve güncelleyin.</p>
    </div>
</div>

@if (request()->query('saved'))
    <div class="alert alert-soft">Personel kaydedildi.</div>
@elseif (request()->query('error'))
    <div class="alert alert-danger">İşlem sırasında hata oluştu.</div>
@endif
@if ($errors->any())
    <div class="alert alert-danger">{{ $errors->first() }}</div>
@endif

<div class="row g-4">
    <div class="col-12 col-xl-4">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">{{ $editEmployee ? "Personel G\u{00FC}ncelle" : 'Yeni Personel' }}</h5>
            </div>
            <div class="card-body">
                <form method="post" action="{{ route('admin.employees.store') }}" class="vstack gap-3 employee-form">
                    @csrf
                    <input type="hidden" name="id" value="{{ $editEmployee->id ?? 0 }}">
                    <div class="form-row">
                        <label class="form-label">Personel Kodu</label>
                        <input type="text" name="employee_code" class="form-control" value="{{ $editEmployee->employee_code ?? '' }}">
                    </div>
                    <div class="form-row">
                        <label class="form-label">Firma</label>
                        <input type="text" name="company" class="form-control" value="{{ $editEmployee->company ?? '' }}">
                    </div>
                    <div class="form-row">
                        <label class="form-label">Ad Soyad</label>
                        <input type="text" name="name" class="form-control" required value="{{ $editEmployee->name ?? '' }}">
                    </div>
                    <div class="form-row">
                        <label class="form-label">İşe Giriş Tarihi</label>
                        <input type="date" name="hire_date" class="form-control" value="{{ $editEmployee->hire_date ?? '' }}">
                    </div>
                    <div class="form-row">
                        <label class="form-label">Çıkış Tarihi</label>
                        <input type="date" name="exit_date" class="form-control" value="{{ $editEmployee->exit_date ?? '' }}">
                    </div>
                    <div class="form-row">
                        <label class="form-label">Pozisyon</label>
                        <select name="position" class="form-select">
                            <option value="">Seçiniz</option>
                            @if (($editEmployee->position ?? '') !== '' && !in_array($editEmployee->position, $positionNames, true))
                                <option value="{{ $editEmployee->position }}" selected>
                                    {{ $editEmployee->position }} (Mevcut)
                                </option>
                            @endif
                            @foreach ($positions as $position)
                                <option value="{{ $position->name }}" {{ ($editEmployee->position ?? '') === $position->name ? 'selected' : '' }}>
                                    {{ $position->name }}
                                </option>
                            @endforeach
                        </select>
                        @if ($positions->isEmpty())
                            <div class="text-muted small mt-1">Pozisyon eklemek için Ayarlar menüsünü kullanın.</div>
                        @endif
                    </div>
                    <div class="form-row">
                        <label class="form-label">Departman</label>
                        <select name="dept_name" class="form-select">
                            <option value="">Seçiniz</option>
                            @if (($editEmployee->dept_name ?? '') !== '' && !in_array($editEmployee->dept_name, $deptNames, true))
                                <option value="{{ $editEmployee->dept_name }}" selected>
                                    {{ $editEmployee->dept_name }} (Mevcut)
                                </option>
                            @endif
                            @foreach ($departments as $dept)
                                <option value="{{ $dept->name }}" {{ ($editEmployee->dept_name ?? '') === $dept->name ? 'selected' : '' }}>
                                    {{ $dept->name }}
                                </option>
                            @endforeach
                        </select>
                        @if ($departments->isEmpty())
                            <div class="text-muted small mt-1">Departman eklemek için Ayarlar menüsünü kullanın.</div>
                        @endif
                    </div>
                    <div class="form-row">
                        <label class="form-label">Ünvan</label>
                        <select name="title_name" class="form-select">
                            <option value="">Seçiniz</option>
                            @if (($editEmployee->title_name ?? '') !== '' && !in_array($editEmployee->title_name, $titleNames, true))
                                <option value="{{ $editEmployee->title_name }}" selected>
                                    {{ $editEmployee->title_name }} (Mevcut)
                                </option>
                            @endif
                            @foreach ($titles as $title)
                                <option value="{{ $title->name }}" {{ ($editEmployee->title_name ?? '') === $title->name ? 'selected' : '' }}>
                                    {{ $title->name }}
                                </option>
                            @endforeach
                        </select>
                        @if ($titles->isEmpty())
                            <div class="text-muted small mt-1">Ünvan eklemek için Ayarlar menüsünü kullanın.</div>
                        @endif
                    </div>
                    <div class="form-row">
                        <label class="form-label">Sorumluluk Merkezi</label>
                        <select name="responsibility_center_id" class="form-select">
                            <option value="">Seçiniz</option>
                            @if (($editEmployee->responsibility_center_id ?? 0) > 0 && !in_array((int) $editEmployee->responsibility_center_id, $centerIds, true))
                                <option value="{{ (int) $editEmployee->responsibility_center_id }}" selected>
                                    {{ ($editEmployee->center_no ?? '-') . ' - ' . ($editEmployee->center_name ?? 'Mevcut') }} (Mevcut)
                                </option>
                            @endif
                            @foreach ($centers as $center)
                                <option value="{{ $center->id }}" {{ (int) ($editEmployee->responsibility_center_id ?? 0) === (int) $center->id ? 'selected' : '' }}>
                                    {{ $center->center_no }} - {{ $center->name }}
                                </option>
                            @endforeach
                        </select>
                        @if ($centers->isEmpty())
                            <div class="text-muted small mt-1">Sorumluluk merkezi eklemek için Ayarlar menüsünü kullanın.</div>
                        @endif
                    </div>
                    <div class="form-row">
                        <label class="form-label" for="active">Aktif</label>
                        <div class="form-check form-switch m-0">
                            <input class="form-check-input" type="checkbox" name="active" id="active" value="1" {{ ($editEmployee->active ?? 1) ? 'checked' : '' }}>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary">Kaydet</button>
                </form>
            </div>
        </div>
    </div>
    <div class="col-12 col-xl-8">
        <div class="card h-100">
            <div class="card-header">
                <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
                    <div>
                        <h5 class="card-title mb-0">Personel Listesi</h5>
                        <small class="text-muted">{{ $totalRows }} kayıt</small>
                    </div>
                </div>
            </div>
            <div class="card-body p-0">
                <div class="p-3 border-bottom">
                    <form class="filter-bar filter-bar-compact employee-filter-bar d-flex flex-wrap gap-2 align-items-center"
                          method="get"
                          action="{{ route('admin.employees.index') }}">
                        <div class="filter-dropdown" data-filter="dept">
                            <button type="button" class="form-control filter-dropdown-toggle" aria-haspopup="listbox" aria-expanded="false">
                                {{ $deptFilter !== '' ? $deptFilter : 'Tüm departmanlar' }}
                            </button>
                            <input type="hidden" name="dept" value="{{ $deptFilter }}">
                            <div class="filter-dropdown-panel">
                                <input type="text" class="form-control filter-dropdown-search" placeholder="Ara..." autocomplete="off">
                                <div class="filter-dropdown-list" role="listbox">
                                    <button type="button" class="filter-dropdown-option {{ $deptFilter === '' ? 'is-selected' : '' }}" data-value="">
                                        Tüm departmanlar
                                    </button>
                                    @foreach ($deptOptions as $deptOption)
                                        <button type="button"
                                                class="filter-dropdown-option {{ $deptFilter === $deptOption ? 'is-selected' : '' }}"
                                                data-value="{{ $deptOption }}">
                                            {{ $deptOption }}
                                        </button>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <div class="filter-dropdown" data-filter="title">
                            <button type="button" class="form-control filter-dropdown-toggle" aria-haspopup="listbox" aria-expanded="false">
                                {{ $titleFilter !== '' ? $titleFilter : 'Tüm ünvanlar' }}
                            </button>
                            <input type="hidden" name="title" value="{{ $titleFilter }}">
                            <div class="filter-dropdown-panel">
                                <input type="text" class="form-control filter-dropdown-search" placeholder="Ara..." autocomplete="off">
                                <div class="filter-dropdown-list" role="listbox">
                                    <button type="button" class="filter-dropdown-option {{ $titleFilter === '' ? 'is-selected' : '' }}" data-value="">
                                        Tüm ünvanlar
                                    </button>
                                    @foreach ($titleOptions as $titleOption)
                                        <button type="button"
                                                class="filter-dropdown-option {{ $titleFilter === $titleOption ? 'is-selected' : '' }}"
                                                data-value="{{ $titleOption }}">
                                            {{ $titleOption }}
                                        </button>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <div class="filter-dropdown" data-filter="company">
                            <button type="button" class="form-control filter-dropdown-toggle" aria-haspopup="listbox" aria-expanded="false">
                                {{ $companyFilter !== '' ? $companyFilter : 'Tüm firmalar' }}
                            </button>
                            <input type="hidden" name="company" value="{{ $companyFilter }}">
                            <div class="filter-dropdown-panel">
                                <input type="text" class="form-control filter-dropdown-search" placeholder="Ara..." autocomplete="off">
                                <div class="filter-dropdown-list" role="listbox">
                                    <button type="button" class="filter-dropdown-option {{ $companyFilter === '' ? 'is-selected' : '' }}" data-value="">
                                        Tüm firmalar
                                    </button>
                                    @foreach ($companyOptions as $companyOption)
                                        <button type="button"
                                                class="filter-dropdown-option {{ $companyFilter === $companyOption ? 'is-selected' : '' }}"
                                                data-value="{{ $companyOption }}">
                                            {{ $companyOption }}
                                        </button>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <div class="filter-dropdown" data-filter="center">
                            <button type="button" class="form-control filter-dropdown-toggle" aria-haspopup="listbox" aria-expanded="false">
                                {{ $centerSelectedLabel }}
                            </button>
                            <input type="hidden" name="center" value="{{ $centerFilterValue }}">
                            <div class="filter-dropdown-panel">
                                <input type="text" class="form-control filter-dropdown-search" placeholder="Ara..." autocomplete="off">
                                <div class="filter-dropdown-list" role="listbox">
                                    <button type="button" class="filter-dropdown-option {{ $centerFilterValue === '' ? 'is-selected' : '' }}" data-value="">
                                        Tüm merkezler
                                    </button>
                                    @foreach ($centerOptions as $centerOption)
                                        @php
                                            $centerValue = $centerOption->center_no . ' - ' . $centerOption->name;
                                            $centerLabel = $centerValue;
                                            if ((int) $centerOption->active === 0) {
                                                $centerLabel .= ' (Pasif)';
                                            }
                                        @endphp
                                        <button type="button"
                                                class="filter-dropdown-option {{ $centerFilterValue === $centerValue ? 'is-selected' : '' }}"
                                                data-value="{{ $centerValue }}">
                                            {{ $centerLabel }}
                                        </button>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <div class="filter-dropdown filter-compact status-filter" data-filter="status">
                            <button type="button" class="form-control filter-dropdown-toggle" aria-haspopup="listbox" aria-expanded="false">
                                @if ($statusFilter === 'active')
                                    Aktif
                                @elseif ($statusFilter === 'passive')
                                    Pasif
                                @else
                                    Tümü
                                @endif
                            </button>
                            <input type="hidden" name="status" value="{{ $statusFilter }}">
                            <div class="filter-dropdown-panel">
                                <input type="text" class="form-control filter-dropdown-search" placeholder="Ara..." autocomplete="off">
                                <div class="filter-dropdown-list" role="listbox">
                                    <button type="button" class="filter-dropdown-option {{ $statusFilter === 'active' ? 'is-selected' : '' }}" data-value="active">Aktif</button>
                                    <button type="button" class="filter-dropdown-option {{ $statusFilter === 'passive' ? 'is-selected' : '' }}" data-value="passive">Pasif</button>
                                    <button type="button" class="filter-dropdown-option {{ $statusFilter === 'all' ? 'is-selected' : '' }}" data-value="all">Tümü</button>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex align-items-center gap-2 filter-search-wrap">
                            <input type="text"
                                   name="q"
                                   class="form-control"
                                   placeholder="Ara: kod, ad"
                                   value="{{ $search }}">
                            <button type="submit" class="btn btn-outline-primary">Ara</button>
                            @if ($search !== '' || $deptFilter !== '' || $titleFilter !== '' || $companyFilter !== '' || $centerFilterValue !== '' || $statusFilter !== 'active')
                                <a href="{{ route('admin.employees.index') }}" class="btn btn-outline-secondary">Temizle</a>
                            @endif
                        </div>
                    </form>
                </div>
                <div class="table-responsive">
                    <table class="table align-middle table-hover mb-0">
                        <thead class="table-light">
                        <tr>
                            <th>Kod</th>
                            <th>Firma</th>
                            <th>Ad</th>
                            <th>1. Amir</th>
                            <th>2. Amir</th>
                            <th>Sorumluluk Merkezi</th>
                            <th>Durum</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($employees as $row)
                            @php
                                $centerLabel = '-';
                                if (!empty($row->center_no) || !empty($row->center_name)) {
                                    $centerLabel = trim(($row->center_no ?? '') . ' - ' . ($row->center_name ?? ''));
                                    if ((int) ($row->center_active ?? 1) === 0) {
                                        $centerLabel .= ' (Pasif)';
                                    }
                                }
                                $exitRaw = $row->exit_date ?? '';
                                $hasExit = ($exitRaw !== '' && $exitRaw !== '1899-12-31');
                                $statusLabel = $hasExit ? 'Pasif' : ((int) ($row->active ?? 1) === 1 ? 'Aktif' : 'Pasif');
                                $manager1Code = trim((string) ($row->manager1 ?? ''));
                                $manager2Code = trim((string) ($row->manager2 ?? ''));
                                $manager1Label = '-';
                                $manager2Label = '-';
                                if ($manager1Code !== '') {
                                    $manager1Label = trim((string) ($row->manager1_name ?? ''));
                                    if ($manager1Label === '') {
                                        $manager1Label = trim((string) ($row->manager1_emp_name ?? ''));
                                    }
                                    if ($manager1Label === '') {
                                        $manager1Label = $manager1Code;
                                    }
                                }
                                if ($manager2Code !== '') {
                                    $manager2Label = trim((string) ($row->manager2_name ?? ''));
                                    if ($manager2Label === '') {
                                        $manager2Label = trim((string) ($row->manager2_emp_name ?? ''));
                                    }
                                    if ($manager2Label === '') {
                                        $manager2Label = $manager2Code;
                                    }
                                }
                            @endphp
                            <tr>
                                <td>{{ $row->employee_code ?? '-' }}</td>
                                <td>{{ $row->company ?? '' }}</td>
                                <td>
                                    <a href="{{ route('admin.employees.index', ['edit' => $row->id]) }}" class="employee-name text-decoration-none">
                                        {{ $row->name }}
                                    </a>
                                </td>
                                <td>{{ $manager1Label }}</td>
                                <td>{{ $manager2Label }}</td>
                                <td>{{ $centerLabel }}</td>
                                <td>{{ $statusLabel }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                @if ($totalPages > 1)
                    <div class="border-top p-3">
                        <nav>
                            <ul class="pagination justify-content-center">
                                @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.employees.index', $pageParams) }}">{{ $i }}</a>
                                    </li>
                                @endfor
                            </ul>
                        </nav>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

<script>
  document.querySelectorAll('.filter-dropdown').forEach((dropdown) => {
    const toggle = dropdown.querySelector('.filter-dropdown-toggle');
    const panel = dropdown.querySelector('.filter-dropdown-panel');
    const search = dropdown.querySelector('.filter-dropdown-search');
    const options = Array.from(dropdown.querySelectorAll('.filter-dropdown-option'));
    const hidden = dropdown.querySelector('input[type="hidden"]');

    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', () => {
        options.forEach((item) => item.classList.remove('is-selected'));
        option.classList.add('is-selected');
        hidden.value = option.dataset.value || '';
        toggle.textContent = option.textContent.trim() || toggle.textContent;
        closeDropdown();
      });
    });

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

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