@php
    use Carbon\Carbon;
    use App\Models\Post;
    use App\Models\User;
    use App\Models\Profile;
    use App\Models\Video;

    $posts = Post::where('visibility', 'public')->get();

@endphp
@extends("layouts.foruzone_layout")

@section("title", "Zooner")
@section("link-logo") {{route('zooner')}} @endsection
@section("logo", "../images/Zooner.png")
@section("name-logo", "Zooner")
@section("icon", "../images/zooner.ico")

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

@section("content")
    <h2 class="h2-posts">Publicações de videos</h2>
        <div class="block-video-posts">
            @foreach ($posts as $post)
                @if($post->type_id == 3)
                @php
                    $profile = Profile::where('id', $post->profile_id)->first();
                    $user = User::where('id', $profile->user_id)->first();
                    $video = Video::where('post_id', $post->id)->first();
                @endphp
                    <div class="block-post-link block-post-video-link">
                        <div class="block-post-video-link-inner">
                            <div class="block-uploader-info">
                                <a class="uploader-link" href="{{ route('user.profile', ['username' => $user->username])}}">
                                    <img class="image-icon" src="{{ asset('storage/' . $profile->image) }}" alt="Perfil">
                                    <div class="block-uploader-info-text">
                                        <span>{{$user->username}}</span>
                                        <span> {{$post->created_at->diffForHumans()}}</span>
                                        <span class="label-views">{{ _('Visualizações') }}: {{ $post->views_count }}</span>
                                    </div>
                                </a>
                            </div>
                                
                            <a class="video-post-link" href="{{ route('post.post_video', ['token' => $post->token]) }}">
                                <div class="block-upload-video-portrait">
                                    <img class="image-thumb-link image-thumb-link-review" src="{{ asset('storage/' . $video->thumb) }}" alt="Thumbnail do vídeo">
                                </div>
                                <div class="block-video-info">
                                    <span class="span-title">{{$post->title}}</span>
                                </div>
                            </a>
                        </div>
                    </div>
                @endif
            @endforeach
        </div>
        @if ($posts->where('type_id', 3)->count() > 4)
            <div class="block-video-posts-arrows">
                <button class="slick-prev" type="button"><img class="image-arrows" src="{{asset("images/leftArrow.png")}}" alt="{{ __('Seta da esquerda') }}"></button>
                <button class="slick-next" type="button"><img class="image-arrows" src="{{asset("images/rightArrow.png")}}" alt="{{ __('Seta da direita') }}"></button>
            </div>
        @endif
@endsection