@extends('layouts.app')

@section('title', 'Profile')

@section('content')
<div class="container mx-auto px-4 py-8">
    <div class="flex flex-col md:flex-row gap-8">
        <div class="md:w-1/3">
            <div class="bg-gray-800 rounded-lg p-6">
                <h2 class="text-2xl font-bold mb-4">Profile</h2>
                <p><strong>Name:</strong> {{ $user->name }}</p>
                <p><strong>Email:</strong> {{ $user->email }}</p>
                <p><strong>Joined:</strong> {{ $user->created_at->format('M d, Y') }}</p>
            </div>
        </div>
        <div class="md:w-2/3">
            <div class="bg-gray-800 rounded-lg p-6 mb-6">
                <h2 class="text-2xl font-bold mb-4">Watchlist</h2>
                <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
                    @foreach($watchlist as $item)
                        <a href="{{ route('content.show', $item->content->slug) }}">
                            <img src="{{ Storage::url($item->content->poster) }}" class="rounded-lg w-full">
                            <p class="mt-1 text-sm">{{ $item->content->title }}</p>
                        </a>
                    @endforeach
                </div>
            </div>
            <div class="bg-gray-800 rounded-lg p-6">
                <h2 class="text-2xl font-bold mb-4">Continue Watching</h2>
                <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
                    @foreach($history as $item)
                        @if($item->episode)
                            <a href="{{ route('watch', ['content' => $item->episode->season->content->slug, 'episode' => $item->episode->id]) }}">
                                <div class="relative">
                                    <img src="{{ Storage::url($item->episode->thumbnail) }}" class="rounded-lg w-full">
                                    <div class="absolute bottom-0 left-0 right-0 bg-black/70 text-xs p-1 text-center">
                                        {{ floor($item->last_watched_time / 60) }}:{{ sprintf('%02d', $item->last_watched_time % 60) }}
                                    </div>
                                </div>
                                <p class="mt-1 text-sm">{{ $item->episode->season->content->title }} - Ep {{ $item->episode->episode_number }}</p>
                            </a>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>
@endsection