@extends('layouts.app')
@section('title', ($caption ?: $entityName).' — '. __('ui.community_gallery_title').' — Coaster World')
@section('content')
<section class="community-photo-detail-hero">
    <div class="container">
        <a class="community-gallery-back" href="{{ route('community.photos.entity', [$type, $entity->getKey()]) }}">← {{ __('ui.community_photo_back_gallery') }}</a>
        <span class="eyebrow">{{ __('ui.community_photo_detail_kicker') }}</span>
        <h1>{{ $entityName }}</h1>
    </div>
</section>

<section class="section">
    <div class="container community-photo-detail-layout">
        <div class="community-photo-detail-main">
            <figure class="community-photo-detail-figure">
                @if($url)
                    <img src="{{ $url }}" alt="{{ $caption ?: $entityName }}" decoding="async" fetchpriority="high">
                @endif
                @if($caption)
                    <figcaption>{{ $caption }}</figcaption>
                @endif
            </figure>
            <div class="community-photo-detail-actions">
                <a class="button button-ghost" href="{{ $entityUrl }}">{{ __('ui.community_photo_open_entity') }}</a>
                @auth
                    @if($interactionsReady && (int) $asset->owner_user_id !== (int) auth()->id())
                        <form method="post" action="{{ route('community.photos.helpful', $asset) }}">
                            @csrf
                            <button class="button {{ $viewerHelpful ? 'button-primary' : 'button-ghost' }}" type="submit">👍 {{ __('ui.community_helpful') }} · {{ $helpfulCount }}</button>
                        </form>
                    @else
                        <span class="community-photo-stat">👍 {{ $helpfulCount }} {{ __('ui.community_photo_helpful_count') }}</span>
                    @endif
                @else
                    <span class="community-photo-stat">👍 {{ $helpfulCount }} {{ __('ui.community_photo_helpful_count') }}</span>
                @endauth
            </div>
        </div>

        <aside class="community-photo-detail-aside">
            <div class="community-photo-author-card">
                <span>{{ __('ui.community_photo_author') }}</span>
                @if($asset->owner)
                    @if($authorProfileVisible)
                        <a href="{{ route('profiles.public', $asset->owner) }}">
                            <strong>{{ $asset->owner->username ? '@'.$asset->owner->username : $asset->owner->name }}</strong>
                        </a>
                    @else
                        <strong>{{ $asset->credit?->author_name ?: __('ui.community_photo_explorer') }}</strong>
                    @endif
                @else
                    <strong>{{ $asset->credit?->author_name ?: __('ui.community_photo_explorer') }}</strong>
                @endif

                @if($authorExpertise)
                    <div class="community-photo-expert-panel is-{{ $authorExpertise['tier'] ?? 'bronze' }}">
                        <b>📍 {{ __('ui.community_photo_local_expert') }}</b>
                        <small>{{ __('ui.community_photo_expert_score', ['score' => $authorExpertise['score']]) }}</small>
                    </div>
                @endif

                <dl>
                    @if($asset->captured_at)
                        <div><dt>{{ __('ui.community_photo_taken') }}</dt><dd>{{ $asset->captured_at->format('d/m/Y') }}</dd></div>
                    @endif
                    @if($asset->published_at)
                        <div><dt>{{ __('ui.community_photo_published') }}</dt><dd>{{ $asset->published_at->format('d/m/Y') }}</dd></div>
                    @endif
                    <div><dt>{{ __('ui.community_photo_target') }}</dt><dd><a href="{{ $entityUrl }}">{{ $entityName }}</a></dd></div>
                </dl>
            </div>

            @auth
                @if(!$asset->owner || (int) $asset->owner_user_id !== (int) auth()->id())
                    <details class="community-photo-report-card">
                        <summary>{{ __('ui.community_report') }}</summary>
                        <form method="post" action="{{ route('reports.community-photos.store', $asset) }}">
                            @csrf
                            <select name="reason_code" required>
                                @foreach(['spam','harassment','hate','inappropriate','impersonation','dangerous','privacy','other'] as $reason)
                                    <option value="{{ $reason }}">{{ __('ui.social_report_reason_'.$reason) }}</option>
                                @endforeach
                            </select>
                            <textarea name="details" maxlength="1500" rows="3" placeholder="{{ __('ui.social_report_details_placeholder') }}"></textarea>
                            <button class="button button-ghost" type="submit">{{ __('ui.community_report_send') }}</button>
                        </form>
                    </details>
                @endif
            @endauth
        </aside>
    </div>
