@extends('layouts.app')
@section('title', __('ui.friends_title').' — Coaster World')

@section('content')
<section class="friends-hero">
    <div class="container friends-hero-grid">
        <div>
            <span class="eyebrow">{{ __('ui.friends_kicker') }}</span>
            <h1>{{ __('ui.friends_title') }}</h1>
            <p>{{ __('ui.friends_intro') }}</p>
        </div>
        <div class="friends-hero-stats">
            <div><strong>{{ $friends->count() }}</strong><span>{{ __('ui.friends_count') }}</span></div>
            <div><strong>{{ $incoming->count() }}</strong><span>{{ __('ui.friends_pending') }}</span></div>
            <div><strong>{{ $blocked->count() }}</strong><span>{{ __('ui.social_blocked_count') }}</span></div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        @if(session('friend_status'))
            <div class="admin-success">{{ session('friend_status') }}</div>
        @endif
        @if(session('friend_error'))
            <div class="admin-error">{{ session('friend_error') }}</div>
        @endif

        <div class="friends-search-panel">
            <div>
                <span class="eyebrow">{{ __('ui.friends_find_kicker') }}</span>
                <h2>{{ __('ui.friends_find_title') }}</h2>
                <p>{{ __('ui.friends_find_intro') }}</p>
            </div>
            <form method="get" action="{{ route('friends.index') }}" class="friends-search-form">
                <label class="sr-only" for="friends-q">{{ __('ui.friends_search_label') }}</label>
                <input id="friends-q" name="q" value="{{ $search }}" type="search" minlength="2" maxlength="80" placeholder="{{ __('ui.friends_search_placeholder') }}">
                <button class="button button-primary" type="submit">{{ __('ui.friends_search_button') }}</button>
            </form>
        </div>

        @if($search !== '')
            <div class="friends-search-results">
                <div class="section-heading">
                    <span class="eyebrow">{{ __('ui.friends_results_kicker') }}</span>
                    <h2>{{ __('ui.friends_results_title', ['query' => $search]) }}</h2>
                </div>

                @if($results->isNotEmpty())
                    <div class="friends-user-grid">
                        @foreach($results as $candidate)
                            @php
                                $countryTranslation = $candidate->country?->translations?->firstWhere('locale', app()->getLocale())
                                    ?? $candidate->country?->translations?->firstWhere('locale', 'en');
                                $countryName = $countryTranslation?->name ?: $candidate->country?->official_name;
                                $profileVisible = $candidate->socialSettings?->activity_visibility === 'public'
                                    || $candidate->friend_state === 'friends';
                            @endphp
                            <article class="friends-user-card">
                                <div class="friends-user-avatar">{{ mb_strtoupper(mb_substr($candidate->username ?: $candidate->name, 0, 1)) }}</div>
                                <div class="friends-user-copy">
                                    <strong>{{ $candidate->username ? '@'.$candidate->username : $candidate->name }}</strong>
                                    @if($countryName)<span><x-country-label :code="$candidate->country?->iso2" :name="$countryName" size="small" /></span>@endif
                                </div>
                                <div class="friends-user-actions">
                                    @if($profileVisible && $candidate->username)
                                        <a class="button button-ghost" href="{{ route('profiles.public', $candidate->username) }}">{{ __('ui.friends_view_profile') }}</a>
                                    @endif

                                    @switch($candidate->friend_state)
                                        @case('friends')
                                            <span class="friends-state is-friends">✓ {{ __('ui.friends_state_friends') }}</span>
                                            @break
                                        @case('incoming')
                                            <form method="post" action="{{ route('friends.respond', $candidate->friend_request) }}">
                                                @csrf
                                                <input type="hidden" name="decision" value="accept">
                                                <button class="button button-primary" type="submit">{{ __('ui.friends_accept') }}</button>
                                            </form>
                                            @break
                                        @case('outgoing')
                                            <span class="friends-state">{{ __('ui.friends_state_sent') }}</span>
                                            @break
                                        @case('closed')
                                            <span class="friends-state is-muted">{{ __('ui.friends_state_closed') }}</span>
                                            @break
                                        @default
                                            <form method="post" action="{{ route('friends.send', $candidate->id) }}">
                                                @csrf
                                                <button class="button button-primary" type="submit">{{ __('ui.friends_add') }}</button>
                                            </form>
                                    @endswitch
                                </div>
                            </article>
                        @endforeach
                    </div>
                @else
                    <div class="friends-empty">
                        <strong>{{ __('ui.friends_no_results_title') }}</strong>
                        <p>{{ __('ui.friends_no_results_text') }}</p>
                    </div>
                @endif
            </div>
        @endif
    </div>
</section>

