@extends('layouts.app')

@section('title', 'Sammlung von ' . $user->name . ' - NeoNail DB')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h1 class="h3 mb-0">
                <i class="fas fa-palette me-2"></i>Sammlung von {{ $user->name }}
            </h1>
            <a href="{{ route('admin.users.index') }}" class="btn btn-outline-primary">
                <i class="fas fa-arrow-left me-2"></i>Zurück zur Benutzerliste
            </a>
        </div>

        <!-- Benutzer-Info -->
        <div class="card mb-4">
            <div class="card-body">
                <div class="row align-items-center">
                    <div class="col-md-8">
                        <div class="d-flex align-items-center">
                            <i class="fas fa-user-circle fa-3x text-primary me-3"></i>
                            <div>
                                <h4 class="mb-1">{{ $user->name }}</h4>
                                <p class="text-muted mb-0">{{ $user->email }}</p>
                                <small class="text-muted">Registriert am {{ $user->created_at->format('d.m.Y') }}</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 text-end">
                        <div class="h2 text-primary mb-0">{{ $nailPolishes->count() }}</div>
                        <p class="text-muted mb-0">Nagellacke in der Sammlung</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Sammlung -->
        @if($nailPolishes->count() > 0)
            <div class="row">
                @foreach($nailPolishes as $nailPolish)
                    <div class="col-6 col-md-4 col-lg-3 mb-4">
                        <div class="card nail-polish-card h-100">
                            @if($nailPolish->image_path)
                                <img src="{{ Storage::url($nailPolish->image_path) }}" 
                                     class="nail-polish-image" alt="{{ $nailPolish->name }}">
                            @else
                                <div class="nail-polish-image d-flex align-items-center justify-content-center bg-light">
                                    <i class="fas fa-image fa-3x text-muted"></i>
                                </div>
                            @endif
                            <div class="card-body">
                                <h6 class="card-title fw-bold">{{ $nailPolish->name }}</h6>
                                <p class="card-text text-muted small">Nr. {{ $nailPolish->number }}</p>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        @else
            <div class="text-center py-5">
                <i class="fas fa-palette fa-4x text-muted mb-3"></i>
                <h4 class="text-muted">Keine Nagellacke in der Sammlung</h4>
                <p class="text-muted">{{ $user->name }} hat noch keine NeoNail-Lacke hinzugefügt.</p>
            </div>
        @endif
    </div>
</div>
@endsection