@extends('layouts.main')
@section('title', __('messages.univer_hayoti'))

@section('content')
    <!--Main Slider-->
    <!-- Start main-content -->
    <section class="page-title" style="background-image: url(/images/background/view-menu.jpg);">
        <div class="auto-container">
            <div class="title-outer">
                <h1 class="title">{{ __('messages.videoteka') }}</h1>
                <ul class="page-breadcrumb">
                    {{-- <li><a href="{{ url('all-services') }}">{{ __('messages.barcha_xizmatlar') }}</a></li> --}}
                </ul>
            </div>
        </div>
    </section>
    <!-- end main-content -->

    <!--Start Gallery-->
    <section class="course-details">
        <div class="medium-container box-shadow-menu">
            <div class="row">
                <div class="col-xl-12 col-lg-12">
                    <div class="gallery">
                        <div class="sec-title text-center">
                            <h2 class="title-style">{{ __('messages.videolavha') }}</h2>
                            <hr>
                        </div>
                        <div class="row">
                            @foreach ($videos as $video)
                                <div class="col-xl-3 col-lg-3">

                                    <div class="videoteka">
                                        <div class="bg-image" style="background-image: url({{Voyager::image($video['photo'])}})">
                                        </div>

                                        <div class="outer-box">

                                            <div class="video-box wow fadeInUp">
                                                <a href="{{$video['video_url']}}"
                                                    class="play-btn lightbox-image"><i class="icon fa fa-play"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            @endforeach


                        </div>
                        {{ $videos->links() }}
                    </div>
                </div>
            </div>
    </section>
    <!--End Gallery-->
@endsection