@extends('backend.layouts.app')
@section('title', $data['p_heading'])
@section('content')
    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    <div class="float-left pt-2"><strong>{{ $data['p_heading'] }}</strong></div>
                    <div class="float-right"><button class="btn btn-info" onclick="location.href='{{ route('admin.videos.create') }}';"><i class="fa fa-plus"></i> Create Video</button></div>
                </div><!--card-header-->
                <div class="card-body">
                    @if(sizeof($data['videos']) > 0)
                        <p>{{ $data['p_description'] }}</p>
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <tbody><tr>
                                    <th width="5%">ID</th>
                                    <th width="15%">Thumbnail</th>
                                    <th width="25%">Title</th>
                                    <th width="10%">Source</th>
                                    <th width="15%">Video ID</th>
                                    <th width="5%">Position</th>
                                    <th width="10%">Status</th>
                                    <th width="15%">Actions</th>
                                </tr>
                                @foreach($data['videos'] as $video)
                                    <tr>
                                        <td>{{ $video->id }}</td>
                                        <td><img src="{{ $video->thumbnail_url }}" class="img-thumbnail"></td>
                                        <td>{{ $video->title }}</td>
                                        <td>{{ $video->source }}</td>
                                        <td>{{ $video->video_id }}</td>
                                        <td>{{ $video->position }}</td>
                                        <td>{{ $video->status }}</td>
                                        <td>
                                            <a class="btn btn-primary btn-sm" href="{{ route('admin.videos.edit', $video->id) }}"><i class="fa fa-pencil-alt"></i></a>
                                            <form method="POST" style="display: inline-block" action="{{ route('admin.videos.destroy', $video->id) }}" onsubmit="return window.confirm('Are you sure, you want to delete this record?');">
                                                @method('DELETE')
                                                @csrf
                                                <button type="submit" class="btn btn-danger btn-sm"><i class="fa fa-trash "></i></button>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="clearfix">
                            <div class="pagination pagination-sm no-margin pull-right">
                                {!! $data['videos']->render() !!}
                            </div>
                        </div>
                    @else
                        <strong>Sorry!</strong>, no videos found.
                    @endif
                </div><!--card-body-->
            </div><!--card-->
        </div><!--col-->
    </div><!--row-->
@stop