@extends('layouts.master')
@section('title', 'Videos - Resources - User')
@section('pagetitle', 'Videos - Resources - User')

@section('content')
    @include('layouts.partials.breadcrumbs', ['breadcrumbs' => [
         ['url' => route('user.dashboard'), 'title' => __('Home')],
         ['url' => route('user.resources'), 'title' => __('Resources')],
         ['url' => route('user.resources.videos'), 'title' => __('Videos')]
            ]])
    <div class="main">
        @include('layouts.partials.messages')
        <div class="r-heading">
            <h1 class="hd mb-30">Videos</h1>
            <button class="r-edit">edit</button>
        </div>

            @forelse($videos as $video)
            <div class="books-project">
                <div class="video">
                    <a href="{{$video->url}}"
                       target="_blank">
                        <img
                            src="{{$video->getThumbNail()}}"
                            {{--                    src="{{ asset('assets/images/video.png') }}"--}}
                            alt=""/>
                    </a>
                    <h2>{{$video->name}}({{$video->mentor->getFullName()}})</h2>
                    <p>{{$video->description}}</p>
                    <div class="dropdown">
                        <a href="#" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                           aria-expanded="false">
                            <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
                        </a>
                        <div class="dropdown-menu float-right" aria-labelledby="dropdownMenuButton">
                            <a class="dropdown-item"
                               href="{{$video->url}}"
                               target="_blank"
                            >
                                <i class="fa fa-eye" aria-hidden="true"></i>
                                Watch
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            @empty
            <div class="insight-placeholder">
                <p>No videos yet</p>
            </div>
            @endforelse
    </div>

@endsection


@section('scripts')
    <script src="{{ asset('js/resources.js') }}"></script>
@stop