@extends('layouts.performance')

@section('title', 'Puanlama Kural Setleri')

@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">Puanlama Kural Setleri</h1>
        <p class="text-muted mb-0">Soru setlerine göre amir ve set ağırlıklarını tanımlayın.</p>
    </div>
</div>

@if (request()->query('saved'))
    <div class="alert alert-soft">Kural seti kaydedildi.</div>
@elseif (request()->query('updated'))
    <div class="alert alert-soft">Kural seti güncellendi.</div>
@elseif (request()->query('deleted'))
    <div class="alert alert-soft">Kural seti silindi.</div>
@elseif (request()->query('error'))
    <div class="alert alert-danger">{{ session('error') ?? 'İş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">{{ $editRule ? "Kural Seti G\u{00FC}ncelle" : 'Yeni Kural Seti' }}</h5>
            </div>
            <div class="card-body">
                <form method="post" action="{{ route('admin.rule-sets.store') }}" class="vstack gap-3 form-grid">
                    @csrf
                    <input type="hidden" name="id" value="{{ $editRule->id ?? 0 }}">
                    <div class="form-row">
                        <label class="form-label">Kural Seti Adı</label>
                        <input type="text" name="name" class="form-control" required value="{{ $editRule->name ?? '' }}">
                    </div>
                    <div class="form-row">
                        <label class="form-label" for="is_active">Aktif</label>
                        <div class="form-check form-switch m-0">
                            <input class="form-check-input" type="checkbox" name="is_active" id="is_active" value="1" {{ ($editRule->is_active ?? 1) ? 'checked' : '' }}>
                        </div>
                    </div>

                    <div class="table-responsive">
                        <table class="table align-middle table-hover mb-0">
                            <thead class="table-light">
                            <tr>
                                <th class="text-center">Seç</th>
                                <th>Soru Seti</th>
                                <th class="text-center">1. Amir %</th>
                                <th class="text-center">2. Amir %</th>
                                <th class="text-center">Set Ağırlığı</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($questionSets as $set)
                                @php
                                    $setId = (int) $set->id;
                                    $item = $ruleItems[$setId] ?? null;
                                    $isSelected = $item !== null;
                                    $weight1 = $item['weight_e1'] ?? 60;
                                    $weight2 = $item['weight_e2'] ?? 40;
                                    $setWeight = $item['set_weight'] ?? 1;
                                @endphp
                                <tr class="rule-set-row {{ $isSelected ? '' : 'is-disabled' }}">
                                    <td class="text-center">
                                        <input class="form-check-input rule-set-select" type="checkbox" name="selected_sets[]"
                                               value="{{ $setId }}" {{ $isSelected ? 'checked' : '' }}>
                                    </td>
                                    <td>
                                        {{ $set->name }}
                                        {!! (int) $set->active === 1 ? '' : '<span class="text-muted">(Pasif)</span>' !!}
                                    </td>
                                    <td class="text-center">
                                        <input type="number" step="0.01" min="0" max="100" name="items[{{ $setId }}][weight_e1]"
                                               value="{{ $weight1 }}" class="form-control form-control-sm rule-set-input" {{ $isSelected ? '' : 'disabled' }}>
                                    </td>
                                    <td class="text-center">
                                        <input type="number" step="0.01" min="0" max="100" name="items[{{ $setId }}][weight_e2]"
                                               value="{{ $weight2 }}" class="form-control form-control-sm rule-set-input" {{ $isSelected ? '' : 'disabled' }}>
                                    </td>
                                    <td class="text-center">
                                        <input type="number" step="0.01" min="0" name="items[{{ $setId }}][set_weight]"
                                               value="{{ $setWeight }}" class="form-control form-control-sm rule-set-input" {{ $isSelected ? '' : 'disabled' }}>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>

                    <div class="text-muted small">
                        Not: Her soru setinde 1. Amir + 2. Amir toplamı 100 olmalı. 2. amir yoksa sistem otomatik olarak 1. amir ortalamasını kullanır.
                    </div>

                    <div class="d-flex flex-wrap gap-2">
                        <button type="submit" class="btn btn-primary">Kaydet</button>
                        @if ($editRule)
                            <a href="{{ route('admin.rule-sets.index') }}" class="btn btn-outline-secondary">Vazgeç</a>
                        @endif
                    </div>
                </form>
            </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">Kural Setleri</h5>
                    <span class="text-muted small">{{ $ruleSets->count() }} kayıt</span>
                </div>
            </div>
            <div class="card-body p-0">
                @php
                    $canDeleteRuleSet = Route::has('admin.rule-sets.delete');
                @endphp
                <div class="table-responsive">
                    <table class="table align-middle table-hover mb-0">
                        <thead class="table-light">
                        <tr>
                            <th>Ad</th>
                            <th>Durum</th>
                            <th class="text-end">İşlem</th>
                        </tr>
                        </thead>
                        <tbody>
                        @if ($ruleSets->isEmpty())
                            <tr>
                                <td colspan="3" class="text-muted">Henüz kural seti eklenmedi.</td>
                            </tr>
                        @else
                            @foreach ($ruleSets as $ruleSet)
                                @php
                                    $isAssigned = in_array((int) $ruleSet->id, $assignedRuleSetIds ?? [], true);
                                @endphp
                                <tr>
                                    <td>{{ $ruleSet->name }}</td>
                                    <td>{{ (int) $ruleSet->is_active === 1 ? 'Aktif' : 'Pasif' }}</td>
                                    <td class="text-end">
                                        <div class="d-inline-flex gap-2">
                                            <a href="{{ route('admin.rule-sets.index', ['edit' => $ruleSet->id]) }}" class="btn btn-sm btn-outline-primary">Düzenle</a>
                                            @if ($isAssigned)
                                                <button type="button" class="btn btn-sm btn-outline-secondary" disabled>Sil</button>
                                            @elseif ($canDeleteRuleSet)
                                                <form method="post" action="{{ route('admin.rule-sets.delete') }}" class="d-inline">
                                                    @csrf
                                                    <input type="hidden" name="id" value="{{ $ruleSet->id }}">
                                                    <button
                                                        type="submit"
                                                        class="btn btn-sm btn-outline-danger"
                                                        data-confirm-title="Kural Seti Sil"
                                                        data-confirm-name="{{ $ruleSet->name }}"
                                                    >Sil</button>
                                                </form>
                                            @else
                                                <button type="button" class="btn btn-sm btn-outline-secondary" disabled>Sil</button>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
  document.querySelectorAll('.rule-set-row').forEach((row) => {
    const checkbox = row.querySelector('.rule-set-select');
    const inputs = row.querySelectorAll('.rule-set-input');
    if (!checkbox) {
      return;
    }
    const syncState = () => {
      const enabled = checkbox.checked;
      inputs.forEach((input) => {
        input.disabled = !enabled;
      });
      row.classList.toggle('is-disabled', !enabled);
    };
    checkbox.addEventListener('change', syncState);
    syncState();
  });
</script>
@endsection