@extends('layouts.admin', ['menu' => 'about'])
@section('title', 'ডেভেলপার তথ্য (i)')
@section('content')
@include('partials.errors')
<form method="post" action="{{ route('admin.about.save') }}" enctype="multipart/form-data">
  @csrf<input type="hidden" name="ver" value="{{ $ver }}">
  <p class="alert alert-info ver-note">এখন <b>{!! ue($ver === 'en' ? 'English' : 'বাংলা') !!}</b> ভার্সনের ডেভেলপার তথ্য বদলাচ্ছেন — শুধু এই ভার্সনে বদলাবে। অন্য ভার্সনেরটা বদলাতে উপরের <b>{!! $ver === 'en' ? ue('বাংলা') : 'English' !!}</b> বোতাম চাপুন।</p>
  <section class="card" @if ($ver === 'en') lang="en" @endif>
    <div class="view-head"><h2 class="card-title">"i" বাটনের পপআপ</h2><button type="button" class="btn btn-ghost btn-sm" data-about-open>👁 এখনকার পপআপ দেখুন</button></div>
    <div class="form-grid"><fieldset>
      <legend>শিরোনাম ও লেখা</legend>
      <label>শিরোনাম (পপআপের উপরে শুধু এই লেখা থাকবে)<input type="text" name="title" value="{{ $a['title'] }}" placeholder="উন্নয়ন ও উদ্যোগ" class="{{ $ver === 'en' ? '' : 'bn-only-field' }}"></label>
      <label>পপআপের প্রস্থ
        <select name="about_width">
          @php($aw = (int) setting('about_width', '0'))
          @foreach ([0 => 'লেখা অনুযায়ী (স্বয়ংক্রিয়)', 420 => 'সরু (৪২০ পিক্সেল)', 500 => 'মাঝারি (৫০০ পিক্সেল)', 580 => 'চওড়া (৫৮০ পিক্সেল)', 680 => 'আরও চওড়া (৬৮০ পিক্সেল)'] as $wv => $wl)
            <option value="{{ $wv }}" @selected($aw === $wv)>{{ $wl }}</option>
          @endforeach
        </select></label>
      <label class="span-2">ভূমিকা (ঐচ্ছিক)<textarea name="intro" rows="2" class="{{ $ver === 'en' ? '' : 'bn-only-field' }}">{{ $a['intro'] }}</textarea></label>
      <label class="span-2">নিচের লেখা (ঐচ্ছিক)<textarea name="note" rows="2" class="{{ $ver === 'en' ? '' : 'bn-only-field' }}">{{ $a['note'] }}</textarea></label>
    </fieldset></div>
  </section>

  <section class="card">
    <h2 class="card-title">ব্যক্তিরা</h2>
    <p class="muted small">ক্রম নম্বর দিয়ে কে আগে-পরে দেখাবেন ঠিক করুন। পরে যেকোনো সময় নতুন ব্যক্তি যোগ বা মুছে ফেলা যাবে — নিচের ফাঁকা ঘরটি পূরণ করে সংরক্ষণ করলেই নতুন ব্যক্তি যোগ হবে।</p>
    <div class="people-edit">
      @foreach ($people as $i => $p)
        @php($ph = brand_file_url((string) ($p['photo'] ?? '')))
        <div class="pe-card{{ !empty($p['_new']) ? ' pe-new' : '' }}">
          <div class="pe-photo">
            @if ($ph)<img src="{{ $ph }}" alt="">@else<span class="about-ini">{{ !empty($p['_new']) ? '+' : '?' }}</span>@endif
            <label class="small">ছবি (PNG/JPG)<input type="file" name="photo[{{ $i }}]" accept="image/png,image/jpeg,image/webp"></label>
            @if ($ph)<label class="inline small"><input type="checkbox" name="p[{{ $i }}][photo_del]" value="1"> ছবি মুছুন</label>@endif
            <input type="hidden" name="p[{{ $i }}][photo]" value="{{ $p['photo'] ?? '' }}">
          </div>
          <div class="pe-fields">
            @if (!empty($p['_new']))<strong class="pe-title">+ নতুন ব্যক্তি যোগ করুন</strong>@endif
            <div class="pe-grid">
              @foreach ($fields as $k => $lb)
                <label>{{ $lb }}<input type="{{ $k === 'email' ? 'email' : 'text' }}" name="p[{{ $i }}][{{ $k }}]" value="{{ $p[$k] ?? '' }}" class="{{ in_array($k, ['email', 'phone'], true) || $ver === 'en' ? '' : 'bn-only-field' }}"></label>
              @endforeach
              <label>ক্রম<input type="text" name="p[{{ $i }}][ord]" value="{{ bn($i + 1) }}" inputmode="numeric"></label>
            </div>
            @if (empty($p['_new']))<label class="inline small danger-text"><input type="checkbox" name="p[{{ $i }}][del]" value="1"> এই ব্যক্তিকে মুছে ফেলুন</label>@endif
          </div>
        </div>
      @endforeach
    </div>
  </section>
  <div class="sticky-save"><button class="btn btn-primary btn-lg">সংরক্ষণ করুন</button></div>
</form>
@endsection