@extends('layouts.app')
@section('title', __('ui.community_photo_my').' — Coaster World')
@section('content')
<section class="community-photo-hero">
    <div class="container community-photo-hero-grid">
        <div>
            <span class="eyebrow">{{ __('ui.community_photo_kicker') }}</span>
            <h1>{{ __('ui.community_photo_my') }}</h1>
            <p>{{ __('ui.community_photo_my_intro') }}</p>
        </div>
        <div class="community-photo-hero-actions">
            <a class="button button-ghost" href="{{ route('community.photos.index') }}">{{ __('ui.community_gallery_title') }}</a>
            <a class="button button-ghost" href="{{ route('contributions.mine') }}">{{ __('ui.contribution_my') }}</a>
            <a class="button button-primary" href="{{ route('explore') }}">{{ __('ui.nav_explore') }}</a>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        @if(session('community_photo_status'))
            <div class="community-photo-flash is-success">
                {{ session('community_photo_status') === 'deleted' ? __('ui.community_photo_deleted') : __('ui.community_photo_submitted') }}
            </div>
        @endif

        @if($cards->isEmpty())
            <div class="community-photo-empty">
                <span>📷</span>
                <div><strong>{{ __('ui.community_photo_empty_title') }}</strong><p>{{ __('ui.community_photo_empty_text') }}</p></div>
            </div>
        @else
            <div class="community-photo-grid">
                @foreach($cards as $card)
                    @php($asset = $card['asset'])
                    <article class="community-photo-card is-{{ $asset->status }}">
                        <div class="community-photo-preview">
                            @if($card['url'])
                                <img src="{{ $card['url'] }}" alt="{{ $card['caption'] ?: $card['entity_name'] }}" loading="lazy" decoding="async">
                            @else
                                <div class="community-photo-preview-missing">📷</div>
                            @endif
                            <span class="community-photo-status is-{{ $asset->status }}">{{ __('ui.community_photo_status_'.$asset->status) }}</span>
                        </div>
                        <div class="community-photo-card-body">
                            <div class="community-photo-card-head">
                                <div>
                                    <small>{{ $asset->created_at?->format('d/m/Y H:i') }}</small>
                                    @if($card['entity_url'])
                                        <a href="{{ $card['entity_url'] }}"><strong>{{ $card['entity_name'] }}</strong></a>
                                    @else
                                        <strong>{{ $card['entity_name'] }}</strong>
                                    @endif
                                </div>
                            </div>
                            @if($card['caption'])<p>{{ $card['caption'] }}</p>@endif
                            @if($card['reason'] && in_array($asset->status, ['rejected','hidden'], true))
                                <div class="community-photo-reason"><strong>{{ __('ui.community_photo_reason') }}</strong><span>{{ $card['reason'] }}</span></div>
                            @endif
                            @if($asset->status === 'ready' && $asset->published_at)
                                <a class="button button-ghost" href="{{ route('community.photos.show', $asset) }}">{{ __('ui.community_photo_open') }}</a>
                            @endif
                            <form method="post" action="{{ route('community.photos.destroy', $asset) }}" onsubmit="return confirm('{{ __('ui.community_photo_delete_confirm') }}')">
                                @csrf
                                @method('DELETE')
                                <button class="button button-ghost" type="submit">{{ __('ui.community_photo_delete') }}</button>
                            </form>
                        </div>
                    </article>
                @endforeach
            </div>
            <div class="pagination-wrap">{{ $photos->links() }}</div>
        @endif
    </div>
</section>
@endsection