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

@section('content')
<section class="group-detail-hero">
    <div class="container">
        <a class="back-link" href="{{ route('groups.index') }}">← {{ __('ui.groups_back') }}</a>
        <div class="group-detail-head">
            <div>
                <span class="eyebrow">{{ $group->group_type === 'trip' ? __('ui.groups_type_trip') : __('ui.groups_type_permanent') }}</span>
                <h1>{{ $group->name }}</h1>
                <p>{{ $group->description ?: __('ui.groups_no_description') }}</p>
                <div class="group-detail-meta">
                    <span>{{ __('ui.groups_created_by', ['name' => '@'.($group->owner?->username ?: $group->owner?->name)]) }}</span>
                    <span>{{ $group->visibility === 'friends' ? __('ui.groups_visibility_friends') : __('ui.groups_visibility_private') }}</span>
                </div>
            </div>
            <div class="group-detail-actions">
                <a class="button button-ghost" href="{{ route('rankings.index', ['scope' => 'group', 'group' => $group->slug]) }}">{{ __('ui.rankings_nav') }}</a>
                @if($canManage)
                    <a class="button button-primary" href="{{ route('groups.edit', $group) }}">{{ __('ui.groups_manage') }}</a>
                @endif
                @if($group->owner_user_id !== auth()->id())
                    <form method="post" action="{{ route('groups.leave', $group) }}" data-admin-confirm="{{ __('ui.groups_leave_confirm') }}">
                        @csrf
                        @method('DELETE')
                        <button class="button button-ghost" type="submit">{{ __('ui.groups_leave') }}</button>
                    </form>
                @endif
            </div>
        </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

        <section class="group-visits-section">
            <div class="section-heading split-heading group-visits-heading">
                <div>
                    <span class="eyebrow">{{ __('ui.group_visits_kicker') }}</span>
                    <h2>{{ __('ui.group_visits_title') }}</h2>
                    <p>{{ __('ui.group_visits_intro') }}</p>
                </div>
                @if($canManage)
                    <button type="button" class="button button-primary" data-group-visit-toggle>{{ __('ui.group_visit_plan_button') }}</button>
                @endif
            </div>

            @if($canManage)
                <div class="group-visit-create" data-group-visit-create hidden>
                    <form method="post" action="{{ route('groups.visits.store', $group) }}">
                        @csrf
                        <div class="group-visit-form-grid">
                            <label class="group-visit-park-field">
                                <span>{{ __('ui.group_visit_park') }}</span>
                                <select name="park_id" required>
                                    <option value="">{{ __('ui.group_visit_choose_park') }}</option>
                                    @foreach($parks as $park)
                                        @php
                                            $parkTranslation = $park->translations->firstWhere('locale', app()->getLocale())
                                                ?? $park->translations->firstWhere('locale', 'en');
                                        @endphp
                                        <option value="{{ $park->id }}" @selected((string) old('park_id') === (string) $park->id)>
                                            {{ $parkTranslation?->name ?: $park->official_name }}
                                        </option>
                                    @endforeach
                                </select>
                            </label>
                            <label>
                                <span>{{ __('ui.group_visit_start') }}</span>
                                <input type="date" name="starts_on" min="{{ now()->toDateString() }}" value="{{ old('starts_on') }}" required>
                            </label>
                            <label>
                                <span>{{ __('ui.group_visit_end') }}</span>
                                <input type="date" name="ends_on" min="{{ now()->toDateString() }}" value="{{ old('ends_on') }}">
                            </label>
                            <label class="group-visit-title-field">
                                <span>{{ __('ui.group_visit_name') }}</span>
                                <input type="text" name="title" maxlength="180" value="{{ old('title') }}" placeholder="{{ __('ui.group_visit_name_placeholder') }}">
                            </label>
                        </div>
                        <div class="group-visit-create-actions">
                            <p>{{ __('ui.group_visit_members_invited_help') }}</p>
                            <button class="button button-primary" type="submit">{{ __('ui.group_visit_create') }}</button>
                        </div>
                    </form>
                </div>
            @endif

            @if($errors->has('park_id') || $errors->has('starts_on') || $errors->has('ends_on') || $errors->has('title'))
                <div class="admin-error group-visits-error">{{ $errors->first() }}</div>
            @endif

            @if($groupVisits->isNotEmpty())
                <div class="group-visit-grid">
                    @foreach($groupVisits as $groupVisit)
                        @php
                            $visit = $groupVisit->visit;
                            $park = $visit?->park;
                            $parkTranslation = $park?->translations?->firstWhere('locale', app()->getLocale())
                                ?? $park?->translations?->firstWhere('locale', 'en');
                            $currentVisitMember = $visit?->members?->firstWhere('user_id', auth()->id());
                            $acceptedCount = $visit?->members?->where('invitation_status', 'accepted')->count() ?? 0;
                            $invitedCount = $visit?->members?->where('invitation_status', 'invited')->count() ?? 0;
                            $declinedCount = $visit?->members?->where('invitation_status', 'declined')->count() ?? 0;
                            $isPast = $visit?->ends_on?->isPast() && ! $visit?->ends_on?->isToday();
                        @endphp
                        <article class="group-visit-card {{ $isPast ? 'is-past' : '' }}">
                            <div class="group-visit-date">
                                <strong>{{ $visit?->starts_on?->format('d') }}</strong>
                                <span>{{ mb_strtoupper($visit?->starts_on?->locale(app()->getLocale())->translatedFormat('M') ?? '') }}</span>
                                <small>{{ $visit?->starts_on?->format('Y') }}</small>
                            </div>

                            <div class="group-visit-copy">
                                <span class="group-visit-status">
                                    {{ $isPast ? __('ui.group_visit_past') : __('ui.group_visit_planned') }}
                                </span>
                                <h3>{{ $visit?->title ?: ($parkTranslation?->name ?: $park?->official_name) }}</h3>
                                <a href="{{ route('parks.show', $park->slug) }}">{{ $parkTranslation?->name ?: $park?->official_name }}</a>
                                @if($visit?->ends_on && !$visit->ends_on->equalTo($visit->starts_on))
                                    <small>{{ __('ui.group_visit_date_range', ['start' => $visit->starts_on->format('d/m/Y'), 'end' => $visit->ends_on->format('d/m/Y')]) }}</small>
                                @else
                                    <small>{{ $visit?->starts_on?->format('d/m/Y') }}</small>
                                @endif
                            </div>

                            <div class="group-visit-participants">
                                <div><strong>{{ $acceptedCount }}</strong><span>{{ __('ui.group_visit_going') }}</span></div>
                                <div><strong>{{ $invitedCount }}</strong><span>{{ __('ui.group_visit_waiting') }}</span></div>
                                <div><strong>{{ $declinedCount }}</strong><span>{{ __('ui.group_visit_not_going') }}</span></div>
                            </div>

                            <div class="group-visit-actions">
                                @if(!$isPast && $visit?->status === 'planned')
                                    @if($currentVisitMember?->invitation_status === 'accepted')
                                        <span class="friends-state is-friends">✓ {{ __('ui.group_visit_you_are_going') }}</span>
                                    @else
                                        <form method="post" action="{{ route('groups.visits.respond', [$group, $visit]) }}">
                                            @csrf
                                            <input type="hidden" name="decision" value="accept">
                                            <button class="button button-primary" type="submit">{{ __('ui.group_visit_join') }}</button>
                                        </form>
                                    @endif

                                    @if($currentVisitMember?->invitation_status !== 'declined')
                                        <form method="post" action="{{ route('groups.visits.respond', [$group, $visit]) }}">
                                            @csrf
                                            <input type="hidden" name="decision" value="decline">
                                            <button class="button button-ghost" type="submit">{{ __('ui.group_visit_decline') }}</button>
                                        </form>
                                    @else
                                        <span class="friends-state">{{ __('ui.group_visit_you_declined') }}</span>
                                    @endif

                                    @if($canManage)
                                        <form method="post" action="{{ route('groups.visits.cancel', [$group, $visit]) }}" data-admin-confirm="{{ __('ui.group_visit_cancel_confirm') }}">
                                            @csrf
                                            @method('DELETE')
                                            <button class="button button-ghost" type="submit">{{ __('ui.group_visit_cancel') }}</button>
                                        </form>
                                    @endif
                                @endif

                                <a class="button button-primary" href="{{ route('groups.visits.show', [$group, $visit]) }}">{{ __('ui.group_visit_view_details') }}</a>
                                <a class="button button-ghost" href="{{ route('parks.map', $park->slug) }}">{{ __('ui.group_visit_open_map') }}</a>
                            </div>
                        </article>
                    @endforeach
                </div>
            @else
                <div class="groups-mini-empty group-visits-empty">{{ __('ui.group_visits_empty') }}</div>
            @endif
        </section>


        <section class="group-polls-section" id="group-polls">
            <div class="section-heading split-heading group-polls-heading">
                <div>
                    <span class="eyebrow">{{ __('ui.group_polls_kicker') }}</span>
                    <h2>{{ __('ui.group_polls_title') }}</h2>
                    <p>{{ __('ui.group_polls_intro') }}</p>
                </div>
                <div class="group-polls-heading-actions">
                    <span class="group-polls-count">{{ trans_choice('ui.group_polls_count', $groupPolls->count(), ['count' => $groupPolls->count()]) }}</span>
                    @if($canManage)
                        <button type="button" class="button button-primary" data-group-poll-toggle>{{ __('ui.group_polls_create_button') }}</button>
                    @endif
                </div>
            </div>

            @if($canManage)
                <div class="group-poll-create" data-group-poll-create @if(!($errors->has('question') || $errors->has('options') || $errors->has('closes_at') || $errors->has('description'))) hidden @endif>
                    <form method="post" action="{{ route('groups.polls.store', $group) }}">
                        @csrf
                        <div class="group-poll-create-grid">
                            <label class="group-poll-question-field">
                                <span>{{ __('ui.group_polls_question') }}</span>
                                <input type="text" name="question" maxlength="180" required value="{{ old('question') }}" placeholder="{{ __('ui.group_polls_question_placeholder') }}">
                            </label>

                            <label class="group-poll-description-field">
                                <span>{{ __('ui.group_polls_description') }}</span>
                                <textarea name="description" maxlength="800" rows="2" placeholder="{{ __('ui.group_polls_description_placeholder') }}">{{ old('description') }}</textarea>
                            </label>

                            <fieldset class="group-poll-options-field">
                                <legend>{{ __('ui.group_polls_options') }}</legend>
                                <div class="group-poll-option-inputs">
                                    @for($optionIndex = 0; $optionIndex < 8; $optionIndex++)
                                        <input
                                            type="text"
                                            name="options[]"
                                            maxlength="120"
                                            @if($optionIndex < 2) required @endif
                                            value="{{ old('options.'.$optionIndex) }}"
                                            placeholder="{{ __('ui.group_polls_option_placeholder', ['number' => $optionIndex + 1]) }}"
                                        >
                                    @endfor
                                </div>
                            </fieldset>

                            <label class="group-poll-deadline-field">
                                <span>{{ __('ui.group_polls_deadline') }}</span>
                                <input type="datetime-local" name="closes_at" value="{{ old('closes_at') }}">
                                <small>{{ __('ui.group_polls_deadline_help') }}</small>
                            </label>

                            <label class="group-poll-multiple-field">
                                <input type="checkbox" name="allow_multiple" value="1" @checked(old('allow_multiple'))>
                                <span>{{ __('ui.group_polls_allow_multiple') }}</span>
                            </label>
                        </div>

                        <div class="group-poll-create-actions">
                            <p>{{ __('ui.group_polls_create_help') }}</p>
                            <button class="button button-primary" type="submit">{{ __('ui.group_polls_create') }}</button>
                        </div>
                    </form>
                </div>
            @endif

            @if($errors->has('question') || $errors->has('options') || $errors->has('closes_at'))
                <div class="admin-error group-polls-error">
                    {{ $errors->first('question') ?: ($errors->first('options') ?: $errors->first('closes_at')) }}
                </div>
            @endif

            @if($groupPolls->isNotEmpty())
                <div class="group-poll-list">
                    @foreach($groupPolls as $poll)
                        @php
                            $pollOpen = $poll->isOpen();
                            $myPollVoteIds = $poll->votes->where('user_id', auth()->id())->pluck('option_id')->map(fn ($id) => (int) $id);
                            $pollVoterCount = $poll->votes->pluck('user_id')->unique()->count();
                            $pollVoteCount = $poll->votes->count();
                            $pollMaxVotes = $poll->options->map(fn ($option) => $option->votes->count())->max() ?? 0;
                        @endphp

                        <article class="group-poll-card {{ $pollOpen ? 'is-open' : 'is-closed' }}">
                            <header class="group-poll-card-head">
                                <div class="group-poll-card-copy">
                                    <div class="group-poll-status-row">
                                        <span class="group-poll-status {{ $pollOpen ? 'is-open' : 'is-closed' }}">
                                            {{ $pollOpen ? __('ui.group_polls_open') : __('ui.group_polls_closed_state') }}
                                        </span>
                                        <span>{{ $poll->allow_multiple ? __('ui.group_polls_multiple_allowed') : __('ui.group_polls_single_choice') }}</span>
                                    </div>
                                    <h3>{{ $poll->question }}</h3>
                                    @if($poll->description)
                                        <p>{{ $poll->description }}</p>
                                    @endif
                                    <div class="group-poll-meta">
                                        <span>{{ trans_choice('ui.group_polls_voters_count', $pollVoterCount, ['count' => $pollVoterCount]) }}</span>
                                        <span>{{ trans_choice('ui.group_polls_votes_count', $pollVoteCount, ['count' => $pollVoteCount]) }}</span>
                                        <span>
                                            {{ $poll->closes_at
                                                ? __('ui.group_polls_closes_at', ['date' => $poll->closes_at->format('d/m/Y H:i')])
                                                : __('ui.group_polls_no_deadline') }}
                                        </span>
                                    </div>
                                </div>

                                @if($canManage && $pollOpen)
                                    <form method="post" action="{{ route('groups.polls.close', [$group, $poll]) }}" data-admin-confirm="{{ __('ui.group_polls_close_confirm') }}">
                                        @csrf
                                        <button class="button button-ghost" type="submit">{{ __('ui.group_polls_close') }}</button>
                                    </form>
                                @endif
                            </header>

                            <form method="post" action="{{ route('groups.polls.vote', [$group, $poll]) }}" class="group-poll-vote-form">
                                @csrf
                                <div class="group-poll-options">
                                    @foreach($poll->options as $option)
                                        @php
                                            $optionVotes = $option->votes->count();
                                            $optionPercent = $pollVoterCount > 0 ? min(100, (int) round(($optionVotes / $pollVoterCount) * 100)) : 0;
                                            $optionSelected = $myPollVoteIds->contains((int) $option->id);
                                            $optionLeading = !$pollOpen && $pollMaxVotes > 0 && $optionVotes === $pollMaxVotes;
                                        @endphp
                                        <label class="group-poll-option {{ $optionSelected ? 'is-selected' : '' }} {{ $optionLeading ? 'is-leading' : '' }}">
                                            <div class="group-poll-option-main">
                                                @if($pollOpen)
                                                    @if($poll->allow_multiple)
                                                        <input type="checkbox" name="option_ids[]" value="{{ $option->id }}" @checked($optionSelected)>
                                                    @else
                                                        <input type="radio" name="option_id" value="{{ $option->id }}" @checked($optionSelected) required>
                                                    @endif
                                                @else
                                                    <span class="group-poll-option-marker">{{ $optionSelected ? '✓' : '' }}</span>
                                                @endif
                                                <strong>{{ $option->label }}</strong>
                                                <span>{{ trans_choice('ui.group_polls_votes_count', $optionVotes, ['count' => $optionVotes]) }}</span>
                                            </div>
                                            <div class="group-poll-result-track" aria-hidden="true">
                                                <span style="width: {{ $optionPercent }}%"></span>
                                            </div>
                                            <small>{{ $optionPercent }}%</small>
                                        </label>
                                    @endforeach
                                </div>

                                @if($pollOpen)
                                    <div class="group-poll-vote-actions">
                                        @if($myPollVoteIds->isNotEmpty())
                                            <span class="friends-state is-friends">✓ {{ __('ui.group_polls_your_vote') }}</span>
                                        @endif
                                        <button class="button button-primary" type="submit">
                                            {{ $myPollVoteIds->isNotEmpty() ? __('ui.group_polls_update_vote') : __('ui.group_polls_vote') }}
                                        </button>
                                    </div>
                                @endif
                            </form>
                        </article>
                    @endforeach
                </div>
            @else
                <div class="groups-mini-empty group-polls-empty">
                    <strong>{{ __('ui.group_polls_empty_title') }}</strong>
                    <span>{{ __('ui.group_polls_empty') }}</span>
                </div>
            @endif
        </section>

        <div class="group-detail-layout">
            <div>
                <div class="section-heading">
                    <span class="eyebrow">{{ __('ui.groups_members_kicker') }}</span>
                    <h2>{{ __('ui.groups_members_title') }}</h2>
                </div>
                <div class="group-member-list">
                    @foreach($group->members->where('status', 'active') as $membership)
                        @php $member = $membership->user; @endphp
                        <article class="group-member-row">
                            <div class="friends-user-avatar">{{ mb_strtoupper(mb_substr($member?->username ?: $member?->name ?: '?', 0, 1)) }}</div>
                            <div>
                                <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-member-actions">
                                @if($member?->username && in_array($member->socialSettings?->activity_visibility ?? null, ['friends','public'], true))
                                    <a class="button button-ghost" href="{{ route('profiles.public', $member->username) }}">{{ __('ui.friends_view_profile') }}</a>
                                @endif
                                @if($canManage && $group->owner_user_id !== $member?->id)
                                    <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>
            </div>

            <aside>
                @if($canManage)
                    <div class="group-invite-panel">
                        <span class="eyebrow">{{ __('ui.groups_invite_friend_kicker') }}</span>
                        <h2>{{ __('ui.groups_invite_friend_title') }}</h2>
                        <p>{{ __('ui.groups_invite_friend_intro') }}</p>
                        @if($friends->isNotEmpty())
                            <form method="post" action="{{ route('groups.invite', $group) }}" class="group-invite-select-form">
                                @csrf
                                <label>
                                    <span>{{ __('ui.groups_invite_select_label') }}</span>
                                    <select name="user_id" required>
                                        <option value="">{{ __('ui.groups_invite_select_placeholder') }}</option>
                                        @foreach($friends as $friend)
                                            <option value="{{ $friend->id }}">
                                                {{ $friend->username ? '@'.$friend->username : $friend->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </label>
                                <button class="button button-primary" type="submit">{{ __('ui.groups_invite_button') }}</button>
                            </form>
                            <small class="group-invite-select-help">{{ __('ui.groups_invite_select_help') }}</small>
                        @else
                            <div class="groups-mini-empty">{{ __('ui.groups_no_friends_to_invite') }}</div>
                        @endif
                    </div>

                    @if($group->members->where('status', 'invited')->isNotEmpty())
                        <div class="group-invite-panel">
                            <span class="eyebrow">{{ __('ui.groups_pending_kicker') }}</span>
                            <h2>{{ __('ui.groups_pending_title') }}</h2>
                            <div class="group-pending-list">
                                @foreach($group->members->where('status', 'invited') as $membership)
                                    <div><strong>{{ $membership->user?->username ? '@'.$membership->user->username : $membership->user?->name }}</strong><span>{{ __('ui.groups_pending_status') }}</span></div>
                                @endforeach
                            </div>
                        </div>
                    @endif
                @endif
            </aside>
        </div>
    </div>
</section>
@endsection