@extends('layouts.app')
@section('title', __('ui.groups_manage_title').' — '.$group->name.' — Coaster World')

@section('content')
<section class="group-admin-hero">
    <div class="container">
        <a class="back-link" href="{{ route('groups.show', $group) }}">← {{ __('ui.groups_manage_back') }}</a>
        <div class="group-admin-head">
            <div>
                <span class="eyebrow">{{ __('ui.groups_manage_kicker') }}</span>
                <h1>{{ __('ui.groups_manage_title') }}</h1>
                <p>{{ __('ui.groups_manage_intro', ['name' => $group->name]) }}</p>
            </div>
            <a class="button button-ghost" href="{{ route('groups.show', $group) }}">{{ __('ui.groups_view_group') }}</a>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        @if(session('group_status'))<div class="admin-success">{{ session('group_status') }}</div>@endif
        @if(session('group_error'))<div class="admin-error">{{ session('group_error') }}</div>@endif
        @if($errors->any())<div class="admin-error">{{ $errors->first() }}</div>@endif

        <div class="group-admin-layout">
            <div class="group-admin-main">
                <article class="group-admin-panel">
                    <div class="group-admin-panel-head">
                        <div>
                            <span class="eyebrow">{{ __('ui.groups_manage_settings_kicker') }}</span>
                            <h2>{{ __('ui.groups_manage_settings_title') }}</h2>
                            <p>{{ __('ui.groups_manage_settings_intro') }}</p>
                        </div>
                    </div>

                    <form method="post" action="{{ route('groups.update', $group) }}" class="group-admin-form">
                        @csrf
                        @method('PUT')

                        <label>
                            <span>{{ __('ui.groups_name') }}</span>
                            <input name="name" value="{{ old('name', $group->name) }}" maxlength="120" required>
                        </label>

                        <label>
                            <span>{{ __('ui.groups_description') }}</span>
                            <textarea name="description" maxlength="1200" rows="5">{{ old('description', $group->description) }}</textarea>
                        </label>

                        <div class="groups-form-row">
                            <label>
                                <span>{{ __('ui.groups_type') }}</span>
                                <select name="group_type">
                                    <option value="permanent" @selected(old('group_type', $group->group_type) === 'permanent')>{{ __('ui.groups_type_permanent') }}</option>
                                    <option value="trip" @selected(old('group_type', $group->group_type) === 'trip')>{{ __('ui.groups_type_trip') }}</option>
                                </select>
                            </label>

                            <label>
                                <span>{{ __('ui.groups_visibility') }}</span>
                                <select name="visibility">
                                    <option value="private" @selected(old('visibility', $group->visibility) === 'private')>{{ __('ui.groups_visibility_private') }}</option>
                                    <option value="friends" @selected(old('visibility', $group->visibility) === 'friends')>{{ __('ui.groups_visibility_friends') }}</option>
                                </select>
                            </label>
                        </div>

                        <div class="group-admin-form-actions">
                            <button class="button button-primary" type="submit">{{ __('ui.groups_manage_save') }}</button>
                        </div>
                    </form>
                </article>

                <article class="group-admin-panel">
                    <div class="group-admin-panel-head">
                        <div>
                            <span class="eyebrow">{{ __('ui.groups_manage_members_kicker') }}</span>
                            <h2>{{ __('ui.groups_manage_members_title') }}</h2>
                            <p>{{ __('ui.groups_manage_members_intro') }}</p>
                        </div>
                        <span class="group-admin-count">{{ $group->members->where('status', 'active')->count() }}</span>
                    </div>

                    <div class="group-admin-member-list">
                        @foreach($group->members->where('status', 'active') as $membership)
                            @php $member = $membership->user; @endphp
                            <article class="group-admin-member-row">
                                <div class="friends-user-avatar">{{ mb_strtoupper(mb_substr($member?->username ?: $member?->name ?: '?', 0, 1)) }}</div>

                                <div class="group-admin-member-copy">
                                    <strong>{{ $member?->username ? '@'.$member->username : $member?->name }}</strong>
                                    <span>
                                        {{ $membership->role === 'owner'
                                            ? __('ui.groups_role_owner')
                                            : __('ui.groups_role_member') }}
                                    </span>
                                </div>

                                <div class="group-admin-member-actions">
                                    @if($membership->role === 'owner')
                                        <span class="friends-state is-friends">{{ __('ui.groups_owner_badge') }}</span>
                                    @else
                                        <span class="friends-state">{{ __('ui.groups_role_member') }}</span>

                                        <form method="post" action="{{ route('groups.members.remove', [$group, $member]) }}" data-admin-confirm="{{ __('ui.groups_remove_member_confirm') }}">
                                            @csrf
                                            @method('DELETE')
                                            <button class="button button-ghost" type="submit">{{ __('ui.groups_remove_member') }}</button>
                                        </form>
                                    @endif
                                </div>
                            </article>
                        @endforeach
                    </div>
                </article>

                @if($group->members->where('status', 'invited')->isNotEmpty())
                    <article class="group-admin-panel">
                        <div class="group-admin-panel-head">
                            <div>
                                <span class="eyebrow">{{ __('ui.groups_pending_kicker') }}</span>
                                <h2>{{ __('ui.groups_pending_title') }}</h2>
                                <p>{{ __('ui.groups_manage_pending_intro') }}</p>
                            </div>
                        </div>

                        <div class="group-admin-member-list">
                            @foreach($group->members->where('status', 'invited') as $membership)
                                @php $member = $membership->user; @endphp
                                <article class="group-admin-member-row">
                                    <div class="friends-user-avatar">{{ mb_strtoupper(mb_substr($member?->username ?: $member?->name ?: '?', 0, 1)) }}</div>
                                    <div class="group-admin-member-copy">
                                        <strong>{{ $member?->username ? '@'.$member->username : $member?->name }}</strong>
                                        <span>{{ __('ui.groups_pending_status') }}</span>
                                    </div>
                                    <div class="group-admin-member-actions">
                                        <form method="post" action="{{ route('groups.members.remove', [$group, $member]) }}" data-admin-confirm="{{ __('ui.groups_cancel_invite_confirm') }}">
                                            @csrf
                                            @method('DELETE')
                                            <button class="button button-ghost" type="submit">{{ __('ui.groups_cancel_invite') }}</button>
                                        </form>
                                    </div>
                                </article>
                            @endforeach
                        </div>
                    </article>
                @endif
            </div>

            <aside class="group-admin-sidebar">
                <article class="group-admin-panel">
                    <span class="eyebrow">{{ __('ui.groups_manage_access_kicker') }}</span>
                    <h2>{{ __('ui.groups_manage_access_title') }}</h2>
                    <div class="group-admin-access-list">
                        <div>
                            <span>{{ __('ui.groups_manage_your_role') }}</span>
                            <strong>{{ $isOwner ? __('ui.groups_role_owner') : __('ui.groups_role_member') }}</strong>
                        </div>
                        <div>
                            <span>{{ __('ui.groups_visibility') }}</span>
                            <strong>{{ $group->visibility === 'friends' ? __('ui.groups_visibility_friends') : __('ui.groups_visibility_private') }}</strong>
                        </div>
                        <div>
                            <span>{{ __('ui.groups_type') }}</span>
                            <strong>{{ $group->group_type === 'trip' ? __('ui.groups_type_trip') : __('ui.groups_type_permanent') }}</strong>
                        </div>
                    </div>
                </article>

                @if($isOwner)
                    <article class="group-admin-panel group-admin-danger">
                        <span class="eyebrow">{{ __('ui.groups_manage_danger_kicker') }}</span>
                        <h2>{{ __('ui.groups_manage_archive_title') }}</h2>
                        <p>{{ __('ui.groups_manage_archive_intro') }}</p>

                        <form method="post" action="{{ route('groups.archive', $group) }}" data-admin-confirm="{{ __('ui.groups_archive_confirm') }}">
                            @csrf
                            @method('DELETE')
                            <button class="button button-danger" type="submit">{{ __('ui.groups_archive_button') }}</button>
                        </form>
                    </article>
                @endif
            </aside>
        </div>
    </div>
</section>
@endsection