@extends('layouts.admin', ['menu' => 'texts'])
@section('title', 'লেখা সংশোধন')
@section('content')
<section class="card">
  <div class="texts-top">
    <div>
      <p class="muted">ওয়েবসাইট ও কন্ট্রোল প্যানেলের প্রতিটি লেখা এখানে বদলানো যায়। বাম পাশে মূল লেখা, ডান পাশে নতুন লেখা দিন; ঘর ফাঁকা রাখলে মূল লেখাই থাকবে।
        {!! english_allowed() ? '<span class="badge badge-pending">ইংরেজি লেখার অনুমতি চালু</span>' : '<span class="badge badge-approved">শুধু বাংলা (ইউনিকোড)</span>' !!}
        <a href="{{ route('admin.settings') }}#lang" class="small">ভাষার নিয়ম বদলান</a></p>
    </div>
    <label class="texts-search">খুঁজুন<input type="search" id="tSearch" value="{{ $q }}" placeholder="যেমন: অনুমোদন" autocomplete="off"></label>
  </div>
  <form method="post" action="{{ route('admin.texts.save') }}" id="tForm">
    @csrf<input type="hidden" name="q" id="tQ" value="{{ $q }}">
    <p class="alert alert-info ver-note">এখন <b>{!! ue(is_en() ? 'English' : 'বাংলা') !!}</b> ভার্সনের লেখা বদলাচ্ছেন — শুধু এই ভার্সনে বদলাবে। অন্য ভার্সনের লেখা বদলাতে উপরের <b>{!! is_en() ? ue('বাংলা') : 'English' !!}</b> বোতাম চাপুন।</p>
    @if (!is_en())
    <details class="t-group" open>
      <summary>নামসহ পুরো বাক্য <small class="muted">(প্রতিষ্ঠান/বিশ্ববিদ্যালয়ের নাম বসে এমন লেখা)</small></summary>
      <div class="t-list">
        <p class="muted small">লেখার ভেতরে <code>{office}</code> দপ্তর, <code>{university}</code> বিশ্ববিদ্যালয়ের পুরো নাম, <code>{university_short}</code> সংক্ষিপ্ত নাম, <code>{room}</code> কক্ষ — এগুলো রাখলে নিজে থেকে নাম বসে যায়; চাইলে মুছে সরাসরি লিখতে পারেন।</p>
        @foreach (special_texts() as $k => [$lb, $def])
          @php($cur = setting($k) ?: $def)
          <div class="t-row t-special{{ setting($k) ? ' t-changed' : '' }}" data-s="{{ mb_strtolower($lb . ' ' . $cur . ' ' . special_text($k)) }}">
            <div class="t-orig"><strong>{{ $lb }}</strong><br><small class="muted">এখন দেখায়: {{ special_text($k) }}</small></div>
            <textarea name="sp[{{ $k }}]" rows="3" data-orig="{{ $cur }}" class="sp-field" disabled>{{ $cur }}</textarea>
          </div>
        @endforeach
      </div>
    </details>
    @endif
    @foreach ($catalog as $group => $list)
      <details class="t-group">
        <summary>{{ $group }} <small class="muted">({{ bn(count($list)) }}টি)</small></summary>
        <div class="t-list">
          @foreach ($list as $s)
            @php($cur = $over[$s] ?? '')
            @php($curEn = $overEn[$s] ?? ($enBase[$s] ?? ''))
            <div class="t-row{{ $cur !== '' && !is_en() ? ' t-changed' : '' }}" data-s="{{ mb_strtolower($s . ' ' . $cur . ' ' . $curEn) }}">
              <div class="t-orig">{!! ue($s) !!}</div>
              @if (!is_en())<input type="text" name="t[{{ md5($s) }}]" value="{{ $cur }}" data-orig="{{ $cur }}" placeholder="{{ $s }}" class="bn-only-field" disabled>
              @else<input type="text" name="te[{{ md5($s) }}]" value="{{ $curEn }}" data-orig="{{ $curEn }}" placeholder="English" lang="en" class="t-en{{ isset($overEn[$s]) ? ' t-en-changed' : '' }}" disabled>@endif
            </div>
          @endforeach
        </div>
      </details>
    @endforeach
    <div class="sticky-save"><span id="tCount" class="muted small"></span><button class="btn btn-primary btn-lg">পরিবর্তন সংরক্ষণ</button></div>
  </form>
</section>
<script>
(function () {
  var rows = [].slice.call(document.querySelectorAll('.t-row')), s = document.getElementById('tSearch');
  function filter() {
    var q = s.value.trim().toLowerCase(); document.getElementById('tQ').value = s.value;
    rows.forEach(function (r) { r.hidden = q && r.dataset.s.indexOf(q) < 0; });
    document.querySelectorAll('.t-group').forEach(function (g) { g.hidden = !g.querySelector('.t-row:not([hidden])'); if (q) g.open = !g.hidden; });
  }
  s.addEventListener('input', filter); filter();
  rows.forEach(function (r) {
    var ins = [].slice.call(r.querySelectorAll('input, textarea'));
    ins.forEach(function (i) { i.disabled = false; i.addEventListener('input', function () {
      r.classList.toggle('t-dirty', ins.some(function (x) { return x.value !== x.dataset.orig; }));
      var n = document.querySelectorAll('.t-dirty').length;
      document.getElementById('tCount').textContent = n ? (String(n).replace(/\d/g, function (d) { return '০১২৩৪৫৬৭৮৯'[d]; }) + 'টি পরিবর্তন') : '';
    }); });
  });
  document.getElementById('tForm').addEventListener('submit', function () {
    rows.forEach(function (r) { r.querySelectorAll('input, textarea').forEach(function (i) { if (i.value === i.dataset.orig) i.disabled = true; }); });
  });
})();
</script>
@endsection