@extends('layouts/fullLayoutMaster')

@section('title', 'Эпизоды')

@section('vendor-style')

    <link rel="stylesheet" href="{{ asset('vndrs/css/flexslider/flexslider.css') }}">
	  <link rel="stylesheet" href="https://cdn.plyr.io/3.6.3/plyr.css" />
@endsection
@section('page-style')
<link href="{{ asset('vndrs/emojiarea/css/emoji.css') }}" rel="stylesheet">
@endsection

@section('content')
 <div class="content-items myfeed active">
		@include('includes/episode/feed', ['episodes' => $episodes])
	</div>
@endsection

@section('vendor-script')
	<script src="{{ asset('vndrs/emojiarea/js/jquery.emojiarea.min.js') }}"></script>
<script src="{{ asset('vndrs/js/flexslider/jquery.flexslider-min.js') }}"></script>
<script src="https://cdn.plyr.io/3.6.3/plyr.js"></script>
@endsection
@section('page-script')
<script src="{{ asset('vndrs/emojiarea/js/config.min.js') }}"></script>
<script src="{{ asset('vndrs/emojiarea/js/util.min.js') }}"></script>
<script src="{{ asset('vndrs/emojiarea/js/emoji-picker.min.js') }}"></script>
<script>
  $('.flexslider').flexslider({
    animation: "slide",
	slideshow: false,
	prevText: "",
	nextText: "",
  });
</script>
	 <script>
	 $( ".idplayer" ).each(function() {
  const player = new Plyr(this, {
});
});
const players = Plyr.setup('.video_itemyt'); 
</script>
<script>
$(function() {
        window.emojiPicker = new EmojiPicker({
          emojiable_selector: '[data-emojiable=true]',
          assetsPath: '/vndrs/emojiarea/img/',
          popupButtonClasses: 'fa fa-smile-o'
        });
        window.emojiPicker.discover();
      });
</script>
@endsection