@if($incoming->isNotEmpty() || $outgoing->isNotEmpty())
<section class="section section-soft">
    <div class="container friends-requests-grid">
        <article class="friends-request-panel">
            <div class="section-heading">
                <span class="eyebrow">{{ __('ui.friends_received_kicker') }}</span>
                <h2>{{ __('ui.friends_received_title') }}</h2>
            </div>

            @if($incoming->isNotEmpty())
                <div class="friends-request-list">
                    @foreach($incoming as $request)
                        @php
                            $sender = $request->sender;
                            $countryTranslation = $sender?->country?->translations?->firstWhere('locale', app()->getLocale())
                                ?? $sender?->country?->translations?->firstWhere('locale', 'en');
                        @endphp
                        <div class="friends-request-row">
                            <div>
                                <strong>{{ $sender->username ? '@'.$sender->username : $sender->name }}</strong>
                                <span>@if($countryTranslation?->name || $sender?->country?->official_name)<x-country-label :code="$sender?->country?->iso2" :name="$countryTranslation?->name ?: $sender?->country?->official_name" size="small" />@else{{ __('ui.friends_explorer') }}@endif</span>
                            </div>
                            <div class="friends-request-actions">
                                <form method="post" action="{{ route('friends.respond', $request) }}">
                                    @csrf
                                    <input type="hidden" name="decision" value="accept">
                                    <button class="button button-primary" type="submit">{{ __('ui.friends_accept') }}</button>
                                </form>
                                <form method="post" action="{{ route('friends.respond', $request) }}">
                                    @csrf
                                    <input type="hidden" name="decision" value="decline">
                                    <button class="button button-ghost" type="submit">{{ __('ui.friends_decline') }}</button>
                                </form>
                            </div>
                        </div>
                    @endforeach
                </div>
            @else
                <p class="friends-panel-empty">{{ __('ui.friends_received_empty') }}</p>
            @endif
        </article>

        <article class="friends-request-panel">
            <div class="section-heading">
                <span class="eyebrow">{{ __('ui.friends_sent_kicker') }}</span>
                <h2>{{ __('ui.friends_sent_title') }}</h2>
            </div>

            @if($outgoing->isNotEmpty())
                <div class="friends-request-list">
                    @foreach($outgoing as $request)
                        <div class="friends-request-row">
                            <div>
                                <strong>{{ $request->receiver?->username ? '@'.$request->receiver->username : $request->receiver?->name }}</strong>
                                <span>{{ __('ui.friends_state_sent') }}</span>
                            </div>
                            <form method="post" action="{{ route('friends.cancel', $request) }}">
                                @csrf
                                @method('DELETE')
                                <button class="button button-ghost" type="submit">{{ __('ui.friends_cancel') }}</button>
                            </form>
                        </div>
                    @endforeach
                </div>
            @else
                <p class="friends-panel-empty">{{ __('ui.friends_sent_empty') }}</p>
            @endif
        </article>
    </div>
</section>
@endif

<section class="section">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.friends_list_kicker') }}</span>
            <h2>{{ __('ui.friends_list_title') }}</h2>
            <p>{{ __('ui.friends_list_intro') }}</p>
        </div>

        @if($friends->isNotEmpty())
            <div class="friends-user-grid">
                @foreach($friends as $friend)
                    @php
                        $countryTranslation = $friend->country?->translations?->firstWhere('locale', app()->getLocale())
                            ?? $friend->country?->translations?->firstWhere('locale', 'en');
                    @endphp
                    <article class="friends-user-card">
                        <div class="friends-user-avatar">{{ mb_strtoupper(mb_substr($friend->username ?: $friend->name, 0, 1)) }}</div>
                        <div class="friends-user-copy">
                            <strong>{{ $friend->username ? '@'.$friend->username : $friend->name }}</strong>
                            @if($countryTranslation?->name || $friend->country?->official_name)
                                <span><x-country-label :code="$friend->country?->iso2" :name="$countryTranslation?->name ?: $friend->country?->official_name" size="small" /></span>
                            @endif
                        </div>
                        <div class="friends-user-actions">
                            @if($friend->username && in_array($friend->socialSettings?->activity_visibility, ['friends', 'public'], true))
                                <a class="button button-ghost" href="{{ route('profiles.public', $friend->username) }}">{{ __('ui.friends_view_profile') }}</a>
                            @endif
                            <form method="post" action="{{ route('friends.remove', $friend->id) }}" data-admin-confirm="{{ __('ui.friends_remove_confirm') }}">
                                @csrf
                                @method('DELETE')
                                <button class="button button-ghost" type="submit">{{ __('ui.friends_remove') }}</button>
                            </form>
                        </div>
                    </article>
                @endforeach
            </div>
        @else
            <div class="friends-empty">
                <strong>{{ __('ui.friends_empty_title') }}</strong>
                <p>{{ __('ui.friends_empty_text') }}</p>
            </div>
        @endif
    </div>
</section>

@if($blocked->isNotEmpty())
<section class="section section-soft social-blocked-section">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.social_blocked_kicker') }}</span>
            <h2>{{ __('ui.social_blocked_title') }}</h2>
            <p>{{ __('ui.social_blocked_intro') }}</p>
        </div>
        <div class="friends-user-grid">
            @foreach($blocked as $block)
                @php
                    $blockedUser = $block->blocked;
                @endphp
                @if($blockedUser)
                    <article class="friends-user-card social-blocked-card">
                        <div class="friends-user-avatar">{{ mb_strtoupper(mb_substr($blockedUser->username ?: $blockedUser->name, 0, 1)) }}</div>
                        <div class="friends-user-copy">
                            <strong>{{ $blockedUser->username ? '@'.$blockedUser->username : $blockedUser->name }}</strong>
                            <span>{{ __('ui.social_blocked_since', ['date' => $block->created_at?->format('d/m/Y')]) }}</span>
                        </div>
                        <div class="friends-user-actions">
                            <form method="post" action="{{ route('social.blocks.destroy', $blockedUser) }}">
                                @csrf
                                @method('DELETE')
                                <button class="button button-ghost" type="submit">{{ __('ui.social_unblock_button') }}</button>
                            </form>
                        </div>
                    </article>
                @endif
            @endforeach
        </div>
    </div>
</section>
@endif
@endsection