@extends('layouts.legacy')

@section('content')
<div class="container-fluid legacy-page">
    <div class="effect2 page-header-wrap">
        <header class="page-heading">
            <h1 class="page-header">Gallery: {{ $user->uname ?? $user->name ?? 'User' }}</h1>
            <p>{{ $user->real_name ?? '' }}</p>
        </header>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="panel panel-default effect2">
                <div class="panel-heading"><strong>User Gallery</strong></div>
                <div class="panel-body">
                    <div class="gallery-grid">
                        @foreach($artworks as $art)
                            <div class="thumb-card effect2">
                                <a href="/art/{{ $art->id }}/{{ Str::slug($art->name ?? '') }}" class="thumb-link">
                                    <img src="{{ $art->thumb }}" srcset="{{ $art->thumb_srcset }}" alt="{{ $art->name }}" class="img-responsive" loading="lazy" decoding="async">
                                </a>
                                <div class="thumb-meta">
                                    <div class="thumb-title">{{ $art->name }}</div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="panel panel-default effect2">
                <div class="panel-heading"><strong>User</strong></div>
                <div class="panel-body">
                    <img src="/avatar/{{ (int)($user->user_id ?? $user->id) }}/{{ rawurlencode($user->icon ?? '') }}" class="img-responsive" style="max-width:120px;" alt="{{ $user->uname ?? $user->name }}">
                    <h3>{{ $user->uname ?? $user->name }}</h3>
                    <p>{{ $user->about_me ?? '' }}</p>
                </div>
            </div>
        </div>
    </div>

    {{-- Simple pagination controls like legacy site --}}
    @php
        $pages = (int) ceil($total / $hits);
    @endphp
    @if($pages > 1)
        <nav>
            <ul class="pagination">
                @for($i=1;$i<=$pages;$i++)
                    <li class="{{ $i == $page ? 'active' : '' }}"><a href="{{ url('/gallery/'.$user->id.'?page='.$i) }}">{{ $i }}</a></li>
                @endfor
            </ul>
        </nav>
    @endif

</div>
@endsection