</section>

<section class="section section-soft" id="photo-comments">
    <div class="container community-photo-comments-wrap">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.community_photo_discussion_kicker') }}</span>
            <h2>{{ __('ui.community_photo_discussion_title') }}</h2>
        </div>

        @if(session('community_photo_interaction_status'))
            <div class="admin-success">{{ __('ui.community_photo_interaction_'.session('community_photo_interaction_status')) }}</div>
        @endif
        @if(session('social_report_status'))
            <div class="admin-success">{{ session('social_report_status') }}</div>
        @endif

        @auth
            @if($interactionsReady)
                <form class="community-photo-comment-form" method="post" action="{{ route('community.photos.comments.store', $asset) }}">
                    @csrf
                    <textarea name="body" rows="3" maxlength="1500" required placeholder="{{ __('ui.community_photo_comment_placeholder') }}"></textarea>
                    <button class="button button-primary" type="submit">{{ __('ui.community_comment_send') }}</button>
                </form>
            @else
                <div class="community-photo-login-card"><p>{{ __('ui.community_photo_interactions_unavailable') }}</p></div>
            @endif
        @else
            <div class="community-photo-login-card">
                <p>{{ __('ui.community_photo_login_to_interact') }}</p>
                <a class="button button-primary" href="{{ route('login') }}">{{ __('ui.community_login') }}</a>
            </div>
        @endauth

        <div class="community-photo-comments-list">
            @forelse($asset->communityPhotoComments as $comment)
                <article class="community-photo-comment-card">
                    <div class="community-photo-comment-head">
                        <strong>
                            @if($comment->user?->username && (($comment->user->socialSettings?->activity_visibility === 'public') || auth()->id() === $comment->user_id))
                                <a href="{{ route('profiles.public', $comment->user) }}">{{ '@'.$comment->user->username }}</a>
                            @else
                                {{ $comment->user?->name ?: __('ui.community_photo_explorer') }}
                            @endif
                        </strong>
                        <time>{{ $comment->created_at?->diffForHumans() }}</time>
                    </div>
                    <p>{{ $comment->body }}</p>

                    @auth
                        <div class="community-photo-comment-actions">
                            @if((int) $comment->user_id === (int) auth()->id() || auth()->user()->is_admin)
                                <form method="post" action="{{ route('community.photos.comments.destroy', $comment) }}">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit">{{ __('ui.community_delete_comment') }}</button>
                                </form>
                            @else
                                <details>
                                    <summary>{{ __('ui.community_report') }}</summary>
                                    <form method="post" action="{{ route('reports.community-photo-comments.store', $comment) }}">
                                        @csrf
                                        <select name="reason_code" required>
                                            @foreach(['spam','harassment','hate','inappropriate','impersonation','dangerous','privacy','other'] as $reason)
                                                <option value="{{ $reason }}">{{ __('ui.social_report_reason_'.$reason) }}</option>
                                            @endforeach
                                        </select>
                                        <textarea name="details" maxlength="1500" rows="2"></textarea>
                                        <button class="button button-ghost" type="submit">{{ __('ui.community_report_send') }}</button>
                                    </form>
                                </details>
                            @endif
                        </div>
                    @endauth
                </article>
            @empty
                <div class="community-gallery-empty is-compact">
                    <span>💬</span>
                    <h3>{{ __('ui.community_photo_comments_empty_title') }}</h3>
                    <p>{{ __('ui.community_photo_comments_empty_text') }}</p>
                </div>
            @endforelse
        </div>
    </div>
</section>
@endsection