@extends('rod.layouts.rod')

@section('content')

    <!-- Start Page Title Area -->
    <div class="page-title-area style-four overflow-hidden">
        <video id="video" style="z-index: -2; position: absolute; transform: scale(2.5); top: 0; left: 0; width:100%; height:100%" no-controls autoplay muted loop src="{{ asset('assets/images/header_backgrounds/1.mp4') }}"></video>

        <div class="container">
            <div class="page-title-content text-start">
                <h2>Videók</h2>
                <ul>
                    <li><a href="{{ url('/') }}">Kezdőlap</a></li>
                    <li>Videók</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Page Title Area -->

    <!-- Start Blog Area -->
    <div class="blog-area ptb-100">
        <div class="container">
            <div class="section-title">
                <span class="sub-title">Videók</span>
                <h2>Lorem ipsum solor sit amet.</h2>
            </div>

            <div class="row">

                @foreach($videos as $video)
                    <div class="col-lg-4 col-md-6">
                        <div class="single-post-item startup-color without-box-shadow">
                            <div class="post-image">
{{--                                <a href="{{ route('video.show', $video->slug) }}" class="d-block">--}}
                                <a href="{{ $video->video->url }}" class="d-block" target="_blank">
                                    <img src="{{ $video->video->image }}" alt="image">
                                </a>
                            </div>
                            <div class="post-content">
                                <ul class="meta">
                                    <li><i class="far fa-calendar-alt"></i> {{ $video->created_at->format('Y. m. d.') }}</li>
                                    @if($video->user)
                                        <li><i class="far fa-user-circle"></i> {{ $video->user->name }}</li>
                                    @endif
                                </ul>
                                <h3><a href="{{ $video->video->url }}" target="_blank">{{ $video->name }}</a></h3>
                                <div class="mb-3">
                                    {!! $video->description !!}
                                </div>
                                <a href="{{ $video->video->url }}" class="link-btn" target="_blank">Megtekintés <i class="fas fa-chevron-right"></i></a>
                            </div>
                        </div>
                    </div>
                @endforeach

                {{ $videos->links('rod.components.pagination') }}

            </div>
        </div>
    </div>
    <!-- End Blog Area -->

@endsection