@extends("layouts.foruzone_layout")

@section("title", "ForUZONE")
@section("link-logo", "/")
@section("logo", asset("images/ForUZON.png"))
@section("name-logo", "ForUZONE")

@section("side-menu")
    <li class="nav-line" draggable="false"><a draggable="false" class="link-nondeco nav-link btn-menu logo-text" href="{{route('zooner')}}"><img class="image-menu image-smed" src="{{asset("images/Zooner.png")}}" alt="Logo Zooner"> <label for="" class="label-logos-links">{{_("Zooner")}}</label></a></li>
    <li class="nav-line" draggable="false"><a draggable="false" class="link-nondeco nav-link btn-menu logo-text" href="{{route('ordle')}}"><img class="image-menu image-smed" src="{{asset("images/Ordle.png")}}" alt="Logo Ordle"> <label for="" class="label-logos-links">{{_("Ordle")}}</label></a></li>
    <li class="nav-line" draggable="false"><a draggable="false" class="link-nondeco nav-link btn-menu logo-text" href="{{route('neophoto')}}"><img class="image-menu image-smed" src="{{asset("images/Neophoto.png")}}" alt="Logo Neophoto"> <label for="" class="label-logos-links">{{_("Neophoto")}}</label></a></li>
    <li class="nav-line" draggable="false"><a draggable="false" class="link-nondeco nav-link btn-menu logo-text" href="{{route('emotion')}}"><img class="image-menu image-smed" src="{{asset("images/Emotion.png")}}" alt="Logo Emotion"> <label for="" class="label-logos-links deactive">{{_("Emotion")}}</label></a></li>
@endsection

@section("content")
    <div class="block-profile-content">
        @if ($profile->banner_image)
            <img draggable="false" src="{{ asset('storage/' . $profile->banner_image) }}" alt="{{__('Imagem banner')}}" class="image-banner">
        @endif
        <div class="block-flex block-profile">
            <img draggable="false" src="{{ asset('storage/'.$profile->image) }}" alt="{{__('Imagem perfil')}}" class="image-profile">
            <div>
                <div class="block-flex">
                    <h1 class="profile-info">{{$user->username}}</h1> <h3 class="profile-info info-small">{{$subscriberCount . __(' seguidores')}}</h3> <h3 class="profile-info info-small">{{$postCount}} @if ($postCount != 1) {{__(' publicações')}} @else {{__(' post')}} @endif </h3>
                </div>
                <p class="text-desc">{{__($profile->description)}}</p>
                @if (!Auth::check() || Auth::user()->username != $user->username)
                    <form action="{{ $subscribeRoute }}" method="{{ Auth::check() ? 'POST' : 'GET' }}">
                        @csrf
                        <button type="submit" class="btn-sub">
                            @if(Auth::check() && Auth::user()->profile)
                                @if($isSubscribed)
                                    <img draggable="false" src="{{ asset('images/darkBell.png') }}" class="image-icon sub-notification" alt="{{__('Sino notificações')}}">
                                    <span class="span-sub">{{__('Seguindo')}}</span> {{--Futuramente transformar em um dropdown com notificações estilo youtube--}}
                                @else
                                    {{__('Seguir')}}
                                @endif
                            @else
                                {{__('Seguir')}}
                            @endif
                        </button>
                    </form>
                @endif
            </div>
        </div>
        <nav class="nav-menu-profile">
            <a class="link-nondeco link-menu-profile" href="{{ route("user.profile", ['username' => $user->username]) }}">{{__('Início')}}</a>
            <a class="link-nondeco link-menu-profile" href="{{ route("user.videos", ['username' => $user->username]) }}">{{__('Videos')}}</a>
            <a class="link-nondeco link-menu-profile" href="{{ route("user.texts", ['username' => $user->username]) }}">{{__('Texto')}}</a>
            <a class="link-nondeco link-menu-profile" href="{{ route("user.photos", ['username' => $user->username]) }}">{{__('Fotos')}}</a>
            <a class="link-nondeco link-menu-profile" href="{{ route("user.audios", ['username' => $user->username]) }}">{{__('Audios')}}</a>
            <a class="link-nondeco link-menu-profile" href="{{ route("user.about", ['username' => $user->username]) }}">{{__('Sobre')}}</a>
            {{--<a class="link-nondeco link-menu-profile" href="">{{__('Grupos')}}</a>--}}
        </nav>
    </div>
    @yield("profile-section")
    
@endsection

@push('scripts')
<script src="{{ asset('js/uploadSlick.js') }}"></script>
<script src="{{ asset('js/audioPlayer.js') }}"></script>
@endpush