@extends('layouts.app')

@section('content')
<div class="row">
    <div class="pull-left col-md-12">
        <h3>New TV Management</h3>
    </div>

    <div class="col-md-12 col-lg-12 margin-tb searchBoxCls">
        <div class="row">
            <form role="form" method="POST" action="{{ route('videos.newtv') }}">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                
                <div class="col-md-4">
                    <input type="text" class="form-control" name="search" placeholder="Search by video id or title" value="@if(isset($search)){{$search}}@endif">
                </div>
                
                 

                <div class="col-md-2">
                    <select class="form-control" name="status">
                        <option value="">Select Status</option>
                        @foreach($arrStatus as $key=>$vstatus)
                        <option value="{{ $key }}" @if($key == $status) selected @endif>{{ $vstatus }}</option>
                        @endforeach
                    </select>
                </div>               

                <div class="col-md-1">
                    <button class="btn btn-default btn-sm form-control" type="submit">
                        <i class="fa fa-search"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>

    <div class="col-md-12 space_buttons">
        <a class="btn btn-success btn-sm pull-right" href="{{ route('videos.newtv_add') }}">Add Video</a>
    </div>
</div>

@if ($message = Session::get('success'))
    <div class="alert alert-success">
        <p>{{ $message }}</p>
    </div>
@endif

<table class="table table-bordered table-striped">
    <tr>
        <th>Video ID</th>
        <th>Video Title</th>
        <th>Image</th>
        <th>Language</th>
        <th>Schedule</th>
        <th>Timing</th>
        <th>Action</th>
    </tr>

    @foreach ($videos as $key => $video)
    <tr>
        <td>{{ $video->video_id }}</td>
        <td>{{ $video->video_name }}</td>
        <td><img class="img-responsive menu-thumbnails" src="{{ asset("uploads/video/images/$video->video_id/$video->logo") }}" width="100"/></td>
        <td>{{ $video->default_language }}</td>
        <td>{{ $video->schedule }}</td>
        <td>{{ (new \App\Http\Helper)->time_format($video->start_time)." - ".(new \App\Http\Helper)->time_format($video->end_time) }}</td>
        <td>
            <a class="btn btn-primary btn-sm btn-block space_buttons" href="{{ route('videos.newtv_edit',$video->id) }}">Edit</a>
            @if($video->status == 'published')
            <a class="btn btn-success btn-sm btn-block space_buttons unpublish" href="#" data-id="{{ $video->id }}" data-status="unpublished" data-type="newtv">Published</a>
            @else
            <a class="btn btn-danger btn-sm btn-block space_buttons unpublish" href="#" data-id="{{ $video->id }}" data-status="published" data-type="newtv">UnPublished</a>
            @endif
        </td>
    </tr>
    @endforeach
</table>

{!! $videos->appends($append)->render() !!}

<script type="text/javascript">
//unpublished button click
$(document).on('click', '.unpublish', function (e) {
    e.preventDefault();
    
    var that = $(this);
    $.ajax({
        type: "POST",
        url: '/videos/change_vod_status',
        data: {"_token": "{{ csrf_token() }}", "id": $(this).data('id'), "status": $(this).data('status'), "type": $(this).data('type')},
        success: function (json) {
            if (json.status == 'success') {
                if (json.message == 'unpublished') {
                    that.text('UnPublished');
                    that.data('status', 'published');
                    that.removeClass( "btn-success" ).addClass( "btn-danger" );

                } else if (json.message == 'published') {
                    that.text('Published');
                    that.data('status', 'unpublished');
                    that.removeClass( "btn-danger" ).addClass( "btn-success" );
                }

            } else if (json.status == 'failure') {
                //that.css("display", "block");
            }
        }
    });
});
</script>
@endsection