@extends('layouts.app')

@section('content')
    <div class="profile-page pattern{{ rand(1,6) }}">
        <div class="container">
            <div class="row">
                <div class="col-md-2 text-center">
                    <img src="{{ asset('/img/user_no_avatar.png') }}" alt="" class="user-avatar">
                </div>
                <div class="col-md-5">
                    <h1>{{ $user->name }}</h1><span class="register-date">Member since {{ $user->created_at->format('F Y') }}</span>
                    <br>
                    2 Followers  3 Following  average movie score  average tv series score
                </div>
                <div class="col-md-5">

                </div>
            </div>
        </div>
    </div>
    <div class="profile-page-menu">
        <div class="row justify-content-center">
            <div class="col-md-10">
                <div class="profile-nav">
                    <div class="menu-nav">
                        <ul class="list-inline">
                            <li class="float-start">
                                <a href="">
                                    Profile
                                </a>
                            </li>
                            <li class="float-start">
                                <a
                                    href="{{ route('profile.list.index', $user->slug) }}"
                                    class="{{ \App\Service\ToolService::isCurrentRoute(route('profile.list.index', $user->slug)) ? 'active' : '' }}"
                                >
                                    Lists
                                </a>
                            </li>
                            <li class="float-start">
                                <a
                                    href="{{ route('profile.list.show', [$user->slug, 'watched']) }}"
                                    class="{{ \App\Service\ToolService::isCurrentRoute(route('profile.list.show', [$user->slug, 'watched'])) ? 'active' : '' }}"
                                >
                                    History
                                </a>
                            </li>
                            <li class="float-start">
                                <a
                                    href="{{ route('profile.list.show', [$user->slug, 'watchlist']) }}"
                                    class="{{ \App\Service\ToolService::isCurrentRoute(route('profile.list.show', [$user->slug, 'watchlist'])) ? 'active' : '' }}"
                                >
                                    Watchlist
                                </a>
                            </li>
                            <li class="float-start">
                                <a
                                    href="{{ route('profile.list.show', [$user->slug, 'collection']) }}"
                                    class="{{ \App\Service\ToolService::isCurrentRoute(route('profile.list.show', [$user->slug, 'collection'])) ? 'active' : '' }}"
                                >
                                    Collection
                                </a>
                            </li>
                            <li class="float-start">
                                <a href="">
                                    Ratings
                                </a>
                            </li>
                            <li class="float-start">
                                <a href="">
                                    Reviews
                                </a>
                            </li>
                            <li class="float-start">
                                <a
                                    href="{{ route('profile.list.show', [$user->slug, 'liked']) }}"
                                    class="{{ \App\Service\ToolService::isCurrentRoute(route('profile.list.show', [$user->slug, 'liked'])) ? 'active' : '' }}"
                                >
                                    Likes
                                </a>
                            </li>
                            <li class="float-start">
                                <a href="">
                                    Network
                                </a>
                            </li>
                            <li class="float-start">
                                <a href="">
                                    Stats
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @yield('page_content')
@endsection