@extends('admin.layout')
@section('title', isset($translation) ? 'Çeviri Düzenle' : 'Çeviri Ekle')
@section('page-title', isset($translation) ? 'Çeviri Düzenle' : 'Çeviri Ekle')
@section('content')
<div class="container-xxl">
  <h4 class="mt-4 mb-4">{{ isset($translation) ? 'Çeviri Düzenle' : 'Çeviri Ekle' }}</h4>

  <form action="{{ isset($translation) ? route('admin.translations.update',$translation) : route('admin.translations.store') }}"
        method="POST">
    @csrf
    @if(isset($translation)) @method('PUT') @endif

    <div class="mb-3">
      <label class="form-label">Anahtar (ör: hero.title, fruit.apple)</label>
      <input type="text" name="t_key" class="form-control"
             value="{{ old('t_key', $translation->t_key ?? '') }}" required>
    </div>

    <ul class="nav nav-tabs">
      @foreach($languages as $i => $lang)
        <li class="nav-item">
          <button class="nav-link {{ $i==0 ? 'active':'' }}" data-bs-toggle="tab"
                  data-bs-target="#lang-{{ $lang->language_code }}" type="button">
            {{ strtoupper($lang->language_code) }}
          </button>
        </li>
      @endforeach
    </ul>

    <div class="tab-content border border-top-0 p-3 rounded-bottom">
      @foreach($languages as $i => $lang)
        @php $lc = $lang->language_code; @endphp
        <div class="tab-pane fade {{ $i==0 ? 'show active':'' }}" id="lang-{{ $lc }}">
          <div class="form-floating">
            <input type="text" class="form-control"
                   name="t_values[{{ $lc }}]"
                   value="{{ old('t_values.'.$lc, $translation->t_values[$lc] ?? '') }}"
                   placeholder="{{ $lang->language_name }}" required>
            <label>{{ $lang->language_name }} metni</label>
          </div>
        </div>
      @endforeach
    </div>

    <div class="form-check form-switch mt-3">
      <input class="form-check-input" type="checkbox" name="status" value="1"
             {{ old('status', $translation->status ?? true) ? 'checked':'' }}>
      <label class="form-check-label">Aktif</label>
    </div>

    <div class="mt-3 text-end">
      <button class="btn btn-primary" type="submit">Kaydet</button>
    </div>
  </form>
</div>
@endsection