@extends('layouts.performance')

@section('title', 'Dönem 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">Dönem Yönetimi</h1>
        <p class="text-muted mb-0">Değerlendirme dönemlerini oluşturun ve aktif dönemi seçin.</p>
    </div>
</div>

@if (request()->query('saved'))
    <div class="alert alert-soft">Dönem kaydedildi.</div>
@elseif (request()->query('type_saved'))
    <div class="alert alert-soft">Performans türü kaydedildi.</div>
@elseif (request()->query('type_error'))
    <div class="alert alert-danger">Performans türü kaydedilemedi.</div>
@elseif (request()->query('type_deleted'))
    <div class="alert alert-soft">Performans türü silindi.</div>
@elseif (request()->query('type_in_use'))
    <div class="alert alert-danger">Bu performans türü dönemlerde kullanılıyor.</div>
@elseif (request()->query('deleted'))
    <div class="alert alert-soft">Dönem silindi.</div>
@elseif (request()->query('deactivated'))
    <div class="alert alert-soft">Döneme bağlı atama olduğu için pasife alındı.</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-5">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">{{ $editPeriod ? "D\u{00F6}nem G\u{00FC}ncelle" : "Yeni D\u{00F6}nem" }}</h5>
            </div>
            <div class="card-body">
                <form method="post" action="{{ route('admin.periods.store') }}" class="vstack gap-3 form-grid">
                    @csrf
                    <input type="hidden" name="id" value="{{ $editPeriod->id ?? 0 }}">
                    <div class="form-row">
                        <label class="form-label">Yil</label>
                        <select name="period_year" class="form-select" required>
                            @foreach ($years as $year)
                                <option value="{{ $year }}" {{ $selectedYear === (int) $year ? 'selected' : '' }}>{{ $year }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-row">
                        <label class="form-label">Performans Türü</label>
                        <select name="period_type" class="form-select" required>
                            @foreach ($types as $type)
                                <option value="{{ $type }}" {{ $selectedType === $type ? 'selected' : '' }}>
                                    {{ $type }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-row">
                        <label class="form-label">Dönem Adı</label>
                        <input type="text" name="name" id="period_name" class="form-control" readonly value="{{ $computedName }}">
                    </div>
                    @if ($hasRuleSetColumn)
                        <div class="form-row">
                            <label class="form-label">Kural Seti</label>
                            <select name="rule_set_id" class="form-select">
                                <option value="">Seçiniz</option>
                                @foreach ($ruleSets as $ruleSet)
                                    <option value="{{ $ruleSet->id }}" {{ (int) ($editPeriod->rule_set_id ?? 0) === (int) $ruleSet->id ? 'selected' : '' }}>
                                        {{ $ruleSet->name }}{{ (int) $ruleSet->is_active === 1 ? '' : ' (Pasif)' }}
                                    </option>
                                @endforeach
                            </select>
                            @if ($ruleSets->isEmpty())
                                <div class="text-muted small mt-1">Önce kural seti tanımlayın.</div>
                            @endif
                        </div>
                    @endif
                    <div class="form-row">
                        <label class="form-label" for="is_active">Aktif dönem</label>
                        <div class="form-check form-switch m-0">
                            <input class="form-check-input" type="checkbox" name="is_active" id="is_active" value="1" {{ ($editPeriod->is_active ?? 0) ? 'checked' : '' }}>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary">Kaydet</button>
                </form>
            </div>
        </div>

        <div class="card mt-4">
            <div class="card-header">
                <h5 class="card-title mb-0">Performans Türleri</h5>
            </div>
            <div class="card-body">
                <form method="post" action="{{ route('admin.periods.type.store') }}" class="vstack gap-2 form-grid">
                    @csrf
                    <div class="form-row">
                        <label class="form-label">Yeni Performans Türü</label>
                        <div class="input-group">
                            <input type="text" name="name" class="form-control" required>
                            <button type="submit" class="btn btn-outline-primary">Ekle</button>
                        </div>
                    </div>
                </form>
                @if ($performanceTypes)
                    <div class="mt-3">
                        <div class="small text-muted mb-2">Tanımlı türler</div>
                        <div class="d-grid gap-2">
                            @foreach ($performanceTypes as $typeRow)
                                @php $isActive = (int) ($typeRow->active ?? 0) === 1; @endphp
                                <div class="d-flex justify-content-between align-items-center gap-2">
                                    <span>{{ $typeRow->name }}{{ $isActive ? '' : ' (Pasif)' }}</span>
                                    <div class="d-flex align-items-center gap-2">
                                        <form method="post" action="{{ route('admin.periods.type.toggle') }}">
                                            @csrf
                                            <input type="hidden" name="id" value="{{ $typeRow->id }}">
                                            <input type="hidden" name="active" value="{{ $isActive ? 0 : 1 }}">
                                            <button type="submit" class="btn btn-sm {{ $isActive ? 'btn-outline-danger' : 'btn-outline-success' }}">
                                                {{ $isActive ? 'Pasif Et' : 'Aktif Et' }}
                                            </button>
                                        </form>
                                        <form method="post" action="{{ route('admin.periods.type.delete') }}">
                                            @csrf
                                            <input type="hidden" name="id" value="{{ $typeRow->id }}">
                                            <button
                                                type="submit"
                                                class="btn btn-sm btn-outline-danger"
                                            data-confirm-title="Performans Türü Sil"
                                                data-confirm-name="{{ $typeRow->name }}"
                                            >Sil</button>
                                        </form>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @else
                    <div class="text-muted small mt-2">Henüz performans türü tanımlanmadı.</div>
                @endif
            </div>
        </div>
    </div>

    <div class="col-12 col-xl-7">
        <div class="card h-100">
            <div class="card-header">
                <div class="d-flex justify-content-between align-items-center">
                    <h5 class="card-title mb-0">Dönem Listesi</h5>
                    <span class="text-muted small">{{ $periods->count() }} kayıt</span>
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table align-middle table-hover mb-0">
                        <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th>Ad</th>
                            <th>Başlangıc</th>
                            <th>Bitiş</th>
                            @if ($hasRuleSetColumn)
                                <th>Kural Seti</th>
                            @endif
                            <th>Durum</th>
                            <th class="text-end">İşlem</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($periods as $row)
                            @php
                                $ruleName = '-';
                                if ($hasRuleSetColumn) {
                                    $ruleId = (int) ($row->rule_set_id ?? 0);
                                    $ruleName = $ruleId > 0 ? ($ruleSetMap[$ruleId] ?? '-') : '-';
                                }
                            @endphp
                            <tr>
                                <td>{{ $row->id }}</td>
                                <td>{{ $row->name }}</td>
                                <td>{{ $row->start_date }}</td>
                                <td>{{ $row->end_date }}</td>
                                @if ($hasRuleSetColumn)
                                    <td>{{ $ruleName }}</td>
                                @endif
                                <td>{{ (int) $row->is_active === 1 ? 'Aktif' : 'Pasif' }}</td>
                                <td class="text-end">
                                    <a href="{{ route('admin.periods.index', ['edit' => $row->id]) }}" class="btn btn-sm btn-outline-primary">Düzenle</a>
                                    <form method="post" action="{{ route('admin.periods.delete') }}" class="d-inline">
                                        @csrf
                                        <input type="hidden" name="id" value="{{ $row->id }}">
                                        <button
                                            type="submit"
                                            class="btn btn-sm btn-outline-danger"
                                            data-confirm-title="Dönem Sil"
                                            data-confirm-name="{{ $row->name }}"
                                        >Sil</button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
  const yearSelect = document.querySelector('select[name="period_year"]');
  const typeSelect = document.querySelector('select[name="period_type"]');
  const nameInput = document.getElementById('period_name');
  function updatePeriodName() {
    if (!yearSelect || !typeSelect || !nameInput) {
      return;
    }
    const year = yearSelect.value || '';
    const type = typeSelect.value || '';
    nameInput.value = year && type ? `${year} - ${type}` : '';
  }
  yearSelect?.addEventListener('change', updatePeriodName);
  typeSelect?.addEventListener('change', updatePeriodName);
  updatePeriodName();
</script>
@endsection