@extends('base::layouts.default')
@section('stylesheet')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/css/selectize.default.css" />
<link href="{{$getBaseAssetsUrl('css/bootstrap-fileupload.min.css')}}" rel="stylesheet">
<link href="{{$getBaseAssetsUrl('css/uploader.css')}}" rel="stylesheet">
@endsection

@section('header')
@include('base::layouts.headers.dashboard')
@endsection

@section('content')
<div data-ng-controller="playlistController as playlistCtrl" >
    
        <div data-ng-if="checkAccess('playlists_all_write')">
    @include('audio::admin.common.gridHeaderLayout' ,
    [
        'pageHeader' => trans('audio::playlists.manage_playlists'), 
        'addBtnText' => "Add Video",
        'control' => 'playlistCtrl.addPlaylist($event)',
    ])
    </div>
   
        <div data-ng-if="!checkAccess('playlists_all_write')">
          
            <div class="page-heading flexbox align-items-center flex-wrap">
                    <h4>{{trans('audio::playlists.manage_playlists')}}</h4>
                    <div class="right-side flexbox align-items-center">
                        <a href="javascript:void(0)" class="show-tooltip button button-blue sidepanel-open disabled">
                            <svg viewBox="0 0 18 18" version="1.1" x="0px" y="0px" width="18px" height="18px">
                                <g>
                                    <path d="M 9.3198 0.3768 C 4.5397 0.3768 0.7 4.218 0.7 8.9999 C 0.7 13.7819 4.5397 17.6231 9.3198 17.6231 C 14.1 17.6231 17.9397 13.7819 17.9397 8.9999 C 17.9397 4.218 14.1 0.3768 9.3198 0.3768 ZM 14.0216 9.3919 C 14.0216 9.6271 13.8649 9.7838 13.6299 9.7838 L 10.2993 9.7838 C 10.1819 9.7838 10.1034 9.8622 10.1034 9.9798 L 10.1034 13.3115 C 10.1034 13.5467 9.9467 13.7035 9.7117 13.7035 L 8.9281 13.7035 C 8.6929 13.7035 8.5363 13.5467 8.5363 13.3115 L 8.5363 9.9798 C 8.5363 9.8622 8.4579 9.7838 8.3403 9.7838 L 5.0099 9.7838 C 4.7748 9.7838 4.6182 9.6271 4.6182 9.3919 L 4.6182 8.6079 C 4.6182 8.3728 4.7748 8.216 5.0099 8.216 L 8.3403 8.216 C 8.4579 8.216 8.5363 8.1376 8.5363 8.02 L 8.5363 4.6883 C 8.5363 4.4532 8.6929 4.2964 8.9281 4.2964 L 9.7117 4.2964 C 9.9467 4.2964 10.1034 4.4532 10.1034 4.6883 L 10.1034 8.02 C 10.1034 8.1376 10.1819 8.216 10.2993 8.216 L 13.6299 8.216 C 13.8649 8.216 14.0216 8.3728 14.0216 8.6079 L 14.0216 9.3919 Z" fill="#ffffff"/>
                                </g>
                            </svg>
                           <!-- <p class="playlists-tooltip">Cant able to add more than 5 dynamic rows</p> -->
                           Add Video
                        </a>
                    </div>
                </div>        
    </div>
    <div class="contentpanel clearfix category_grid" >
        @include('base::partials.errors')
        @include('audio::admin.common.responses')
        <div class="response-msg"></div>
        <div
            data-grid-view
            data-rows-per-page="100"
            data-route-name="videos/playlists"
            data-template-route = "admin/playlists"
            data-request-grid="playlists"
            data-count = "false"
        ></div>
    </div>
    @include('video::admin.playlists.form')
</div>
@endsection

@section('scripts')
    <script src="{{$getBaseAssetsUrl('js/bootstrap-fileupload.min.js')}}"></script>
    <script src="{{$getBaseAssetsUrl('js/Uploader.js')}}"></script>
    <script src="{{$getBaseAssetsUrl('js/classieSidebarEffects.js')}}"></script>
    <script src="{{$getBaseAssetsUrl('js/classieSidebarEffectsDirective.js')}}"></script>
	<script src="{{$getBaseAssetsUrl('js/Validate.js')}}"></script>
	<script src="{{$getBaseAssetsUrl('js/validatorDirective.js')}}"></script>
	<script src="{{$getBaseAssetsUrl('js/requestFactory.js')}}"></script>
	<script src="{{$getBaseAssetsUrl('js/gridView.js')}}"></script>
    <script src="{{$getBaseAssetsUrl('js/selectize.js')}}"></script>
    <script src="{{$getBaseAssetsUrl('js/angular-selectize.js')}}"></script>
    <script src="{{$getBaseAssetsUrl('js/selectize_no_results.js')}}"></script>
    <script src="{{$getVideoAssetsUrl('js/playlist/playlistGrid.js')}}"></script>
    <script src="{{$getBaseAssetsUrl('js/common/common.js')}}"></script> 
    <script src="{{$getBaseAssetsUrl('js/grid.js')}}"></script>
    <script src="{{$getBaseAssetsUrl('js/common/directive.js')}}"></script>
@endsection