@extends('admin.layout')
@php($editing = $community->exists)
@section('title', $editing ? 'Topluluğu Düzenle' : 'Yeni Topluluk')
@section('content')
<div class="page-head">
    <div>
        <h1>{{ $editing ? 'Topluluğu Düzenle' : 'Yeni Topluluk' }}</h1>
        <div class="muted">Topluluk bilgileri, görselleri ve üyeleri yönetin. (Yalnızca yönetici / moderatör)</div>
    </div>
    <a class="btn ghost" href="{{ route('admin.communities') }}">← Listeye Dön</a>
</div>

@if($editing)
<div class="card" style="border-color:#ef4444; background:rgba(239,68,68,.06); margin-bottom:14px;">
    <div style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;">
        <div>
            <strong>Topluluğu sil</strong>
            <div class="muted">Üyeler, sohbet ve içerikler listeden kalkar. Bu işlem geri alınamaz.</div>
        </div>
        <form method="post" action="{{ route('admin.communities.destroy', $community) }}" onsubmit="return confirm('“{{ $community->name }}” topluluğu silinsin mi?')">
            @csrf
            @method('DELETE')
            <button class="btn danger" type="submit">Topluluğu Sil</button>
        </form>
    </div>
</div>
@endif

<div class="card form-card">
    <form method="post" action="{{ $editing ? route('admin.communities.update', $community) : route('admin.communities.store') }}" enctype="multipart/form-data">
        @csrf
        @if($editing) @method('PUT') @endif
        <div class="form-grid">
            <div>
                <label>Topluluk Adı</label>
                <input name="name" required value="{{ old('name', $community->name) }}">
            </div>
            <div>
                <label>Kategori</label>
                <input name="category" value="{{ old('category', $community->category) }}" placeholder="Yazılım / Spor / AI">
            </div>
            <div>
                <label>Uygulama</label>
                <select name="app" required>
                    <option value="zone" @selected(old('app', $community->app ?? 'zone') === 'zone')>Nova Zone</option>
                    <option value="volleyball" @selected(old('app', $community->app ?? 'zone') === 'volleyball')>Nova Spor Akademi</option>
                    <option value="campus" @selected(old('app', $community->app ?? 'zone') === 'campus')>Nova Kampüs</option>
                </select>
                <div class="muted" style="margin-top:4px;">Topluluk yalnızca seçilen uygulamada görünür.</div>
            </div>
            @if($editing)
                <div>
                    <label>Durum</label>
                    <select name="status" required>
                        <option value="active" @selected(old('status', $community->status) === 'active')>Aktif</option>
                        <option value="archived" @selected(old('status', $community->status) === 'archived')>Arşivlenmiş</option>
                    </select>
                </div>
            @endif
            <div>
                <label>Otomatik katılım</label>
                <label style="display:flex;align-items:center;gap:8px;font-weight:500;">
                    <input type="checkbox" name="auto_join_on_approval" value="1" @checked((bool) old('auto_join_on_approval', $community->auto_join_on_approval ?? false))>
                    Onaylı üyeler otomatik katılsın
                </label>
                <div class="muted" style="margin-top:4px;">Örn. “İlk Adım” grubu için işaretleyin.</div>
            </div>
        </div>
        <label>Açıklama</label>
        <textarea name="description" rows="5">{{ old('description', $community->description) }}</textarea>

        <div class="form-grid" style="margin-top:14px">
            <div>
                <label>Logo</label>
                @if($community->logo_path)
                    <div style="margin-bottom:8px">
                        <img src="{{ $community->logoUrl() }}" alt="" style="width:72px;height:72px;border-radius:14px;object-fit:cover">
                    </div>
                @endif
                <input type="file" name="logo" accept="image/*">
            </div>
            <div>
                <label>Kapak görseli</label>
                @if($community->cover_path)
                    <div style="margin-bottom:8px">
                        <img src="{{ $community->coverUrl() }}" alt="" style="width:160px;height:72px;border-radius:14px;object-fit:cover">
                    </div>
                @endif
                <input type="file" name="cover" accept="image/*">
            </div>
        </div>

        <div class="form-actions">
            <button class="btn" type="submit">{{ $editing ? 'Değişiklikleri Kaydet' : 'Topluluğu Oluştur' }}</button>
            <a class="btn ghost" href="{{ route('admin.communities') }}">Vazgeç</a>
        </div>
    </form>
</div>

@if($editing)
<div class="card form-card" style="margin-top:16px">
    <h2 style="margin:0 0 8px;font-size:18px">Üye ekle</h2>
    <div class="muted" style="margin-bottom:12px">Kullanıcı ID ile doğrudan ekleyin. Onay gerekmez.</div>
    <form method="post" action="{{ route('admin.communities.members.add', $community) }}" class="form-grid">
        @csrf
        <div>
            <label>Kullanıcı ID</label>
            <input name="user_id" type="number" min="1" required placeholder="Örn. 12">
        </div>
        <div>
            <label>Rol</label>
            <select name="role">
                <option value="member">Üye</option>
                <option value="moderator">Moderatör</option>
                <option value="admin">Yönetici</option>
            </select>
        </div>
        <div style="align-self:end">
            <button class="btn" type="submit">Üye Ekle</button>
        </div>
    </form>
</div>

<div class="card table-wrap" style="margin-top:16px">
    <h2 style="margin:0 0 12px;font-size:18px">Üyeler ({{ $members->count() }})</h2>
    <table>
        <thead><tr><th>Üye</th><th>E-posta</th><th>Rol</th><th></th></tr></thead>
        <tbody>
        @forelse($members as $member)
            <tr>
                <td>
                    <strong>{{ $member->user?->name ?? '—' }}</strong>
                    <div class="muted">{{ $member->user?->title }}</div>
                </td>
                <td>{{ $member->user?->email }}</td>
                <td>
                    <form method="post" action="{{ route('admin.communities.members.role', [$community, $member->user_id]) }}" style="display:flex;gap:6px;align-items:center;flex-wrap:wrap">
                        @csrf
                        @method('PUT')
                        <select name="role" style="min-width:120px">
                            <option value="member" @selected($member->role === 'member')>Üye</option>
                            <option value="moderator" @selected($member->role === 'moderator')>Moderatör</option>
                            <option value="admin" @selected($member->role === 'admin')>Yönetici</option>
                        </select>
                        <button class="btn small secondary" type="submit">Kaydet</button>
                    </form>
                </td>
                <td>
                    <form method="post" action="{{ route('admin.communities.members.remove', [$community, $member->user_id]) }}" onsubmit="return confirm('Üye çıkarılsın mı?')">
                        @csrf
                        @method('DELETE')
                        <button class="btn small danger" type="submit">Çıkar</button>
                    </form>
                </td>
            </tr>
        @empty
            <tr><td colspan="4" class="empty">Henüz üye yok.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
@endif
@endsection