@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">
                    <div>
                        <div class="float-left"><p>{{ $data['p_description'] }}</p></div>
                        <div class="float-right"><a href="javascript:;" onclick="$('#div_search').toggle()" class="btn btn-danger btn-sm">Filter</a></div>
                        <div class="clearfix"></div>
                    </div>
                    <div id="div_search" @if(Request::input('search') == '') style="display: none;" @endif class="pt-2 pb-2">
                        {!! Form::open(array('route' => 'admin.videos.index', 'method' => 'GET')) !!}
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        {!! Form::label('title', 'Title:') !!}
                                        {!! Form::text('title', Request::input('title'),['class'=>'form-control', 'placeholder'=>'Enter video title ...']) !!}
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        {!! Form::label('video_id', 'Video ID:') !!}
                                        {!! Form::text('video_id', Request::input('video_id'),['class'=>'form-control', 'placeholder'=>'Enter Video ID ...']) !!}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        {!! Form::label('source', 'Select Source:') !!}
                                        {!! Form::select('source', ['' => 'Please Select ...', 'Youtube' => 'Youtube', 'Vimeo' => 'Vimeo'], Request::input('source'), ['class'=>'form-control']) !!}
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="form-group">
                                        {!! Form::label('status', 'Select Status:') !!}
                                        {!! Form::select('status', ['' => 'Please Select ...', 'Y' => 'Active', 'N' => 'Inactive'], Request::input('status'), ['class'=>'form-control']) !!}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group float-right">
                                        <a href="javascript:;" onclick="$('#div_search').toggle();" class="btn btn-link">Cancel</a> <button type="submit" class="btn btn-info">Apply Filters</button>
                                    </div>
                                </div>
                            </div>
                            {{ Form::hidden('search', 'true') }}
                        {!! Form::close() !!}
                    </div>
                    @if(sizeof($data['videos']) > 0)
                        <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>@if($video->status == 'Y') Active @else In-active @endif</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